归档,标签等列表页

application/index/controller/Article.php

@@ -5,6 +5,7 @@ use think\Db;
use think\Request;
use app\admin\model\Category as CategoryModel;
use app\admin\model\Article as ArticleModel;
use app\index\model\Tags as TagsModel;
/**
 * 文章管理  
@@ -22,6 +23,7 @@ class Article extends Base
        $this->model = new ArticleModel();
        $this->category_model = new CategoryModel();
        $this->assign('timeList', $this->model->createTimeArchive());
    }
    public function index($cid = 0)
@@ -32,13 +34,12 @@ class Article extends Base
        
        $category_info = $this->category_model->field('id, pid, name, url, template')->find($cid);
        $data = $this->model->where(['is_del'=>0, 'cid'=>$cid])->field('id, cid, title, writer, title_pic, summary, clicks, create_time')->order('id', 'desc')->paginate();
        $data = $this->model->where(['is_del'=>0, 'cid'=>$cid])->field('id, cid, title, username, title_pic, summary, clicks, create_time')->order('id', 'desc')->paginate();
        $this->assign('category_info', $category_info);
        
        $this->assign('data', $data);
        $this->assign('cid', $cid);
        $this->assign('timeList', $this->model->createTimeArchive());
        return $this->fetch($category_info->template);
    }
@@ -117,7 +118,7 @@ class Article extends Base
    }
    /**
     * 归档页面
     * 归档页面(时间)
     */
    public function archive($year=0,$month=0)
    {
@@ -126,12 +127,50 @@ class Article extends Base
        $data = Db::table('sur_article')->alias('a')->join('sur_category c','a.cid=c.id')
            ->where('a.create_time','>',$time['firstday'])
            ->where('a.create_time','<',$time['lastday'])
            ->field('a.id,a.cid,a.title,a.writer,a.title_pic,a.summary,a.clicks,a.create_time,c.url,c.name as cname')
            ->field('a.id,a.cid,a.title,a.username,a.title_pic,a.summary,a.clicks,a.create_time,c.url,c.name as cname')
            ->order('id','desc')
            ->paginate();
  
        $this->assign('data', $data);
        $this->assign('timeList', $this->model->createTimeArchive());
        $this->assign('year', $year);
        $this->assign('month', $month);
        return $this->fetch();
    }
    /**
     * 归档页面(发布者)
     */
    public function author($name = null)
    {
        if (!$name) {
            throw new \think\exception\HttpException(404, '页面不存在');
        }
                
        $data = Db::table('sur_article')->alias('a')->join('sur_category c','a.cid=c.id')
            ->where('a.username',$name)
            ->field('a.id,a.cid,a.title,a.username,a.title_pic,a.summary,a.clicks,a.create_time,c.url,c.name as cname')
            ->order('id','desc')
            ->paginate();
  
        $this->assign('data', $data);
        $this->assign('username', $name);
        
        return $this->fetch();
    }
    public function tags($name=null)
    {
        if (!$name) {
            throw new \think\exception\HttpException(404, '页面不存在');
        }
        
        $tagsModel = new TagsModel();
        $data = $tagsModel->where('tag', $name)->field('id, cid, title, username, title_pic, summary, clicks, create_time, url, cname')->order('id', 'desc')->paginate();
        $this->assign('data', $data);
        $this->assign('tag', $name);
        return $this->fetch();
    }
}

application/index/model/Tags.php

@@ -0,0 +1,6 @@
<?php
namespace app\index\model;
class Tags extends \think\Model
{
}

application/index/view/article/archive.html

@@ -6,7 +6,7 @@
                <div class="header-overlay parallax-overlay" style="background-image:url('')"></div>
                <div class="container">
                    <h2 class="section-heading">
                        Currently browsing: Archive </h2>
                        Posts archive for  {$year}年, {$month}月</h2>
                </div>
            </div>
        </header>
@@ -15,19 +15,19 @@
                {foreach $data as $value}
                <article id="post-{$value.id}"
                    class="post-{$value.id} post type-post status-publish format-standard hentry category-148 tag-3d">
                    <h2 class="blog-single-title"><a href="/information/{$value.id}" title="{$value.title}"
                    <h2 class="blog-single-title"><a href="/{$value.url}/{$value.id}" title="{$value.title}"
                            data-wpel-link="internal">{$value.title}</a></h2>
                    <div class="entry-meta">
                        <span class="published"><span class="fa fa-clock-o"></span><a href="javascript:;"
                                title="大型3d打印机的优点有哪些？" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                        <span class="author"><span class="fa fa-keyboard-o"></span><a href="javascript:;"
                                title="由{$value.writer}发布" rel="author" data-wpel-link="internal">{$value.writer}</a></span>
                                title="{$value.title}" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                        <span class="author"><span class="fa fa-keyboard-o"></span><a href="/author/{$value.username}"
                                title="由{$value.username}发布" rel="author" data-wpel-link="internal">{$value.username}</a></span>
                        <span class="blog-label"><span class="fa fa-folder-open-o"></span><a href="/{$value.url}"
                                rel="category tag" data-wpel-link="internal">{$value.cname}</a></span>
                    </div>
                    {notempty name="value.title_pic"}
                    <div class="entry-image">
                        <a href="/{$value.url}/${$value.id}" title="{$value.title}" data-wpel-link="internal">
                        <a href="/{$value.url}/{$value.id}" title="{$value.title}" data-wpel-link="internal">
                            <img width="382" height="330" src="{$value.title_pic}" class="attachment-full size-full wp-post-image" alt="{$value.title}"></a>
                    </div>
                    {/notempty}
@@ -35,7 +35,7 @@
                        <div class="page-content">
                            <p>{$value.summary|mb_substr=0,30}[&hellip;]</p>
                        </div>
                        <a class="tt_button" href="/{$value.url}/${$value.id}" data-wpel-link="internal">Read more</a>
                        <a class="tt_button" href="/{$value.url}/{$value.id}" data-wpel-link="internal">Read more</a>
                    </div>
                </article>
                {/foreach}

application/index/view/article/author.html

@@ -0,0 +1,53 @@
{layout name="layout" /}
<div id="wrapper" class=" ">
        <header class="entry-header blog-header with-topbar">
            <div class="row blog-page-heading blog-title-left">
                <div class="header-overlay parallax-overlay" style="background-image:url('')"></div>
                <div class="container">
                    <h2 class="section-heading">
                        All posts by {$username} </h2>
                </div>
            </div>
        </header>
        <div id="posts-content" class="container use-sidebar blog-img-top-list">
            <div class="col-xs-12 col-sm-12 col-lg-8">
                {foreach $data as $value}
                <article id="post-{$value.id}"
                    class="post-{$value.id} post type-post status-publish format-standard hentry category-148 tag-3d">
                    <h2 class="blog-single-title"><a href="/{$value.url}/{$value.id}" title="{$value.title}"
                            data-wpel-link="internal">{$value.title}</a></h2>
                    <div class="entry-meta">
                        <span class="published"><span class="fa fa-clock-o"></span><a href="javascript:;"
                                title="{$value.title}" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                        <span class="author"><span class="fa fa-keyboard-o"></span><a href="/author/{$value.username}"
                                title="由{$value.username}发布" rel="author" data-wpel-link="internal">{$value.username}</a></span>
                        <span class="blog-label"><span class="fa fa-folder-open-o"></span><a href="/{$value.url}"
                                rel="category tag" data-wpel-link="internal">{$value.cname}</a></span>
                    </div>
                    {notempty name="value.title_pic"}
                    <div class="entry-image">
                        <a href="/{$value.url}/{$value.id}" title="{$value.title}" data-wpel-link="internal">
                            <img width="382" height="330" src="{$value.title_pic}" class="attachment-full size-full wp-post-image" alt="{$value.title}"></a>
                    </div>
                    {/notempty}
                    <div class="entry-content">
                        <div class="page-content">
                            <p>{$value.summary|mb_substr=0,30}[&hellip;]</p>
                        </div>
                        <a class="tt_button" href="/{$value.url}/{$value.id}" data-wpel-link="internal">Read more</a>
                    </div>
                </article>
                {/foreach}
                <nav class="navigation pagination" role="navigation" aria-label="文章">
                    {$data->render();}
                </nav>
            </div>
            <div class="col-xs-12 col-sm-12 col-lg-4">
                <!--侧边栏-->
                {include file="public/right-sidebar" /}
                <!--侧边栏-->
            </div>
        </div>
        <!--WPFC_FOOTER_START-->
    </div>

application/index/view/article/detail.html

@@ -1,2434 +1,7 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="theme-color" content="#dc4c33">
    <link rel="profile" href="https://gmpg.org/xfn/11">
    <!-- header -->
    <meta name="referrer" content="origin">
    <!-- This site is optimized with the Yoast SEO plugin v14.0.2 - https://yoast.com/wordpress/plugins/seo/ -->
    <title></title>
    <meta name="description" content="">
    <meta name="robots" content="index, follow">
    <meta name="googlebot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <meta name="bingbot" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1">
    <link rel="canonical" href="">
    <meta property="og:locale" content="zh_CN">
    <meta property="og:type" content="article">
    <meta property="og:title" content="">
    <meta property="og:description" content="">
    <meta property="og:url" content="">
    <meta property="og:site_name" content="Suryee 中国官网">
    <meta property="article:published_time" content="2019-10-25T10:28:12+00:00">
    <meta property="article:modified_time" content="2021-02-01T06:45:00+00:00">
    <meta property="og:image" content="">
    <meta property="og:image:width" content="624">
    <meta property="og:image:height" content="377">
    <meta name="twitter:card" content="summary_large_image">
    <link rel='stylesheet' id='bootstrap-css' href='/static/index/css/bootstrap.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='parent-style-css' href='/static/index/css/style.css' type='text/css' media='all'>
    <link rel='stylesheet' id='child-style-css' href='/static/index/css/style1.css' type='text/css' media='all'>
    <link rel='stylesheet' id='wp-block-library-css' href='/static/index/css/style.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='nk-awb-css' href='/static/index/css/awb.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='simple-sitemap-css-css' href='/static/index/css/simple-sitemap.css' type='text/css' media='all'>
    <link rel='stylesheet' id='contact-form-7-css' href='/static/index/css/styles.css' type='text/css' media='all'>
    <link rel='stylesheet' id='style_cpta_front-css' href='/static/index/css/style_front.css' type='text/css' media='all'>
    <link rel='stylesheet' id='kd_addon_style-css' href='/static/index/css/kd_vc_front.css' type='text/css' media='all'>
    <link rel='stylesheet' id='rs-plugin-settings-css' href='/static/index/css/settings.css' type='text/css' media='all'>
    <style id='rs-plugin-settings-inline-css' type='text/css'>
        #rs-demo-id {}
    </style>
    <link rel='stylesheet' id='searchandfilter-css' href='/static/index/css/style2.css' type='text/css' media='all'>
    <link rel='stylesheet' id='theme-font-awesome-css' href='/static/index/css/font-awesome.min.css' type='text/css'
        media='all'>
    <link rel='stylesheet' id='tailwind-css' href='/static/index/css/tailwind.css' type='text/css' media='all'>
    <link rel='stylesheet' id='keydesign-style-css' href='/static/index/css/style1.css' type='text/css' media='all'>
    <style id='keydesign-style-inline-css' type='text/css'>
        .tt_button:hover .iconita,
        .tt_button.second-style .iconita,
        #single-page #comments input[type="submit"]:hover,
        .tt_button.tt_secondary_button,
        .tt_button.tt_secondary_button .iconita,
        .team-carousel .owl-item .team-member.design-creative .team-socials a,
        .es-accordion .es-time,
        .content-area .vc_grid-filter>.vc_grid-filter-item.vc_active>span,
        .content-area .vc_grid-filter>.vc_grid-filter-item:hover>span,
        .format-quote .entry-wrapper:before,
        .large-counter .kd_counter_units,
        .footer_widget .redux-social-media-list i,
        #single-page .bbp-login-form .user-submit:hover,
        .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown>a,
        .key-icon-box .ib-link a,
        #popup-modal .close:hover,
        body.maintenance-mode .container h2,
        blockquote:before,
        .woocommerce nav.woocommerce-pagination ul li a:hover,
        .port-prev.tt_button,
        .port-next.tt_button,
        .upper-footer .socials-widget a:hover .fa,
        .woocommerce .woocommerce-form-login .button:hover,
        .footer_widget ul a:hover,
        .side-content-text ul li:before,
        span.bbp-admin-links a:hover,
        #bbpress-forums #bbp-single-user-details #bbp-user-navigation a:hover,
        .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_date div:before,
        .vc_grid-item-mini .vc_gitem-post-data.vc_gitem-post-data-source-post_author a:before,
        .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container:hover a,
        .feature-sections-wrapper .feature-sections-tabs .nav-tabs a:hover,
        .topbar-lang-switcher ul li a:hover span,
        .feature-sections-wrapper .feature-sections-tabs .nav-tabs li.active a,
        .owl-nav div:hover,
        div.bbp-breadcrumb a:hover,
        #bbpress-forums div.bbp-topic-author a.bbp-author-name,
        #bbpress-forums div.bbp-reply-author a.bbp-author-name,
        .kd_pie_chart .pc_percent_container,
        .kd_pie_chart .kd-piechart-icon,
        .woocommerce .checkout_coupon .button:hover:hover,
        .woocommerce-page #payment #place_order:hover,
        .team-member.design-minimal .team-socials a,
        .woocommerce-cart #single-page table.cart .button:hover,
        .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab.vc_active a,
        .team-member.design-two:hover .team-socials .fa:hover,
        .team-member.design-two .team-socials .fa:hover,
        #single-page .return-to-shop a:hover,
        .woocommerce-error a,
        .woocommerce-info a,
        .woocommerce-message a,
        .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
        .navbar-nav li.dropdown:hover .dropdown-menu:hover li a:hover,
        .woocommerce ul.products li.product h2:hover,
        .keydesign-cart .buttons .btn,
        .woocommerce .keydesign-cart .buttons .btn,
        .woocommerce #payment #place_order:hover,
        .woocommerce-page #payment #place_order:hover,
        .portfolio-meta.share-meta .fa:hover,
        .woocommerce-account #single-page .woocommerce-Button:hover,
        .woocommerce #respond input#submit:hover,
        .woocommerce-page ul.products li.product.woo-minimal-style .button:hover,
        .woocommerce-page ul.products li.product.woo-minimal-style .added_to_cart:hover,
        .blog_widget ul li a:hover,
        #posts-content .entry-meta a:hover,
        .breadcrumbs a:hover,
        .woocommerce a.button:hover,
        .keydesign-cart:hover .cart-icon,
        #comments input[type="submit"]:hover,
        .search-submit:hover,
        .blog-single-content .tags a,
        .lower-footer a:hover,
        #posts-content .post .blog-single-title a:hover,
        #posts-content.blog-minimal-list .blog-single-title a:hover,
        #posts-content.blog-img-left-list .blog-single-title a:hover,
        .socials-widget a:hover .fa,
        .socials-widget a:hover,
        #customizer .leadengine-tooltip,
        .footer_widget .menu li a:hover,
        .row .vc_toggle_size_md.vc_toggle_simple .vc_toggle_title:hover h4,
        #single-page .single-page-content .widget ul li a:hover,
        #comments .reply a:hover,
        #comments .comment-meta a:hover,
        #kd-slider .secondary_slider,
        #single-page .single-page-content .widget ul li.current-menu-item a,
        .team-socials .fa:hover,
        #posts-content .post .tt_button:hover .fa,
        #posts-content .post .tt_button:hover,
        .topbar-socials a:hover .fa,
        .pricing .pricing-price,
        .pricing-table .tt_button,
        .topbar-phone .iconsmind-Telephone,
        .topbar-email .iconsmind-Mail,
        .modal-content-contact .key-icon-box .service-heading a:hover,
        .pricing-table.active .tt_button:hover,
        .footer-business-content a:hover,
        .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom,
        .star-rating span,
        .es-accordion .es-heading h4 a:hover,
        .keydesign-cart ul.product_list_widget .cart-item:hover,
        .woocommerce .keydesign-cart ul.product_list_widget .cart-item:hover,
        #customizer .options a:hover i,
        .woocommerce .price_slider_wrapper .price_slider_amount .button,
        #customizer .options a:hover,
        #single-page input[type="submit"]:hover,
        #posts-content .post input[type="submit"]:hover,
        .active .pricing-option .fa,
        #comments .reply a:hover,
        .meta-content .tags a:hover,
        .navigation.pagination .next,
        .woocommerce-cart #single-page table.cart .product-name a:hover,
        .navigation.pagination .prev,
        .woocommerce span.onsale,
        .product_meta a:hover,
        .tags a:hover,
        .tagcloud a:hover,
        .tt_button.second-style,
        .lower-footer .pull-right a:hover,
        .woocommerce-review-link:hover,
        .section .wpcf7-mail-sent-ok,
        .blog-header-form .wpcf7-mail-sent-ok,
        .upper-footer .modal-menu-item,
        .video-socials a:hover .fa,
        .kd_pie_chart .pc-link a:hover,
        .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4:hover,
        .fa,
        .wpcf7 .wpcf7-submit:hover,
        .contact .wpcf7-response-output,
        .video-bg .secondary-button:hover,
        #headerbg li a.active,
        #headerbg li a.active:hover,
        .footer-nav a:hover,
        .wpb_wrapper .menu a:hover,
        .text-danger,
        .blog_widget ul li a:before,
        .pricing .fa,
        .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link,
        code,
        #single-page .single-page-content ul li:before,
        .subscribe-form header .wpcf7-submit,
        #posts-content .page-content ul li:before,
        .chart-content .nc-icon-outline,
        .chart,
        .row .vc_custom_heading a:hover,
        .secondary-button-inverse,
        .primary-button.button-inverse:hover,
        .primary-button,
        a,
        .kd-process-steps .pss-step-number span,
        .navbar-default .navbar-nav>.active>a,
        .pss-link a:hover,
        .woocommerce-cart #single-page .cart_totals table td,
        .kd_number_string,
        .featured_content_parent .active-elem h4,
        .contact-map-container .toggle-map:hover .fa,
        .contact-map-container .toggle-map:hover,
        .testimonials.slider .tt-container:before,
        .tt_button:hover,
        .nc-icon-outline,
        .woocommerce ul.products li.product h3:hover,
        .wpb_text_column ol>li:before,
        .wpb_text_column ul>li:before,
        .key-icon-box .ib-link a:hover {
            color: #4f6df5;
            color: #dc4c33;
        }
        .pricing-table.DetailedStyle .pricing .pricing-price {
            color: #dc4c33 !important;
        }
        .modal-content-inner .wpcf7-not-valid-tip,
        .section .wpcf7-mail-sent-ok,
        .blog-header-form .wpcf7-mail-sent-ok,
        .blog-header-form .wpcf7-not-valid-tip,
        .section .wpcf7-not-valid-tip,
        .kd-process-steps.process-checkbox-template .pss-item:before,
        .kd-process-steps.process-checkbox-template,
        .kd-separator,
        .kd-separator .kd-separator-line {
            border-color: #dc4c33;
        }
        #single-page .bbp-login-form .user-submit,
        .bbpress #user-submit,
        .gform_wrapper .gform_footer input.button,
        .gform_wrapper .gform_footer input[type=submit],
        input[type="button"].ninja-forms-field,
        .modal-content-inner .wpcf7-submit:hover,
        .searchform #searchsubmit,
        #kd-slider,
        .kd-contact-form.light_background .wpcf7 .wpcf7-submit,
        .footer-newsletter-form .wpcf7 .wpcf7-submit,
        .kd_progressbarfill,
        .phone-wrapper,
        .wpb_wrapper #loginform .button,
        .woocommerce input.button,
        .testimonial-cards .center .tcards_message,
        .email-wrapper,
        .woocommerce ul.products li.product .added_to_cart:hover,
        .footer-business-info.footer-socials a:hover,
        #comments input[type="submit"],
        .parallax.with-overlay:after,
        .content-area .vc_grid-filter>.vc_grid-filter-item span:after,
        .tt_button.tt_secondary_button:hover,
        .pricing-table .tt_button:hover,
        .modal-content-inner .wpcf7-not-valid-tip,
        .tt_button.second-style:hover,
        .pricing-table.active .tt_button,
        #customizer .screenshot a,
        .heading-separator,
        .blog-header-form .wpcf7-not-valid-tip,
        .section .wpcf7-not-valid-tip,
        .port-prev.tt_button:hover,
        .port-next.tt_button:hover,
        .owl-buttons div:hover,
        .row .vc_toggle_default .vc_toggle_icon,
        .row .vc_toggle_default .vc_toggle_icon::after,
        .row .vc_toggle_default .vc_toggle_icon::before,
        .woocommerce #respond input#submit,
        .woocommerce a.button,
        .woocommerce nav.woocommerce-pagination ul li a:hover,
        .upper-footer .modal-menu-item:hover,
        .contact-map-container .toggle-map,
        .portfolio-item .portfolio-content,
        .tt_button,
        .owl-dot span,
        .woocommerce a.remove:hover,
        .pricing .secondary-button.secondary-button-inverse:hover,
        .with-overlay .parallax-overlay,
        .secondary-button.secondary-button-inverse:hover,
        .secondary-button,
        #kd-slider .bullet-bar.tparrows,
        .primary-button.button-inverse,
        #posts-content .post input[type="submit"],
        .btn-xl,
        .with-overlay,
        .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom:hover,
        .woocommerce .price_slider_wrapper .ui-slider-horizontal .ui-slider-range,
        .separator,
        .woocommerce button.button,
        .cb-container.cb_main_color:hover,
        .keydesign-cart .buttons .btn:hover,
        .woocommerce .keydesign-cart .buttons .btn:hover,
        .woocommerce ul.products li.product .button:hover,
        #single-page #comments input[type="submit"]:hover,
        .contact-map-container .toggle-map:hover,
        .wpcf7 .wpcf7-submit:hover,
        .owl-dot span,
        .features-tabs .tab.active,
        .content-area .vc_grid .vc-gitem-zone-height-mode-auto.vc_gitem-zone.vc_gitem-zone-a:before,
        .row .vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::after,
        .row .vc_toggle_simple .vc_toggle_title:hover .vc_toggle_icon::before,
        .wpcf7 .wpcf7-submit,
        .navigation.pagination .next:hover,
        #single-page .vc_col-sm-3 .wpcf7 .wpcf7-submit,
        .spinner:before,
        .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover,
        .content-area .vc_grid-item-mini .vc_gitem-animate-fadeIn .vc_gitem-zone.vc_gitem-zone-a:before,
        .keydesign-cart .badge,
        #bbp_search_submit,
        .woocommerce .price_slider_wrapper .ui-slider .ui-slider-handle,
        .navigation.pagination .prev:hover {
            background: #4f6df5;
            background: #dc4c33;
        }
        .slider-scroll-down a {
            background-color: #4f6df5;
            background-color: #dc4c33;
        }
        ::selection {
            background-color: #4f6df5;
            background: #dc4c33;
        }
        ::-moz-selection {
            background-color: #4f6df5;
            background: #dc4c33;
        }
        #single-page .bbp-login-form .user-submit,
        #single-page #comments input[type="submit"]:hover,
        .navigation.pagination .next,
        .navigation.pagination .prev,
        .upper-footer .modal-menu-item,
        .wpcf7 .wpcf7-submit:hover,
        .tt_button,
        .navigation.pagination .next,
        .navigation.pagination .prev,
        .woocommerce ul.products li.product .button:hover,
        .woocommerce .price_slider_wrapper .ui-slider .ui-slider-handle,
        .pricing.active,
        .vc_grid-item-mini .vc_gitem-zone .vc_btn3.vc_btn3-style-custom,
        .primary-button.button-inverse:hover,
        .primary-button.button-inverse,
        .keydesign-cart .buttons .btn,
        .woocommerce .keydesign-cart .buttons .btn,
        .wpcf7 .wpcf7-submit,
        .wpb_wrapper #loginform .button,
        .owl-buttons div:hover,
        .woocommerce button.button,
        .woocommerce a.button,
        .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link,
        #commentform #submit,
        .woocommerce ul.products li.product .added_to_cart,
        .woocommerce input.button,
        .owl-dot.active span,
        .owl-dot:hover span {
            border: 2px solid #4f6df5;
            border: 2px solid #dc4c33;
        }
        .modal-content-inner:before {
            border-right: 12px solid #4f6df5;
            border-right: 12px solid #dc4c33;
        }
        .page-404 .tt_button,
        #wrapper .widget-title,
        .blockquote-reverse,
        .testimonials.slider .owl-dot.active span,
        .tags a:hover,
        .tagcloud a:hover,
        .contact-map-container .toggle-map:hover,
        .navigation.pagination .next:hover,
        .navigation.pagination .prev:hover,
        .contact .wpcf7-response-output,
        .video-bg .secondary-button,
        #single-page .single-page-content .widget .widgettitle,
        .image-bg .secondary-button,
        .contact .wpcf7-form-control-wrap textarea.wpcf7-form-control:focus,
        .contact .wpcf7-form-control-wrap input.wpcf7-form-control:focus,
        .team-member-down:hover .triangle,
        .team-member:hover .triangle,
        .features-tabs .tab.active:after,
        .tabs-image-left.features-tabs .tab.active:after,
        .secondary-button-inverse,
        .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a,
        .vc_separator .vc_sep_holder .vc_sep_line {
            border-color: #4f6df5;
            border-color: #dc4c33;
        }
        .testimonial-cards .center .tcards_message:before {
            border-color: transparent transparent #4f6df5 #4f6df5;
            border-color: transparent transparent #dc4c33 #dc4c33;
        }
        .testimonial-cards .center .tcards_message.author-bottom:before {
            border-color: #4f6df5 transparent transparent #4f6df5;
            border-color: #dc4c33 transparent transparent #dc4c33;
        }
        .wpb-js-composer .vc_tta-container .vc_tta-tabs.vc_tta-tabs-position-left .vc_tta-tab:before {
            border-right: 9px solid #dc4c33;
        }
        .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li:before {
            border-top: 9px solid #dc4c33;
        }
        .tt_button.btn_secondary_color.tt_secondary_button:hover,
        .tt_button.btn_secondary_color {
            background: #1a3347;
        }
        .tt_button.btn_secondary_color.tt_secondary_button,
        .tt_button.btn_secondary_color:hover {
            color: #1a3347;
        }
        .tt_button.btn_secondary_color {
            border: 2px solid #1a3347;
        }
        h1,
        h2,
        h3,
        h4,
        h5,
        .kd_progress_bar .kd_progb_head .kd-progb-title h4,
        .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a:hover,
        .es-accordion .es-heading h4 a,
        .wpb-js-composer .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a:hover,
        #comments .fn,
        #comments .fn a,
        .portfolio-block h4,
        .rw-author-details h4,
        .testimonials.slider .author,
        .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4,
        .navbar-default.navbar-shrink .nav li a,
        .team-content h5,
        .key-icon-box .service-heading,
        #wp-calendar caption,
        .post a:hover,
        .kd_pie_chart .kd_pc_title,
        .kd_pie_chart .pc-link a,
        .testimonials .tt-content h4,
        .kd-photobox .phb-content h4,
        .kd-process-steps .pss-text-area h4,
        .widget-title,
        .kd-promobox .prb-content h4,
        .bp-content h4,
        .reply-title,
        .product_meta,
        .blog-header .section-heading,
        .testimonial-cards .tcards-title,
        .testimonial-cards .tcards_header .tcards-name,
        .woocommerce-result-count,
        .pss-link a,
        .navbar-default .nav li a,
        .logged-in .navbar-nav a,
        .navbar-nav .menu-item a,
        .woocommerce table.shop_attributes th,
        .portfolio-block strong,
        .keydesign-cart .nc-icon-outline-cart,
        .portfolio-meta.share-meta .fa,
        .subscribe input[type="submit"],
        .es-accordion .es-speaker-container .es-speaker-name,
        .pricing-title,
        .woocommerce div.product .woocommerce-tabs ul.tabs li.active a,
        .woocommerce-cart #single-page table.cart .product-name a,
        .wpb-js-composer .vc_tta-container .vc_tta-color-white.vc_tta-style-modern .vc_tta-tab>a,
        .rw_rating .rw-title,
        .group_table .label,
        .cb-container.cb_transparent_color:hover .cb-heading,
        .app-gallery .ag-section-desc h4,
        .single-post .wpb_text_column strong,
        .owl-buttons div,
        #single-page .single-page-content .widget ul li a,
        .modal-content-contact .key-icon-box .service-heading a,
        .woocommerce-ordering select,
        .woocommerce div.product .woocommerce-tabs .panel #reply-title,
        .page-404 .section-subheading,
        .showcoupon:hover,
        .pricing-table.DetailedStyle .pricing .pricing-price,
        .pricing-table .pricing-img .fa,
        .navbar-default .navbar-nav>li>a:hover,
        .testimonials.slider.with-image .tt-container h6,
        .socials-widget a:hover .fa,
        .socials-widget a:hover,
        .owl-nav div,
        #comments label,
        .author-box-wrapper .author-name h6,
        .keydesign-cart .empty-cart,
        .play-video .fa-play,
        .author-website,
        .post-link:hover,
        #comments .reply a:hover,
        .author-desc-wrapper a:hover,
        .blog-single-content .tags a:hover,
        .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li a:hover,
        .wpb-js-composer .vc_tta-container .vc_tta.vc_tta-style-classic .vc_tta-tabs-container .vc_tta-tabs-list li.vc_active a,
        .woocommerce #coupon_code,
        .woocommerce .quantity .qty,
        .kd-price-block .pb-content-wrap .pb-pricing-wrap,
        .blog-single-title a,
        .topbar-phone a:hover,
        .topbar-email a:hover,
        .woocommerce-page ul.products li.product.woo-minimal-style .added_to_cart,
        .woocommerce-page ul.products li.product.woo-minimal-style .button,
        .woocommerce nav.woocommerce-pagination ul li span.current,
        #menu-topbar-menu li a:hover,
        .fa.toggle-search:hover,
        .business-info-header .fa,
        .tt_secondary_button.tt_third_button:hover,
        .tt_secondary_button.tt_third_button:hover .fa,
        .keydesign-cart .subtotal,
        #single-page p.cart-empty,
        blockquote cite,
        .cta-icon .fa,
        .wpcf7-form label,
        body.maintenance-mode .countdown,
        .mobile-cart .keydesign-cart,
        body.woocommerce-page .entry-header .section-heading,
        .feature-sections-wrapper .feature-sections-tabs .nav-tabs a,
        .team-member.design-minimal .team-socials a:hover,
        .key-icon-box .ib-link a:hover,
        .feature-sections-wrapper .side-content-wrapper .simple-link:hover,
        .woocommerce ul.products li.product .price,
        .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::after,
        .vc_toggle_simple .vc_toggle_title .vc_toggle_icon::before,
        .testimonials .tt-content .content {
            color: #1f1f1f;
            color: ;
        }
        .ib-link.iconbox-main-color a:hover {
            color: #1f1f1f;
            color:  !important;
        }
        .vc_toggle.vc_toggle_default .vc_toggle_icon,
        .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:before,
        .row .vc_toggle_size_md.vc_toggle_default .vc_toggle_title .vc_toggle_icon:after,
        .searchform #searchsubmit:hover,
        #kd-slider .bullet-bar.tparrows:hover {
            background: #1f1f1f;
            background: ;
        }
        .kd-contact-form.light_background .wpcf7 .wpcf7-submit:hover {
            background:  !important;
        }
        .kd_counter_number:after {
            background: ;
        }
        .testimonials.slider .owl-dot:hover span {
            border-color: ;
        }
        .cb-container.cb_transparent_color:hover .cb-text-area p {
            color: ;
        }
        .wpcf7 .wpcf7-text::-webkit-input-placeholder {
            color: ;
        }
        .wpcf7 .wpcf7-text::-moz-placeholder {
            color: ;
        }
        .wpcf7 .wpcf7-text:-ms-input-placeholder {
            color: ;
        }
        .wpcf7-form-control-wrap .wpcf7-textarea::-webkit-input-placeholder {
            color: ;
        }
        .wpcf7-form-control-wrap .wpcf7-textarea::-moz-placeholder {
            color: ;
        }
        .wpcf7-form-control-wrap .wpcf7-textarea:-ms-input-placeholder {
            color: ;
        }
        .footer-newsletter-form .wpcf7-form .wpcf7-email,
        .footer-business-info.footer-socials a,
        .upper-footer {
            background: #f7f9fb;
            background: #1a3347;
        }
        .upper-footer {
            border-color: #1a3347;
        }
        .upper-footer .textwidget,
        .footer-business-info,
        .lower-footer {
            background: #fff;
            background: #1a3347;
        }
        .upper-footer .textwidget,
        .lower-footer {
            border-color: #1a3347;
        }
        .lower-footer,
        .upper-footer,
        .upper-footer .socials-widget .fa {
            color: #ffffff;
        }
        .lower-footer a,
        .upper-footer a {
            color:  !important;
        }
        .lower-footer a:hover,
        .upper-footer a:hover {
            color:  !important;
        }
        .upper-footer .widget-title,
        .upper-footer .modal-menu-item {
            color: #ffffff;
        }
        #commentform textarea,
        .wpcf7-form textarea,
        .wpb_wrapper #loginform .input,
        .wpcf7 input[type="date"],
        .wpcf7 .wpcf7-text,
        .wpcf7 .wpcf7-email,
        .wpcf7 .wpcf7-select,
        .modal-content-inner .wpcf7 .wpcf7-text,
        .modal-content-inner .wpcf7 .wpcf7-email,
        .content-area .vc_grid-gutter-30px .vc_grid-item-mini .vc_gitem-zone.vc_gitem-zone-c,
        .portfolio-navigation-links,
        .related-posts,
        .comment-body,
        #single-page blockquote,
        .author-box-wrapper,
        .blog_widget .search-form .search-field,
        .blog_widget .woocommerce-product-search .search-field,
        .blog-header-form .wpcf7 .wpcf7-text,
        .blog-header-form .wpcf7 .wpcf7-email,
        .single-post #posts-content .post,
        .search #posts-content .portfolio,
        .search #posts-content .product,
        .search #posts-content .page,
        #posts-content .type-attachment,
        #posts-content .post,
        .woo-sidebar,
        .right-sidebar,
        #posts-content.blog-minimal-list .entry-meta .blog-label:before,
        #posts-content.blog-img-top-list .entry-meta .blog-label:before,
        #posts-content.blog-img-left-list .BlogFullWidth .post,
        .related-posts .post .entry-wrapper.without-image,
        .related-content .portfolio .entry-wrapper.without-image,
        #posts-content.blog-detailed-grid .entry-wrapper.without-image,
        #posts-content.blog-minimal-grid .entry-wrapper.without-image,
        .woo-entry-wrapper,
        .related-posts .post .entry-wrapper,
        .related-content .portfolio .entry-wrapper,
        #posts-content.blog-detailed-grid .entry-wrapper,
        #wrapper .blog-detailed-grid .entry-wrapper,
        #posts-content.blog-minimal-grid .entry-wrapper,
        .portfolio-template-default .entry-header .container,
        #single-page #comments input[type="text"],
        #single-page #comments input[type="email"],
        #comments input[type="text"],
        #comments input[type="email"],
        #comments input[type="url"],
        .woo-minimal-style ul.products li.product,
        .woocommerce-page ul.products li.product.woo-minimal-style,
        #single-page .select2-container--default .select2-selection--single,
        .woocommerce-checkout #single-page table,
        .woocommerce-checkout .woocommerce form .form-row select,
        .woocommerce-checkout .woocommerce form .form-row input.input-text,
        .woocommerce-checkout .woocommerce form .form-row textarea,
        .woocommerce-account .woocommerce form .form-row select,
        .woocommerce-account .woocommerce form .form-row input.input-text,
        .woocommerce-account .woocommerce form .form-row textarea,
        .woocommerce-checkout .woocommerce .login input[type="text"],
        .woocommerce-checkout .woocommerce .login input[type="password"] .woocommerce #coupon_code,
        .woocommerce-cart #single-page table.cart .qty,
        .woocommerce-cart #single-page table.cart img,
        .woocommerce-cart #single-page table.cart,
        #review_form #commentform input[type="text"],
        #review_form #commentform input[type="email"],
        .woocommerce-page div.product .woocommerce-tabs,
        .keydesign-cart ul.product_list_widget li img,
        ul.product_list_widget li img,
        .woocommerce-error,
        .woocommerce-info,
        .woocommerce-message,
        .woocommerce form.checkout_coupon,
        .woocommerce form.login,
        .woocommerce form.register,
        .woocommerce #review_form #respond textarea,
        .woocommerce nav.woocommerce-pagination ul li a,
        .woocommerce nav.woocommerce-pagination ul li span,
        .woo-entry-image,
        .woocommerce div.product .woocommerce-tabs ul.tabs li,
        .woocommerce div.product .woocommerce-tabs ul.tabs,
        .single-product .woocommerce-product-gallery img,
        .woocommerce #coupon_code,
        .woocommerce .quantity .qty,
        .woocommerce .cart-collaterals .cart_totals,
        .woocommerce-page .cart-collaterals .cart_totals {
            border-color: ;
        }
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-lang-switcher ul:not(:hover) li a,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-menu-search .fa.toggle-search,
        .transparent-navigation .navbar.navbar-default.navbar-shrink #menu-topbar-menu li a,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-phone .iconsmind-Telephone,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-email .iconsmind-Mail,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-phone a,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .topbar-email a,
        .home .navbar.navbar-default.navbar-shrink .topbar-lang-switcher ul:not(:hover) li a,
        .home .navbar.navbar-default.navbar-shrink .topbar-menu-search .fa.toggle-search,
        .home .navbar.navbar-default.navbar-shrink #menu-topbar-menu li a,
        .home .navbar.navbar-default.navbar-shrink .topbar-phone .iconsmind-Telephone,
        .home .navbar.navbar-default.navbar-shrink .topbar-email .iconsmind-Mail,
        .home .navbar.navbar-default.navbar-shrink .topbar-phone a,
        .home .navbar.navbar-default.navbar-shrink .topbar-email a,
        .topbar-lang-switcher ul li a,
        .cart-icon-container,
        .topbar-lang-switcher,
        .topbar-menu,
        .topbar-search,
        .topbar-phone .iconsmind-Telephone,
        .topbar-email .iconsmind-Mail,
        .navbar.navbar-default .topbar-phone a,
        .navbar.navbar-default .topbar-email a {
            color: #ffffff !important;
        }
        .topbar-lang-switcher ul li a:hover span,
        .topbar-menu-search .keydesign-cart a:hover,
        .topbar-search .fa.toggle-search:hover,
        #menu-topbar-menu a:hover,
        .home .navbar.navbar-default .topbar-phone a:hover,
        .home .navbar.navbar-default .topbar-email a:hover,
        .transparent-navigation .navbar.navbar-default .topbar-phone a:hover,
        .transparent-navigation .navbar.navbar-default .topbar-email a:hover,
        .navbar.navbar-default .topbar-phone a:hover,
        .navbar.navbar-default .topbar-email a:hover {
            color: #1f1f1f;
            color:  !important;
        }
        .home .navbar.navbar-shrink .topbar,
        .transparent-navigation .navbar.navbar-shrink .topbar,
        .navbar.navbar-default.contained .topbar .container,
        .navbar .topbar {
            background:  !important;
        }
        .topbar-search .search-form .search-field,
        .topbar .fa.toggle-search.fa-times {
            color:  !important;
        }
        .navbar .topbar {
            border-color:  !important;
        }
        .navbar.navbar-default.contained .container,
        .navbar.navbar-default .menubar,
        .navbar.navbar-default.navbar-shrink.fixed-menu,
        .keydesign-cart .keydesign-cart-dropdown,
        .navbar.navbar-default .dropdown-menu,
        .navbar.navbar-default {
            background: #1a3347 !important;
        }
        @media (min-width: 960px) {
            .transparent-navigation .navbar.navbar-default,
            .transparent-navigation .navbar.navbar-default .container,
            .transparent-navigation .navbar.navbar-default.contained,
            .transparent-navigation .navbar .topbar,
            .transparent-navigation .navbar .menubar,
            .home .navbar.navbar-default,
            .home .navbar.navbar-default .container,
            .home .navbar.navbar-default.contained,
            .home .navbar .topbar,
            .home .navbar .menubar {
                background: transparent !important;
                border: none !important;
            }
            .transparent-navigation #menu-topbar-menu li a,
            .transparent-navigation .topbar-phone .iconsmind-Telephone,
            .transparent-navigation .topbar-email .iconsmind-Mail,
            .transparent-navigation .navbar.navbar-default:not(.navbar-shrink) .topbar-socials a .fa,
            .transparent-navigation .navbar.navbar-default .topbar-phone a,
            .transparent-navigation .navbar.navbar-default .topbar-email a,
            .transparent-navigation .topbar-lang-switcher ul,
            .transparent-navigation .topbar-lang-switcher ul:not(:hover) li a,
            .transparent-navigation .topbar-menu-search .fa.toggle-search,
            .transparent-navigation .navbar.navbar-default .menubar .navbar-nav a,
            .transparent-navigation .keydesign-cart .cart-icon,
            .transparent-navigation .keydesign-cart .badge,
            .transparent-navigation #logo .logo,
            .home #menu-topbar-menu li a,
            .home .topbar-phone .iconsmind-Telephone,
            .home .topbar-email .iconsmind-Mail,
            .home .navbar.navbar-default:not(.navbar-shrink) .topbar-socials a .fa,
            .home .navbar.navbar-default .topbar-phone a,
            .home .navbar.navbar-default .topbar-email a,
            .home .topbar-lang-switcher ul,
            .home .topbar-lang-switcher ul:not(:hover) li a,
            .home .topbar-menu-search .fa.toggle-search,
            .home .navbar.navbar-default .menubar .navbar-nav a,
            .home .keydesign-cart .cart-icon,
            .home .keydesign-cart .badge,
            .home #logo .logo {
                color:
            }
        }
        .keydesign-cart .keydesign-cart-dropdown,
        #main-menu .navbar-nav.navbar-shrink .menu-item-has-children .dropdown-menu,
        .navbar-nav.navbar-shrink .menu-item-has-children .dropdown-menu,
        .navbar.navbar-default.navbar-shrink .keydesign-cart .keydesign-cart-dropdown,
        .navbar.navbar-default.navbar-shrink .dropdown-menu,
        .navbar.navbar-default.navbar-shrink.contained .container,
        body:not(.home) .navbar.navbar-default.contained .container,
        body:not(.transparent-navigation) .navbar.navbar-default.contained .container,
        .navbar.navbar-default.navbar-shrink .menubar {
            background: #1a3347 !important;
        }
        .navbar-default .menu-item-has-children .mobile-dropdown,
        .navbar-default .menu-item-has-children:hover .dropdown-menu .dropdown:before,
        .navbar.navbar-default .mobile-cart .keydesign-cart .cart-icon,
        .keydesign-cart .nc-icon-outline-cart,
        .home .navbar.navbar-default .menubar .navbar-nav .dropdown-menu a,
        .transparent-navigation .navbar.navbar-default .menubar .navbar-nav .dropdown-menu a,
        .navbar.navbar-default .menubar .navbar-nav a {
            color: #ffffff !important;
        }
        .navbar-default .navbar-toggle .icon-bar {
            background: #ffffff !important;
        }
        .navbar-default.navbar-shrink .navbar-toggle .icon-bar {
            background: #ffffff !important;
        }
        .navbar-default.navbar-shrink .menu-item-has-children .mobile-dropdown,
        .navbar-default.navbar-shrink .menu-item-has-children:hover .dropdown-menu .dropdown:before,
        .keydesign-cart ul.product_list_widget .subtotal,
        .home .navbar-shrink #logo .logo,
        .transparent-navigation .navbar-shrink #logo .logo,
        .home .topbar-menu-search .fa.toggle-search.fa-times,
        .transparent-navigation .topbar-menu-search .fa.toggle-search.fa-times,
        #main-menu .navbar-nav.navbar-shrink .menu-item-has-children .mobile-dropdown,
        #main-menu .navbar-nav.navbar-shrink .menu-item-has-children:hover .dropdown-menu .dropdown:before,
        #main-menu .navbar-nav.navbar-shrink .menu-item-has-children .dropdown-menu a,
        .keydesign-cart ul.product_list_widget .cart-item,
        .home .navbar.navbar-default.navbar-shrink .menubar .navbar-nav .dropdown-menu a,
        .transparent-navigation .navbar.navbar-default.navbar-shrink .menubar .navbar-nav .dropdown-menu a,
        .navbar.navbar-default.navbar-shrink .keydesign-cart .keydesign-cart-dropdown,
        .navbar.navbar-default.navbar-shrink .keydesign-cart .nc-icon-outline-cart,
        .navbar.navbar-default.navbar-shrink .menubar .navbar-nav a,
        .navbar.navbar-default.navbar-shrink .keydesign-cart .cart-icon {
            color: #ffffff !important;
        }
        .navbar.navbar-default .navbar-nav a:hover {
            color:  !important;
        }
        .menubar #main-menu .navbar-nav .mega-menu.menu-item-has-children .dropdown>a,
        .keydesign-cart ul.product_list_widget .cart-item:hover,
        .navbar-default.navbar-shrink .nav li.active a,
        #main-menu .navbar-nav .menu-item-has-children .dropdown-menu a:hover,
        .navbar-nav .menu-item-has-children .dropdown-menu a:hover,
        .body:not(.home) .navbar a:hover,
        .body:not(.transparent-navigation) .navbar a:hover,
        .navbar-default .nav li.active a,
        .navbar.navbar-default.navbar-shrink .navbar-nav a:hover {
            color:  !important;
        }
        #logo .logo {
            color: #1f1f1f;
            color:  !important;
        }
        .navbar-shrink #logo .logo {
            color: #1f1f1f;
            color:  !important;
        }
        body,
        .box,
        .cb-text-area p {
            color: ;
            font-weight: 400;
            font-family: Roboto;
            font-size: ;
            line-height: ;
        }
        .container #logo .logo {
            font-weight: ;
            font-size: ;
        }
        .container h1 {
            color: ;
            font-weight: 400;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .container h2,
        #popup-modal .modal-content h2 {
            color: ;
            font-weight: 400;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .container h3 {
            color: ;
            font-weight: 400;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .container h4,
        .kd-photobox .phb-content h4,
        .content-area .vc_grid-item-mini .vc_gitem_row .vc_gitem-col h4 {
            color: ;
            font-weight: 300;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .container h5 {
            color: ;
            font-weight: 300;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .container h6,
        .key-icon-box h6.service-heading {
            color: ;
            font-weight: 300;
            font-family: Roboto;
            font-size: ;
            text-align: ;
            line-height: ;
            text-transform: ;
        }
        .woocommerce ul.products li.product .added_to_cart,
        .woocommerce ul.products li.product .button,
        .woocommerce div.product form.cart .button,
        .tt_button,
        .wpcf7 .wpcf7-submit,
        .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link,
        .tt_button.modal-menu-item,
        .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container a {
            font-weight: ;
            color: ;
            font-size: ;
            line-height: ;
            text-transform: ;
        }
        .tt_button:hover,
        .wpcf7 .wpcf7-submit:hover,
        .content-area .vc_grid .vc_gitem-zone-c .vc_gitem-link:hover,
        .tt_button.modal-menu-item:hover,
        .vc_grid-item-mini .blog-detailed-grid .vc_btn3-container:hover a {
            color: ;
        }
        .topbar-phone,
        .topbar-email,
        .topbar-socials a,
        #menu-topbar-menu a {
            font-weight: ;
            font-size: ;
        }
        body .navbar-default .nav li a,
        body .modal-menu-item {
            font-weight: ;
            font-size: ;
            text-transform: ;
        }
        html {
            background-color: ;
            background-image: url("");
            background-size: ;
            background-repeat: ;
            background-position: ;
            background-attachment: ;
        }
        @media (max-width: 960px) {
            #logo .logo {
                color: #ffffff !important;
            }
            .navbar-nav .menu-item a {
                color: #ffffff !important;
            }
        }
        .entry-header.blog-header {
            background: ;
        }
        .search .breadcrumbs,
        .search .entry-header .section-heading,
        .archive.author .breadcrumbs,
        .archive.author .entry-header .section-heading,
        .archive.category .breadcrumbs,
        .archive.category .entry-header .section-heading,
        .archive.tag .breadcrumbs,
        .archive.tag .entry-header .section-heading,
        .archive.date .breadcrumbs,
        .archive.date .entry-header .section-heading,
        .blog .breadcrumbs,
        .blog .entry-header .section-heading,
        .blog .entry-header .section-subheading {
            color: ;
        }
        .page-template-default .entry-header {
            background: ;
        }
        .page-template-default .entry-header .breadcrumbs,
        .page-template-default .entry-header .section-heading,
        .page-template-default .entry-header .section-subheading {
            color: ;
        }
        .hover_solid_primary:hover {
            background: #dc4c33 !important;
            border-color: #dc4c33 !important;
            color: #fff !important;
        }
        .hover_solid_secondary:hover {
            background: #1a3347 !important;
            border-color: #1a3347 !important;
            color: #fff !important;
        }
        .hover_outline_primary:hover {
            background: #dc4c33 !important;
            border-color: #dc4c33 !important;
            background: transparent !important;
        }
        .hover_outline_secondary:hover {
            color: #1a3347 !important;
            border-color: #1a3347 !important;
            background: transparent !important;
        }
        .wpb_single_image.w-100-radius .vc_figure {
            width: 100%;
        }
        .wpb_single_image.w-100-radius .vc_single_image-wrapper {
            width: 100%;
        }
        .wpb_single_image.w-100-radius .vc_single_image-wrapper img {
            margin: auto;
            display: block;
            height: auto;
            width: 100%;
            max-width: 1210px;
            -webkit-transition: .25s ease-in-out;
            -moz-transition: .25s ease-in-out;
            -o-transition: .25s ease-in-out;
            transition: .25s ease-in-out;
            border-radius: 4px;
            box-shadow: 0 5px 50px rgba(0, 0, 0, .07);
        }
        .intro-headline {
            text-align: center;
            padding: 3.125em 0 1.125em;
            max-width: 35.375em;
            margin: 0 auto;
            float: none;
        }
        .blockquote {
            margin: 0 auto;
            width: 80%;
            display: block;
            float: none;
        }
        .vc_custom_1560933306938 .vc_row.wpb_row .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column p {
            text-align: left;
        }
        .vc_custom_1560927488915 blockquote:before {
            content: "";
            display: none;
            margin-right: 0;
        }
    </style>
    <link rel='stylesheet' id='font-awesome-css' href='/static/index/css/font-awesome.min1.css' type='text/css' media='all'>
    <link rel='stylesheet' id='kd_iconsmind-css' href='/static/index/css/iconsmind.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='js_composer_front-css' href='/static/index/css/js_composer.min.css' type='text/css' media='all'>
    <link rel='stylesheet' id='redux-field-social-profiles-frontend-css-css'
        href='/static/index/css/field_social_profiles_frontend.css' type='text/css' media='all'>
    <link rel='stylesheet' id='photoswipe-css' href='/static/index/css/photoswipe.css' type='text/css' media='all'>
    <link rel='stylesheet' id='photoswipe-skin-css' href='/static/index/css/photoswipe-default-skin.css' type='text/css'
        media='all'>
    <link rel='stylesheet' id='cf7cf-style-css' href='/static/index/css/style3.css' type='text/css' media='all'>
    <link rel='stylesheet' id='redux-google-fonts-redux_ThemeTek-css' href='/static/index/css/css-Roboto3A4002C300.css'
        type='text/css' media='all'>
    <script type='text/javascript' src='/static/index/js/jquery.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery-migrate.min.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery.easing.min.js'></script>
    <script type='text/javascript' src='/static/index/js/owl.carousel.min.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery.appear.js'></script>
    <script type='text/javascript' src='/static/index/js/kd_addon_script.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery.themepunch.tools.min.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery.themepunch.revolution.min.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.actions.min.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.carousel.mi.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.kenburn.min.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.layeranimat.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.migration.m.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.migration.m.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.parallax.mi.js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.slideanims..js'></script>
    <script type='text/javascript' src='/static/index/js/revolution.extension.video.min.js'></script>
    <script type='text/javascript' src='/static/index/js/jquery.easytabs.min.js'></script>
    <script type='text/javascript' src='/static/index/js/photoswipe.min.js'></script>
    <script type='text/javascript' src='/static/index/js/photoswipe-ui-default.min.js'></script>
    <link rel='https://api.w.org/' href='https://www.Suryee-china.com/wp-json/'>
    <link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.Suryee-china.com/xmlrpc.php?rsd">
    <link rel="wlwmanifest" type="application/wlwmanifest+xml"
        href="https://www.Suryee-china.com/wp-includes/wlwmanifest.xml">
    <link rel='shortlink' href='https://www.Suryee-china.com/?p=16130'>
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <!-- Global site tag (gtag.js) - Google Ads: 732320201 -->
    <script async="" src="/static/index/js/js-AW-732320201.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() {
            dataLayer.push(arguments);
        }
        gtag('js', new Date());
        gtag('config', 'AW-732320201');
    </script>
    <!-- Global site tag (gtag.js) - Google Ads: 774202859 -->
    <script async="" src="/static/index/js/js-AW-774202859.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'AW-774202859');
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="/static/index/js/js-UA-130558891-1.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'UA-130558891-1');
        gtag('set', { 'user_id': 'USER_ID' }); // Set the user ID using signed-in user_id.
    </script>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async="" src="/static/index/js/js-UA-164254356-1.js"></script>
    <script>
        window.dataLayer = window.dataLayer || [];
        function gtag() { dataLayer.push(arguments); }
        gtag('js', new Date());
        gtag('config', 'UA-164254356-1');
    </script>
    <!-- 百度统计 -->
    <meta name="baidu-site-verification" content="ldNFVVRvye">
    <script type="text/javascript">
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?c9b5fa6655d7e3a92464aa891e7a4791";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
        _hmt.push(['_setAutoPageview', true]);
        _hmt.push(['_trackPageview', window.location.pathname]);
    </script>
    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?a16e610e728dd4842934c4427f9044db";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <script type="text/javascript">
        (function () {
            var didInit = false;
            function initMunchkin() {
                if (didInit === false) {
                    didInit = true;
                    Munchkin.init('533-LAV-099');
                }
            }
            var s = document.createElement('script');
            s.type = 'text/javascript';
            s.async = true;
            s.src = '//munchkin.marketo.net/munchkin.js';
            s.onreadystatechange = function () {
                if (this.readyState == 'complete' || this.readyState == 'loaded') {
                    initMunchkin();
                }
            };
            s.onload = initMunchkin;
            document.getElementsByTagName('head')[0].appendChild(s);
        })();
    </script>
    <script src="/static/index/js/forms2.min.js"></script>
    <!--[if lte IE 9]><link rel="stylesheet" type="text/css" href="https://www.Suryee-china.com/wp-content/plugins/js_composer/assets/css/vc_lte_ie9.min.css" media="screen"><![endif]-->
    <script type="text/javascript">
        var cli_flush_cache = true;
    </script>
    <script type="text/javascript">function setREVStartSize(e) {
            try {
                e.c = jQuery(e.c); var i = jQuery(window).width(), t = 9999, r = 0, n = 0, l = 0, f = 0, s = 0, h = 0;
                if (e.responsiveLevels && (jQuery.each(e.responsiveLevels, function (e, f) { f > i && (t = r = f, l = e), i > f && f > r && (r = f, n = e) }), t > r && (l = n)), f = e.gridheight[l] || e.gridheight[0] || e.gridheight, s = e.gridwidth[l] || e.gridwidth[0] || e.gridwidth, h = i / s, h = h > 1 ? 1 : h, f = Math.round(h * f), "fullscreen" == e.sliderLayout) { var u = (e.c.width(), jQuery(window).height()); if (void 0 != e.fullScreenOffsetContainer) { var c = e.fullScreenOffsetContainer.split(","); if (c) jQuery.each(c, function (e, i) { u = jQuery(i).length > 0 ? u - jQuery(i).outerHeight(!0) : u }), e.fullScreenOffset.split("%").length > 1 && void 0 != e.fullScreenOffset && e.fullScreenOffset.length > 0 ? u -= jQuery(window).height() * parseInt(e.fullScreenOffset, 0) / 100 : void 0 != e.fullScreenOffset && e.fullScreenOffset.length > 0 && (u -= parseInt(e.fullScreenOffset, 0)) } f = u } else void 0 != e.minHeight && f < e.minHeight && (f = e.minHeight); e.c.closest(".rev_slider_wrapper").css({ height: f })
            } catch (d) { console.log("Failure at Presize of Slider:" + d) }
        };</script>
    <style type="text/css" id="wp-custom-css">
        /*footer - leagal & privacy*/
        .footer-info {
            color: #394c5f;
            text-decoration: underline;
            margin-right: 15px !important;
        }
        html,
        body,
        * {
            font-family: Helvetica, Arial, sans-serif !important;
        }
        .fa {
            font-family: FontAwesome !important;
        }
        @media screen and (min-width:960px) {
            #menu-item-10544,
            #menu-item-15559,
            #menu-item-11328,
            #menu-item-15983,
            #menu-item-17917,
            #menu-item-16098,
            #menu-item-10544,
            #menu-item-17059,
            #menu-item-17061,
            #menu-item-17060,
            #menu-item-17068,
            #menu-item-17069,
            #menu-item-19057,
            #menu-item-21263,
            #menu-item-21262,
            #menu-item-22311 {
                margin-left: 20px;
            }
        }
        @media screen and (max-width:420px) {
            #menu-item-10544,
            #menu-item-15559,
            #menu-item-11328,
            #menu-item-15983,
            #menu-item-17917,
            #menu-item-16098,
            #menu-item-10544,
            #menu-item-17059,
            #menu-item-17061,
            #menu-item-17060,
            #menu-item-17068,
            #menu-item-17069,
            #menu-item-19057,
            #menu-item-21263,
            #menu-item-21262,
            #menu-item-22311 {
                margin-left: 10px;
            }
        }
        .navbar.navbar-default.with-topbar {
            /* background-color: transparent; */
        }
        @media (min-width: 960px) {
            .transparent-navigation .navbar.navbar-default,
            .transparent-navigation .navbar.navbar-default .container,
            .transparent-navigation .navbar.navbar-default.contained,
            .transparent-navigation .navbar .topbar,
            .transparent-navigation .navbar .menubar,
            .home .navbar.navbar-default,
            .home .navbar.navbar-default .container,
            .home .navbar.navbar-default.contained,
            .home .navbar .topbar,
            .home .navbar .menubar {
                background: #1a3347 !important;
                border: none !important;
            }
        }
        .navbar.navbar-default .menubar {
            background-color: transparent;
        }
        .navbar.navbar-default .topbar {
            background-color: transparent;
            border-bottom: 0;
        }
        .navbar.navbar-default.navbar-shrink .menubar {
            background-color: #1a3347 !important;
        }
        .navbar.navbar-default .menubar ul li a,
        .navbar.navbar-default .topbar ul li a {
            color: #fff !important;
        }
        #preloader .spinner::before {
            background: #dc4c33 !important;
        }
        .cmn-conpaddg .vc_element .vc_vc_single_image .wpb_single_image img,
        #three-column-section img {
            width: 382px !important;
            height: 230px !important;
            object-fit: cover !important;
            text-align: center !important;
            margin-left: auto !important;
            margin-right: auto !important;
        }
        .vc_column-inner .wpb_wrapper .video-container img {
            width: 100% !important;
        }
        .video-container.play-button-center {
            overflow: hidden !important;
        }
        #three-column-section .subtitle,
        .wpb_wrapper .subtitle {
            font-size: 14px !important;
        }
        #logo {
            margin-top: 15px !important;
        }
        @media only screen and (max-width: 960px) {
            #main-menu.navbar-collapse {
                overflow-y: hidden;
            }
        }
        .videobox video {
            width: 100% !important;
            box-shadow: none !important;
            height: 330px !important;
            object-fit: cover !important;
        }
        .lg-bg.vc_row-fluid,
        .lg-bg .vc_column_container .vc_column-inner,
        .lg-bg .vc_column_container .vc_column-inner .wpb_wrapper .vc_row,
        .lg-bg .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner {
            background-color: #f7f9fb !important;
        }
        .lg-bg .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner .wpb_wrapper {
            background-color: #fff !important;
            border-radius: 5px !important;
            border-bottom: 1px solid rgb(229, 231, 242) !important;
            border-right: 1px solid rgb(229, 231, 242) !important;
            border-left: 1px solid rgb(229, 231, 242) !important;
        }
        .lg-bg .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner .wpb_wrapper .tt_button {
            margin-bottom: 30px !important;
        }
        .lg-bg #three-column-section>.wpb_column>.vc_column-inner>.wpb_wrapper:hover {
            transition: .3s ease-in-out !important;
            box-shadow: 0 0 10px #ddd !important;
        }
        .lg-bg .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner .wpb_wrapper .kd-section-title,
        .vc_column_container .vc_column-inner .wpb_wrapper .vc_row .wpb_column .vc_column-inner .wpb_wrapper .kd-section-title {
            padding-right: 12px !important;
            padding-left: 12px !important;
        }
        .kd-photobox .phb-content {
            padding: 20px !important;
        }
        .photobox-carousel .owl-wrapper-outer .owl-item .kd-photobox .photobox-img>img {
            width: 280px !important;
            height: 168px !important;
            object-fit: cover !important;
        }
        #resources-video-carousel .owl-carousel {
            position: relative !important;
        }
        #resources-video-carousel .owl-nav {
            position: absolute;
            top: 40% !important;
            width: 103% !important;
            left: -20px;
        }
        @media screen and (min-width:796px) {
            #resources-video-carousel .owl-nav div::before {
                font-size: 36px;
            }
        }
        #resources-video-carousel .owl-nav .owl-prev {
            position: absolute;
            left: 0;
            z-index: 10;
        }
        #resources-video-carousel .owl-nav .owl-next {
            position: absolute;
            right: 0;
            z-index: 10;
        }
        .spec-col {
            cursor: pointer !important;
        }
        .vc_tta-panels-container .vc_tta-panels .vc_tta-panel img {
            width: 460px !important;
            height: 280px !important;
            object-fit: cover !important;
        }
        .vc_tta-panels-container .vc_tta-panels .vc_tta-panel .vc_tta-panel-body .vc_row .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column p,
        .vc_row.wpb_row .wpb_column:nth-child(2) .vc_column-inner .wpb_text_column p {
            text-align: center;
        }
        .cm-whiteback .wpb_wrapper .kd-section-title .subtitle {
            text-align: center !important;
        }
        .banner-thankyou {
            height: 70vh !important;
        }
        .banner-thankyou .wpb_wrapper {
            margin-top: 20vh !important;
            text-align: left !important;
        }
        .banner-thankyou .wpb_wrapper .kd-section-title,
        .banner-thankyou .wpb_wrapper .tt_button {
            margin-left: 0 !important;
        }
        .banner-thankyou .wpb_wrapper h1,
        .banner-thankyou .wpb_wrapper .subtitle {
            text-align: left !important;
        }
        .banner-thankyou .wpb_wrapper>h1,
        .banner-thankyou .wpb_wrapper .kd-section-title {
            margin-bottom: 30px;
        }
        .banner-thankyou .wpb_wrapper .kd-section-title {
            width: 50%;
        }
        .banner-thankyou .wpb_wrapper .kd-section-title .subtitle {
            line-height: 2;
            font-size: 16px !important;
        }
        @media only screen and (max-width: 991px) {
            .photobox-carousel .owl-wrapper-outer .owl-item .kd-photobox .photobox-img>img {
                width: 100% !important;
                object-fit: cover !important;
            }
        }
        @media only screen and (max-width: 760px) {
            .wpb_single_image .vc_single_image-wrapper {
                width: 100% !important;
            }
            .cmn-conpaddg .vc_element .vc_vc_single_image .wpb_single_image img,
            #three-column-section img {
                width: 100% !important;
                object-fit: cover !important;
            }
        }
        .mktoForm .mktoFormRow:nth-child(49) {
            display: none !important;
        }
        .mktoForm .mktoFormRow label {
            display: none !important;
        }
        .mktoForm .mktoFormRow input,
        .mktoForm .mktoFormRow select,
        .mktoForm .mktoFormRow textarea {
            border: 1px solid #ccc !important;
            padding: 3px 8px !important;
            margin-bottom: 0 !important;
            border-radius: 5px !important;
            margin-bottom: 10px !important;
        }
        .mktoForm .mktoButtonRow {
            width: 50% !important;
            margin: 0 auto !important;
            padding: 0 !important;
        }
        #mktoForm_2084.mktoForm .mktoButtonRow {
            width: 85% !important;
            margin-top: 15px !important;
        }
        .mktoForm .mktoButtonRow .mktoButtonWrap.mktoPaperMashup .mktoButton {
            margin: 0 !important;
            padding: 0 !important;
            text-align: center;
            color: #fff;
            background-color: #dc4c33 !important;
            border-radius: 6px !important;
        }
        @media only screen and (min-width: 991px) {
            #modal-form {
                /* overflow: hidden !important; */
                overflow-x: scroll;
            }
        }
        #modal-form .kd-section-title .subtitle {
            font-size: 16px !important;
        }
        #contact-form-box .vc_custom_1536335612078 {
            padding: 30px !important;
            border-radius: 20px !important;
        }
        #contact-form-box .vc_custom_1536335612078 .subtitle {
            color: #000 !important;
            font-size: 16px !important;
        }
        #contact-form-box span {
            color: #000 !important;
            padding-right: 10px !important;
        }
        @media only screen and (max-width: 991px) {
            #three-column-section {
                padding-left: 15px !important;
                padding-right: 15px !important;
            }
            #three-column-section figure.vc_figure {
                width: 100% !important;
            }
            div[data-vc-full-width="true"] .kd-section-title,
            div[data-vc-full-width="true"] .kd-section-title * {
                text-align: center;
            }
        }
        .vc_custom_1534605163956 .wpb_wrapper .summ_t img {
            width: 6px !important;
            height: 6px !important;
        }
        .noresize .wpb_wrapper .vc_single_image-wrapper img {
            width: 100% !important;
            height: auto !important;
        }
        .modal-popup {
            width: 82% !important;
        }
        /* The Modal (background) */
        .page-id-11988 .modal {
            display: none;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto !important;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.4);
            -webkit-animation-name: fadeIn;
            -webkit-animation-duration: 0.4s;
            animation-name: fadeIn;
            animation-duration: 0.4s;
            z-index: 111111;
        }
        /* The Close Button */
        .page-id-11988 .close {
            color: white;
            float: right;
            font-size: 40px;
            font-weight: bold;
            margin-right: 20px;
            margin-top: 20px !important;
        }
        .page-id-11988 .close:hover,
        .page-id-11988 .close:focus {
            color: #000;
            text-decoration: none;
            cursor: pointer;
        }
        .page-id-11988 .o-icon {
            padding-left: 3vw;
            float: left;
            margin-right: 3vw;
            width: 10% !important;
            height: auto !important;
            padding-top: 0 !important;
            margin-top: -10px !important;
        }
        .page-id-11988 .modal-header-title {
            margin-top: 0 !important;
            float: left;
            color: #fff;
        }
        .page-id-11988 .modal-content {
            background-color: transparent !important;
            position: fixed !important;
            top: 50% !important;
            bottom: 10px !important;
            height: 600px !important;
            overflow-y: auto !important;
            left: 50% !important;
            width: 85% !important;
            -webkit-animation-name: slideOut;
            -webkit-animation-duration: 0.3s;
            animation-name: slideOut;
            animation-duration: 0.3s;
            background-image: url(static/image/pop-bg.png);
            background-repeat: no-repeat;
            background-size: 100%;
            padding: 20px 0;
            overflow: auto !important;
            box-sizing: border-box !important;
        }
        .page-id-11988 .modal-header {
            margin-bottom: 60px !important;
            border: 0 !important;
        }
        .page-id-11988 .modal-white-back {
            background-color: #fff;
        }
        .page-id-11988 .columns {
            display: block;
            box-shadow: border-box;
        }
        .page-id-11988 .columns:after {
            clear: both;
            display: table;
            content: "";
        }
        .page-id-11988 .columns .column-2 {
            box-sizing: border-box;
            float: left;
            width: 46%;
            padding: 30px;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 2%;
            padding-left: 3%;
            margin-right: 3%;
            margin-left: 3%;
            margin-bottom: 10px;
            box-shadow: 0px 12px 20px 6px #e5e5e5;
        }
        .page-id-11988 .columns .column-2:nth-child(1) {
            margin-left: 0;
        }
        .page-id-11988 .columns .column-2:nth-child(2) {
            margin-right: 0;
        }
        .page-id-11988 .columns .column-2 p {
            font-size: 14px !important;
            color: #000 !important;
            -webkit-font-smoothing: subpixel-antialiased;
        }
        .page-id-11988 .columns .column-2 p img {
            padding-right: 10px;
        }
        .page-id-11988 .bottom {
            padding-bottom: 30px;
        }
        @media only screen and (max-width: 991px) {
            .page-id-11988 .modal-header-title {
                margin-top: -10px;
                font-size: 16px;
            }
            .page-id-11988 .o-icon {
                padding-top: 0vw;
                margin-top: -10px;
            }
            .page-id-11988 .columns .column-2:nth-child(2) {
                margin-left: 0;
            }
            .page-id-11988 .columns .column-2 {
                width: 100%;
                float: none;
                display: block;
                clear: both;
            }
        }
        @media only screen and (max-width: 760px) {
            #campaign-page-header-section .wpb_content_element {
                padding: 10px !important;
                background-color: rgba(255, 255, 255, .8) !important;
                margin-bottom: 20px;
            }
            #campaign-page-header-section .wpb_content_element h4 {
                font-size: 20px !important;
            }
            .page-id-11988 #rev_slider_46_1_forcefullwidth {
                margin-top: 65px !important;
            }
            .close {
                margin-top: -6px !important;
                margin-right: 10px;
                color: #000 !important;
            }
            #open-day-time-section .vc_tta-container .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body .vc_row .wpb_column {
                width: 50% !important;
                float: left !important;
                padding-right: 10px;
                box-sizing: border-box;
            }
        }
        .text-center {
            text-align: center;
        }
        .modal-white-back {
            padding-right: 50px;
            padding-left: 50px;
        }
        .spacing-1 {
            letter-spacing: 1px;
        }
        .columns .column-3 {
            box-sizing: border-box;
            float: left;
            width: 30%;
            padding-top: 30px;
            padding-bottom: 30px;
            padding-right: 2%;
            padding-left: 3%;
            margin-right: 3%;
            margin-left: 3%;
            margin-bottom: 10px;
            box-shadow: 0px 12px 20px 6px #e5e5e5;
        }
        .columns .column-3:nth-child(1) {
            margin-left: 0;
        }
        .columns .column-3:nth-child(2) {
            margin-left: 0;
        }
        .columns .column-3:nth-child(3) {
            margin-right: 0;
            margin-left: 0;
        }
        .columns .column-3 p {
            font-weight: 100;
            font-size: 13px;
        }
        @media only screen and (max-width: 991px) {
            .columns .column-3:nth-child(2) {
                margin-left: 0;
            }
            .columns .column-3 {
                width: 100%;
                float: none;
                display: block;
                clear: both;
            }
        }
        #tabs-to-the-left {
            padding-left: 0 !important;
            padding-right: 0 !important;
            padding-bottom: 0 !important;
        }
        #tabs-to-the-left .vc_tta-panel-body {
            border: 0 !important;
        }
        #tabs-to-the-left .vc_tta-tabs-container {
            border-bottom: 0 !important;
        }
        #tabs-to-the-left .vc_tta-tabs-list {
            width: 40% !important;
            margin-left: 3% !important;
        }
        #tabs-to-the-left .vc_row .kd-section-title h2 {
            color: #153248 !important;
        }
        #tabs-to-the-left .tabs-to-the-left-first-section .subtitle {
            color: #153248 !important;
            font-size: 18px !important;
        }
        #tabs-to-the-left .tabs-to-the-left-second-section .subtitle {
            color: #153248 !important;
            font-size: 18px !important;
        }
        #tabs-to-the-left .tabs-to-the-left-third-section.vc_row .kd-section-title .subtitle {
            color: #fff !important;
            font-size: 22px !important;
        }
        #tabs-to-the-left .tabs-to-the-left-third-section.vc_row .kd-section-title h2 {
            color: #fff !important;
        }
        #tabs-to-the-left .vc_row .kd-section-title .subtitle {
            color: #153248 !important;
            font-weight: 400 !important;
        }
        @media only screen and (min-width: 761px) {
            #tabs-to-the-left .vc_tta-panel .vc_tta-panel-body .vc_row {
                background-size: 100% 100% !important;
            }
            #tabs-to-the-left .vc_tta-panels-container {
                border-top: 15px solid #009BDD !important;
                box-sizing: border-box;
            }
            #tabs-to-the-left .vc_row .kd-section-title .subtitle {
                font-weight: 400 !important;
            }
        }
        @media only screen and (min-width: 991px) {
            #bring-forward {
                position: relative !important;
                z-index: 9 !important;
            }
        }
        .mobile-dropdown::before {
            font-family: FontAwesome !important;
        }
        .vc_tta-panel-body .vc_row-has-fill .wpb_text_column ul>li:before {
            color: #dc4c33 !important;
        }
        a.tt_button.tt_secondary_button {
            color: #dc4c33 !important;
        }
        a.tt_button.tt_secondary_button:hover {
            color: #fff !important;
        }
        .page-id-12377 #tabs-to-the-left,
        .page-id-12625 #tabs-to-the-left,
        .page-id-12627 #tabs-to-the-left {
            background-color: transparent !important;
        }
        @media only screen and (max-width: 760px) {
            #tabs-to-the-left {
                padding-top: 75px !important;
            }
        }
        @media only screen and (min-width: 761px) {
            /* Auto Nov 2018 */
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i,
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a,
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search {
                color: #153248 !important;
                font-weight: 400 !important;
            }
            /* Edu Nov 2018 */
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i,
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a,
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search {
                color: #153248 !important;
                font-weight: 400 !important;
            }
            /* Toy Nov 2018 */
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i,
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a,
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search {
                color: #153248 !important;
                font-weight: 400 !important;
            }
            /* Auto Nov 2018 */
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i:hover,
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a:hover,
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search:hover {
                color: #888 !important;
            }
            /* Edu Nov 2018 */
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i:hover,
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a:hover,
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search:hover {
                color: #888 !important;
            }
            /* Toy Nov 2018 */
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-socials ul li a i:hover,
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-menu-search .topbar-menu ul li a:hover,
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .topbar .topbar-search .fa-search:hover {
                color: #888 !important;
            }
            /* Auto Nov 2018 */
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a,
            .page-id-12377 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a:hover {
                color: #153248 !important;
                font-weight: 600 !important;
            }
            /* Edu Nov 2018 */
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a,
            .page-id-12625 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a:hover {
                color: #153248 !important;
                font-weight: 600 !important;
            }
            /* Toy Nov 2018 */
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a,
            .page-id-12627 .navbar.navbar-default.navbar-fixed-top:not(.navbar-shrink) .menubar #main-menu>ul>li>a:hover {
                color: #153248 !important;
                font-weight: 600 !important;
            }
        }
        @media only screen and (min-width: 991px) {
            #tabs-to-the-left .second-section-left-column {
                padding-left: 400px !important;
            }
            #tabs-to-the-left .second-section-left-column {
                padding-left: 400px !important;
            }
            #tabs-to-the-left .second-section-right-column {
                margin-left: -125px !important;
            }
        }
        #single-page blockquote:before {
            content: "" !important;
            display: none !important;
            margin-right: 0;
        }
        @media(max-width: 767px) {
            .rev_slider .tt_button {
                font-size: 14px !important;
                padding: 10px !important;
            }
            #single-page .vc_row[data-vc-full-width] {
                padding-top: 20px !important;
            }
            #single-page .wpb_text_column ol li {
                text-align: left !important;
            }
        }
        /* 2019 July CSCSIEE2019*/
        #post-14801 .wp-post-image {
            display: block;
            width: 800px;
            margin: auto;
        }
        #post-14801 .entry-image {
            display: none;
        }
        #post-14801 .words-hidden {
            visibility: hidden;
        }
        @media(min-width: 768px) and (max-width: 1100px) {
            iframe[name=chat] {
                max-width: 650 !important;
                max-height: 650 !important;
                left: 0;
            }
        }
        @media(max-width: 767px) {
            iframe[name=chat] {
                width: 100% !important;
                height: 100% !important;
                left: 0;
            }
            #customer-service {
                display: none;
            }
        }
        @media screen and (min-width:796px) {
            .page-id-15110 .vc_custom_1567674275432 {
                margin-bottom: 0 !important;
            }
        }
        /*marketo form width*/
        @media screen and (min-width: 796px) {
            .mktoForm-middle {
                width: 50% !important;
                margin: auto;
            }
            .mktoForm .mktoFormRow {
                /*flex: 1 1 380px;
    order: -1;*/
            }
        }
        #footer>div.upper-footer>div>div>div.col-xs-12.col-sm-12.col-md-2-4.col-lg-2-4.forth-widget-area>div:nth-child(2)>div {
            display: none;
        }
        .topbar-search .search-form .search-field {
            color: #153248;
        }
    </style>
    <noscript>
        <style type="text/css">
            .wpb_animate_when_almost_visible {
                opacity: 1;
            }
        </style>
    </noscript>
    <div id="modal-wechat" class="modal-popup" style="align-items:center;justify-content:space-evenly;">
        <span onclick="document.getElementById('modal-wechat').style.display='none'" class="close" title="Close Modal"
            style="color: #555; padding-top: 10px;">&times;</span>
        <div style="display: none;">
            <p style="text-align: center;">
                <a href="javascript:;">
                    <img src="/static/index/picture/qr_Suryee-150x150.png">
                </a>
            </p>
            &nbsp;
            <p style="text-align: center;">微信订阅号</p>
        </div>
        <div>
            <p style="text-align: center;">
                <a href="javascript:;">
                    <img src="/static/index/picture/qr_Suryee2-150x150.png">
                </a>
            </p>
            &nbsp;
            <p style="text-align: center;">微信服务号</p>
        </div>
    </div>
    <script>
        // Get the modal
        var modal_wechat = document.getElementById('modal-wechat');
    </script>
    <!-- 查询经销商marketo form -->
    <div id="dealer-search" class="tailwind-modal fixed top-0 left-0 w-full h-full"
        style="display:none; z-index:999999;">
        <div class="fixed inset-0 transition-opacity">
            <div class="absolute inset-0 bg-gray-500 opacity-50"></div>
        </div>
        <div class="flex w-full h-full items-center justify-center">
            <div
                class="relative bg-white rounded-lg shadow-lg w-full h-full max-h-full md:h-auto md:max-w-lg overflow-hidden overflow-y-auto">
                <div class="absolute top-0 right-0 m-4 text-gray-400 text-4xl cursor-pointer"
                    onclick="jQuery(this).closest('.tailwind-modal').hide();return false;">×</div>
                <div class="p-8">
                    <h2 class="text-xl text-center">查询经销商</h2>
                    <div class="m-auto w-1-6 border-0 border-solid border-b border-red-400 mb-8"></div>
                    <script src="/static/index/js/forms2.min.js"></script>
                    <form id="mktoForm_4682"></form>
                    <script>MktoForms2.loadForm("//app-lon08.marketo.com", "533-LAV-099", 4682);
                        /*
                         * @author Sanford Whiteman
                         * @version v1.104
                         * @license MIT License: This license must appear with all reproductions of this software.
                         *
                         * Create a completely barebones, user-styles-only Marketo form
                         * by removing inline STYLE attributes and disabling STYLE and LINK elements
                         */
                        function destyleMktoForm(mktoForm, moreStyles) {
                            var formEl = mktoForm.getFormElem()[0],
                                arrayFrom = Function.prototype.call.bind(Array.prototype.slice);
                            // remove element styles from <form> and children
                            var styledEls = arrayFrom(formEl.querySelectorAll("[style]")).concat(formEl);
                            styledEls.forEach(function (el) {
                                el.removeAttribute("style");
                            });
                            // disable remote stylesheets and local <style>s
                            var styleSheets = arrayFrom(document.styleSheets);
                            styleSheets.forEach(function (ss) {
                                if ([mktoForms2BaseStyle, mktoForms2ThemeStyle].indexOf(ss.ownerNode) != -1 || formEl.contains(ss.ownerNode)) {
                                    ss.disabled = true;
                                }
                            });
                            if (!moreStyles) {
                                formEl.setAttribute("data-styles-ready", "true");
                            }
                        };
                        MktoForms2.whenRendered(function (form) {
                            destyleMktoForm(form);
                        });
                    </script>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            setTimeout(function () {
                (function (m, ei, q, i, a, j, s) {
                    m[i] = m[i] || function () {
                        (m[i].a = m[i].a || []).push(arguments)
                    };
                    j = ei.createElement(q),
                        s = ei.getElementsByTagName(q)[0];
                    j.async = true;
                    j.charset = 'UTF-8';
                    j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
                    s.parentNode.insertBefore(j, s);
                })(window, document, 'script', '_MEIQIA');
                _MEIQIA('entId', 116099);
                //_MEIQIA('withoutBtn');
                //_MEIQIA('init');
            }, 4000);
        });
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".contact-chat-bot").wrap("<div class='custom-function' onclick='myFunction();'></div>");
        });
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".page-id-12377 .navbar .menubar #logo a img:nth-child(2)").attr("src", "https://www.Suryee-china.com/wp-content/uploads/2018/06/Suryee-logo-b-small-1.png");
            $(".page-id-7478 .wpb_wrapper").on("click", function () {
                $(".page-id-7478 .owl-wrapper .owl-item").css("width", "620.5px");
            });
            $(".page-id-12627 .navbar .menubar #logo a img:nth-child(2)").attr("src", "https://www.Suryee-china.com/wp-content/uploads/2018/06/Suryee-logo-b-small-1.png");
            $(".page-id-7478 .wpb_wrapper").on("click", function () {
                $(".page-id-7478 .owl-wrapper .owl-item").css("width", "620.5px");
            });
            $(".page-id-12625 .navbar .menubar #logo a img:nth-child(2)").attr("src", "https://www.Suryee-china.com/wp-content/uploads/2018/06/Suryee-logo-b-small-1.png");
            $(".page-id-7478 .wpb_wrapper").on("click", function () {
                $(".page-id-7478 .owl-wrapper .owl-item").css("width", "620.5px");
            });
        });
    </script>
    <script>
        var exdays = 365;
        var urlString = window.location.href;
        var urlObj = new URL(urlString);
        var pUtmSource = urlObj.searchParams.get("utm_source");
        var pUtmMedium = urlObj.searchParams.get("utm_medium");
        var pUtmCampaign = urlObj.searchParams.get("utm_campaign");
        if (pUtmSource != null) setCookie('_mkt_utm_source', pUtmSource, exdays);
        if (pUtmMedium != null) setCookie('_mkt_utm_medium', pUtmMedium, exdays);
        if (pUtmCampaign != null) setCookie('_mkt_utm_campaign', pUtmCampaign, exdays);
        /*
        console.log('pUtmSource : ' + pUtmSource);
        console.log('pUtmMedium : ' + pUtmMedium);
        console.log('pUtmCampaign : ' + pUtmCampaign);
        console.log('cUtmSource : ' + getCookie('_mkt_utm_source'));
        console.log('cUtmMedium : ' + getCookie('_mkt_utm_medium'));
        console.log('cUtmCampaign : ' + getCookie('_mkt_utm_campaign'));
        */
        function setCookie(cname, cvalue, exdays) {
            var d = new Date();
            d.setTime(d.getTime() + (exdays * 24 * 60 * 60 * 1000));
            var expires = "expires=" + d.toUTCString();
            document.cookie = cname + "=" + cvalue + ";" + expires + ";path=/";
        }
        function getCookie(cname) {
            var name = cname + "=";
            var ca = document.cookie.split(';');
            for (var i = 0; i < ca.length; i++) {
                var c = ca[i];
                while (c.charAt(0) == ' ') {
                    c = c.substring(1);
                }
                if (c.indexOf(name) == 0) {
                    return c.substring(name.length, c.length);
                }
            }
            return '';
        }
        function checkCookie(cname) {
            var cObj = getCookie(cname);
            cStatus = cObj != '' ? true : false;
            return cStatus;
        }
    </script>
</head>
<body data-rsssl="1"
    class="post-template-default single single-post postid-16130 single-format-standard wpb-js-composer js-comp-ver-5.5.2 vc_responsive">
    <div id="preloader">
        <div class="spinner"></div>
    </div>
    <!-- Contact Modal template -->
    <!-- END Contact Modal template -->
    <!--头部导航-->
{include file="public/nav" /}
<!--头部导航结束-->
{layout name="layout" /}
<div id="wrapper" class=" ">
    <header class="entry-header blog-header with-topbar">
    <header class="entry-header blog-header with-topbar" style="padding-top: 47px;">
        <div class="row blog-page-heading blog-title-left">
            <div class="container">
            </div>
@@ -2459,7 +32,7 @@
                        <div class="tags"><span class="tags-label">Tags:</span>
                            {php}$tags = explode(',',$data->keywords);{/php}
                            {foreach $tags as $value}
                            <a href="javascript:void(0);" rel="tag" data-wpel-link="internal">{$value}</a> 
                            <a href="/tags/{$value}" rel="tag" data-wpel-link="internal">{$value}</a> 
                            {/foreach}
                        </div>
                    </div>
@@ -2521,736 +94,3 @@
    </section>
    <!--WPFC_FOOTER_START-->
</div>
<footer id="footer" class="hidden md:block classic">
    <style>
        @media (min-width: 1200px) .col-lg-2-4 {
            width: 20%;
        }
        @media (min-width: 992px) {
            .col-md-2-4 {
                width: 20%;
            }
        }
        #menu-item-14789 {
            margin-top: 20px;
            font-size: 16px;
            font-weight: 600;
        }
    </style>
    <div class="upper-footer">
        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-sm-12 col-md-2-4 col-lg-2-4 first-widget-area">
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>行业</span></h5>
                        <div class="menu-%e8%a1%8c%e4%b8%9a-container">
                            <ul id="menu-%e8%a1%8c%e4%b8%9a" class="menu">
                                <li id="menu-item-7741"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7741"><a
                                        href="automotive.html" data-wpel-link="internal">汽车</a></li>
                                <li id="menu-item-7743"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7743"><a
                                        href="medical.html" data-wpel-link="internal">医疗</a></li>
                                <li id="menu-item-7742"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7742"><a
                                        href="education.html" data-wpel-link="internal">教育</a></li>
                                <li id="menu-item-7740"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7740"><a
                                        href="aerospace.html" data-wpel-link="internal">航空</a></li>
                                <li id="menu-item-7744"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7744"><a
                                        href="consumer-products.html" data-wpel-link="internal">消费品</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2-4 col-lg-2-4 second-widget-area">
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>应用</span></h5>
                        <div class="menu-%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e4%b8%8e%e5%ba%94%e7%94%a8-container">
                            <ul id="menu-%e8%a7%a3%e5%86%b3%e6%96%b9%e6%a1%88%e4%b8%8e%e5%ba%94%e7%94%a8" class="menu">
                                <li id="menu-item-7745"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7745"><a
                                        href="challenges-we-solve1.html" data-wpel-link="internal">行业挑战</a></li>
                                <li id="menu-item-7747"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7747"><a
                                        href="rapid-prototyping.html" data-wpel-link="internal">快速原型</a></li>
                                <li id="menu-item-7746"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7746"><a
                                        href="tooling.html" data-wpel-link="internal">工具制作</a></li>
                                <li id="menu-item-7748"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7748"><a
                                        href="manufacturing.html" data-wpel-link="internal">生产制造</a></li>
                                <li id="menu-item-17198"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17198"><a
                                        href="jigs-and-fixtures.html" data-wpel-link="internal">3D打印应用-工装夹具</a></li>
                                <li id="menu-item-17197"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17197"><a
                                        href="realism.html" data-wpel-link="internal">高度逼真</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2-4 col-lg-2-4 third-widget-area">
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>产品</span></h5>
                        <div class="menu-%e4%ba%a7%e5%93%81-container">
                            <ul id="menu-%e4%ba%a7%e5%93%81" class="menu">
                                <li id="menu-item-7750"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7750"><a
                                        href="3d-printers.html" data-wpel-link="internal">3D 打印机</a></li>
                                <li id="menu-item-7751"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7751"><a
                                        href="materials.html" data-wpel-link="internal">材料</a></li>
                                <li id="menu-item-7752"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7752"><a
                                        href="software.html" data-wpel-link="internal">软件</a></li>
                                <li id="menu-item-7753"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-7753"><a
                                        href="continuous-building.html" data-wpel-link="internal">未来工厂</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="widget_text footer_widget">
                        <h5 class="widget-title"><span><a href="" target="_blank" data-wpel-link="internal">3D打印服务</a></span></h5>
                        <div class="textwidget custom-html-widget"></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2-4 col-lg-2-4 forth-widget-area">
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>资料中心</span></h5>
                        <div class="menu-%e8%b5%84%e6%96%99%e4%b8%ad%e5%bf%83-container">
                            <ul id="menu-%e8%b5%84%e6%96%99%e4%b8%ad%e5%bf%83" class="menu">
                                <li id="menu-item-17083"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17083"><a
                                        href="resources.html" data-wpel-link="internal">资料库</a></li>
                                <li id="menu-item-17081"
                                    class="menu-item menu-item-type-post_type menu-item-object-page menu-item-17081"><a
                                        href="video.html" data-wpel-link="internal">视频中心</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="widget_text footer_widget">
                        <h5 class="widget-title"><span><a href="news.html" data-wpel-link="internal">最新动态</a></span></h5>
                        <div class="textwidget custom-html-widget"></div>
                    </div>
                    <div class="widget_text footer_widget">
                        <h5 class="widget-title"><span><a href="行业资讯.html" data-wpel-link="internal">行业资讯</a></span></h5>
                        <div class="textwidget custom-html-widget"></div>
                    </div>
                    <div class="widget_text footer_widget">
                        <h5 class="widget-title"><span><a href="about-us.html" data-wpel-link="internal">关于 Suryee</a></span>
                        </h5>
                        <div class="textwidget custom-html-widget"></div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-12 col-md-2-4 col-lg-2-4 fifth-widget-area">
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>联系我们</span></h5>
                        <div class="menu-%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac-container">
                            <ul id="menu-%e8%81%94%e7%b3%bb%e6%88%91%e4%bb%ac" class="menu">
                                <li id="menu-item-6573"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6573"><a
                                        href="javascript:;" data-wpel-link="external" target="_blank"
                                        rel="nofollow noopener noreferrer">全球办事处</a></li>
                                <li id="menu-item-6709"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6709"><a
                                        href="become-a-reseller.html" data-wpel-link="internal">成为代理商</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer_widget">
                        <h5 class="widget-title"><span>招贤纳士</span></h5>
                        <div class="menu-%e6%8b%9b%e8%b4%a4%e7%ba%b3%e5%a3%ab-container">
                            <ul id="menu-%e6%8b%9b%e8%b4%a4%e7%ba%b3%e5%a3%ab" class="menu">
                                <li id="menu-item-6634"
                                    class="menu-item menu-item-type-custom menu-item-object-custom menu-item-6634"><a
                                        href="javascript:;" data-wpel-link="external" target="_blank"
                                        rel="nofollow noopener noreferrer">招贤纳士</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="middle-footer">
        <div class="container">
            <div class="footer-business-widget">
                <div class="footer-business"><img width="300" height="81"
                        src="/static/index/picture/logo.png"
                        class="image wp-image-6527 footer-business-logo attachment-medium size-medium"
                        alt="" style="max-width: 100%; height: auto;"
                        srcset="/static/index/picture/logo.png"
                        sizes="(max-width: 300px) 100vw, 300px"></div>
                <div class="footer-business">
                    <div class="textwidget">
                        <p style="display: none;"><a href="javascript:;" data-wpel-link="internal">
                            <img
                                    class="footer-business-qr alignnone wp-image-7791 size-thumbnail"
                                    src="/static/index/picture/code.jpg" alt="" width="150" height="150"></a></p>
                        &nbsp;
                        <p style="display: none;">微信订阅号</p>
                    </div>
                </div>
                <div class="footer-business">
                    <div class="textwidget">
                        <p style="text-align: center;"><a href="javascript:;" target="_blank" rel="noopener noreferrer"
                                data-wpel-link="internal"><img class="alignnone size-thumbnail wp-image-7851 footer-business-qr"
                                    src="/static/index/picture/code.jpg" alt="微信服务号" width="150" height="150"></a></p><br>
                        <p style="text-align: center;">微信服务号</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="lower-footer">
        <div class="container">
            <div class="pull-left">
                <span>
                    © Copyright 2020 | Suryee | All rights reserved </span>
            </div>
            <div class="pull-right">
                <ul id="menu-footer-menu" class="navbar-footer">
                    <li id="menu-item-7762" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-7762"><a
                            href="javascript:;" data-wpel-link="external" target="_blank" rel="nofollow noopener noreferrer">法律</a>
                    </li>
                    <li id="menu-item-9571" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-9571"><a
                            href="javascript:;" data-wpel-link="external" target="_blank"
                            rel="nofollow noopener noreferrer">隐私政策</a></li>
                </ul>
            </div>
        </div>
    </div>
</footer>
<div class="back-to-top">
    <i class="fa fa-angle-up"></i>
</div>
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="pswp__bg"></div>
    <div class="pswp__scroll-wrap">
        <div class="pswp__container">
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
            <div class="pswp__item"></div>
        </div>
        <div class="pswp__ui pswp__ui--hidden">
            <div class="pswp__top-bar">
                <div class="pswp__counter"></div>
                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
                <div class="pswp__preloader">
                    <div class="pswp__preloader__icn">
                        <div class="pswp__preloader__cut">
                            <div class="pswp__preloader__donut"></div>
                        </div>
                    </div>
                </div>
            </div>
            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
            </button>
            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
            </button>
            <div class="pswp__caption">
                <div class="pswp__caption__center"></div>
            </div>
        </div>
    </div>
</div>
<script type='text/javascript' src='/static/index/js/jarallax.min.js'></script>
<script type='text/javascript' src='/static/index/js/jarallax-video.min.js'></script>
<script type='text/javascript' src='/static/index/js/ofi.min.js'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var AWBData = { "settings": { "disable_parallax": [], "disable_video": [], "full_width_fallback": true } };
/* ]]> */
</script>
<script type='text/javascript' src='/static/index/js/awb.min.js'></script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var wpcf7 = { "apiSettings": { "root": "https:\/\/www.Suryee-china.com\/wp-json\/contact-form-7\/v1", "namespace": "contact-form-7\/v1" } };
/* ]]> */
</script>
<script type='text/javascript' src='/static/index/js/scripts.js'></script>
<script type='text/javascript' src='/static/index/js/scripts1.js'></script>
<script type='text/javascript' src='/static/index/js/bootstrap.min.js'></script>
<script type='text/javascript' src='/static/index/js/scripts2.js'></script>
<script type='text/javascript'>
    jQuery(document).on('click', '.contact-btn', function (e) {
        e.preventDefault();
        jQuery('#modal-form').toggle();
    });
    jQuery(document).on('click', '.online-btn', function (e) {
        e.preventDefault();
        myFunction();
    });
</script>
<script type='text/javascript'>
    /* <![CDATA[ */
    var wpcf7cf_global_settings = { "ajaxurl": "https:\/\/www.Suryee-china.com\/wp-admin\/admin-ajax.php" };
/* ]]> */
</script>
<script type='text/javascript' src='/static/index/js/scripts3.js'></script>
<script type='text/javascript' src='/static/index/js/wp-embed.min.js'></script>
<!-- footer -->
<script type="text/javascript">
    jQuery(function () {
        setTimeout(function () {
            var dateObj = new Date();
            jQuery('#footer > div.lower-footer > div > div.pull-left > span').html('Copyright © ' + dateObj.getFullYear() + ' Suryee Ltd. All Rights Reserved | <a href="http://www.miibeian.gov.cn/">沪ICP备19002716号</a>');
        }, 1500);
        jQuery('#preloader').fadeOut();
        /*
        // Baidu Tongji : _trackEvent.Video
        jQuery('body').find('.play-video').each(function (i, e) {
            jQuery(e).on('click', function () {
                _hmt.push(['_trackEvent', 'video', 'play']);
                console.log('_trackEvent.video.play: 点击 [ 观看视频 ' + (i + 1) + ' ]');
            });
        });
        // Baidu Tongji : _trackEvent.button.download_white_paper
        jQuery('body').find('.prim_text').each(function (i, e) {
            if (jQuery(e).text() == '观看视频') {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'video', 'play']);
                    console.log('_trackEvent.video.play: 点击 [ 观看视频 ]');
                });
            } else if (jQuery(e).html() == '下载案例') {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'Marketo_case']);
                    // console.log('_trackEvent.button.download_case: 点击 [ 下载案例 ]');
                    console.log('_trackEvent.button.Marketo_case: 点击 [ 下载案例 ]');
                });
            } else if (jQuery(e).text() != jQuery(e).text().replace('白皮书', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'download_white_paper']);
                    console.log('_trackEvent.button.download_white_paper: 点击 [ 白皮书 ]');
                });
            } else if (jQuery(e).text() != jQuery(e).text().replace('下载', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'Marketo_Device']);
                    // console.log('_trackEvent.button.download_pdf: 点击 [ 下载 ]');
                    console.log('_trackEvent.button.Marketo_Device: 点击 [ 下载 ]');
                });
            }
            //2019/10/05 add
            else if (jQuery(e).text() != jQuery(e).text().replace('了解更多', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'LearnMore_link']);
                    console.log('_trackEvent.button.LearnMore_link: 点击 [ 了解更多 ]');
                });
            } else if (jQuery(e).text() != jQuery(e).text().replace('获取报价', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'Marketo_quote']);
                    console.log('_trackEvent.button.Marketo_quote: 点击 [ 获取报价 ]');
                });
            } else if (jQuery(e).text() != jQuery(e).text().replace('联系我们', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'button', 'Marketo_contact']);
                    console.log('_trackEvent.button.Marketo_contact: 点击 [ 联系我们 ]');
                });
            } else if (jQuery(e).text() != jQuery(e).text().replace('在线咨询', '')) {
                jQuery(e).parent().on('click', function () {
                    _hmt.push(['_trackEvent', 'Meiqia', 'consultation']);
                    console.log('_trackEvent.Meiqia.consultation: 点击 [ 在线咨询 ]');
                });
            }
        });
        // Baidu Tongji : _trackEvent.button
        jQuery('body').find('.mktoButtonWrap').each(function (i, e) {
            jQuery(e).on('click', function () {
                _hmt.push(['_trackEvent', 'button', 'Marketo_deliver']);
                console.log('_trackEvent.button.Marketo_deliver: 点击 [ 提交 ' + (i + 1) + ' ]');
            });
        });
        // Baidu Tongji : _trackEvent.Meiqia
        setTimeout(function () {
            jQuery('#customer-service').find('.service-info').each(function (i, e) {
                jQuery(e).on('click', function () {
                    //console.log('_MEIQIA.service-info:'+i);
                    if (i == 0) {
                        _hmt.push(['_trackEvent', 'Meiqia', 'quote']);
                        console.log('_trackEvent.Meiqiq.quote : 点击 [ 产品询价 ]');
                    } else if (i == 1) {
                        _hmt.push(['_trackEvent', 'Meiqia', 'consultation']);
                        console.log('_trackEvent.Meiqiq.consultation : 点击 [ 在线咨询 ]');
                    } else if (i == 2) {
                        _hmt.push(['_trackEvent', 'Meiqia', 'call']);
                        console.log('_trackEvent.Meiqiq.call : 点击 [ 02133196068 ]');
                    } else if (i == 3) {
                        _hmt.push(['_trackEvent', 'Meiqia', 'call']);
                        console.log('_trackEvent.Meiqia.call : 点击 [ 02133196093 ]');
                    }
                });
            });
        }, 500);
        */
    });
    jQuery(document).ready(function ($) {
        // Auto Nov 2018 Campaign Page
        $("#tabs-to-the-left .vc_tta-tabs-container .vc_tta-tabs-list > li:nth-child(1) > a").attr("id", "first-tab-of-three");
        $("#first-tab-of-three").attr("href", "");
        $("#first-tab-of-three").on("click", function () {
            window.location = '/campaign/auto-nov2018/#1540990677601-0dae4a59-09c3';
        });
        if (window.location.href === '/campaign/auto-nov2018/#1540990677601-0dae4a59-09c3') {
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(1)").addClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(2)").removeClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(3)").removeClass("vc_active");
        }
        // Edu Nov 2018 Campaign Page
        $("#tabs-to-the-left .vc_tta-tabs-container .vc_tta-tabs-list > li:nth-child(2) > a").attr("id", "second-tab-of-three");
        $("#second-tab-of-three").attr("href", "");
        $("#second-tab-of-three").on("click", function () {
            window.location = '/campaign/edu-nov2018/#1541086015019-24492743-9ef9';
        });
        if (window.location.href === '/campaign/edu-nov2018/#1541086015019-24492743-9ef9') {
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(2)").addClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(1)").removeClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(3)").removeClass("vc_active");
        }
        // Toy Nov 2018 Campaign Page
        $("#tabs-to-the-left .vc_tta-tabs-container .vc_tta-tabs-list > li:nth-child(3) > a").attr("id", "third-tab-of-three");
        $("#third-tab-of-three").attr("href", "");
        $("#third-tab-of-three").on("click", function () {
            window.location = '/campaign/toy-nov2018/#1541086105878-e5242714-9e2d';
        });
        if (window.location.href === '/campaign/toy-nov2018/#1541086105878-e5242714-9e2d') {
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(3)").addClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(1)").removeClass("vc_active");
            $("#tabs-to-the-left .vc_tta-tabs-container ul li:nth-child(2)").removeClass("vc_active");
        }
    });
</script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $(".back-to-top.active").css({ 'right': "0 !important", "bottom": "10px !important" });
        $(".lower-footer .pull-left span").html("Copyright © 2020 Suryee Ltd. All Rights Reserved | <a href='http://www.miibeian.gov.cn/'>沪ICP备19002716号</a>");
        $(".redux-social-media-list li:nth-child(3) a").attr("href", "http://v.qq.com/vplus/432e276f02f3d84e16827c2b59a49cdf/videos");
    });
    function myFunction() {
        (function (m, ei, q, i, a, j, s) {
            m[i] = m[i] || function () {
                (m[i].a = m[i].a || []).push(arguments)
            };
            j = ei.createElement(q),
                s = ei.getElementsByTagName(q)[0];
            j.async = true;
            j.charset = 'UTF-8';
            j.src = 'https://static.meiqia.com/dist/meiqia.js?_=t';
            s.parentNode.insertBefore(j, s);
        })(window, document, 'script', '_MEIQIA');
        _MEIQIA('entId', '116099');
        _MEIQIA('withoutBtn');
        _MEIQIA("showPanel");
        // _MEIQIA('endConversation', handleEnd);
        _MEIQIA('endConversation');
    }
    function toggleModal(title) {
        var title = title;
        var subtitle = '';
        jQuery('#modal-mktoform header h2').text(title);
        jQuery('#modal-mktoform header h6').text(subtitle);
        newPage = 'javascript:;';
        jQuery('#modal-mktoform button[type=submit]').on('click', function () {
            if (!jQuery('.mktoRequired', jQuery('#modal-mktoform')).filter(function () {
                return !this.value && !jQuery('option:selected', this).val();
            }).length) {
            }
        });
        jQuery('#modal-mktoform').toggle();
        return false;
    }
    jQuery(function () {
        jQuery(".customerButton").click(function () {
            jQuery('#customer-service').toggleClass('hide-meiqia');
        });
        jQuery('#test').click(function () {
            jQuery('#modal-form').toggle();
        });
        jQuery('a[href*=\\.pdf][target=marketo]').click(function () {
            jQuery('#modal-mktoform-3128').attr('data-attachment', jQuery(this).attr('href'));
            jQuery('#modal-mktoform-3128').toggle();
            jQuery('#modal-mktoform-3128 button[type=submit]').on('click', function () {
                if (!jQuery('.mktoRequired', jQuery('#modal-mktoform-3128')).filter(function () {
                    return !this.value && !jQuery('option:selected', this).val();
                }).length) {
                    window.open(jQuery('#modal-mktoform-3128').data('attachment'));
                }
            });
            return false;
        });
        jQuery('a[href*=\\.pdf]').click(function () {
            _hmt.push(['_trackEvent', 'button', 'Download']);
        });
    });
    jQuery(function () {
        var btns = ["下载安全数据表"];
        var blank = 'javascript:void(0)';
        jQuery('a[href*=\\.zip]').filter(function () {
            return btns.join(',').indexOf(jQuery(this).text()) >= 0;
        }).filter(function () {
            if (this.href !== blank) {
                var downloadlink = this.href;
                jQuery(this).attr('data-href', downloadlink);
                this.href = blank;
                this.target = '';
            }
            return true;
        }).click(function () {
            if (jQuery(this).attr('data-href')) {
                jQuery('#modal-mktoform-3128').attr('data-attachment', jQuery(this).attr('data-href'));
            }
            jQuery('#modal-mktoform-3128').toggle();
            jQuery('#modal-mktoform-3128 button[type=submit]').on('click', function () {
                if (!jQuery('.mktoRequired', jQuery('#modal-mktoform-3128')).filter(function () {
                    return !this.value && !jQuery('option:selected', this).val();
                }).length) {
                    window.open(jQuery('#modal-mktoform-3128').data('attachment'));
                    _hmt.push(['_trackEvent', 'button', 'Marketo_Download']);
                }
            });
            // return false;
        });
    });
</script>
<div id="customer-service">
    <div class="container-customer-service">
        <div onclick="" class="customerButton">
            <img src="/static/index/picture/pull-bar.png">
        </div>
        <div class="customer-service" style="width: 70px; background-color: #fff; display:block;">
            <a href="tel:+2133196093" data-wpel-link="internal">
                <div class="service-header" style="padding: 5px; background-color: #153348;">
                    <img class="fixed-logo" src="/static/index/picture/Suryee-logo1.png" alt="Web">
                </div>
            </a>
            <a href="javascript:;" class="cursor-pointer block service-info trigger-mktoform-7194"
                title="感谢您对Suryee的关注 我们会尽快与您联系" data-wpel-link="internal"><img
                    src="/static/index/picture/003-coin-1.png">
                <span>产品询价</span>
            </a>
            <div class="service-info" onclick='myFunction();' style="cursor: pointer;"><img style="margin:6px 20%"
                    src="/static/index/picture/002-support-1-1.png">
                <span>在线咨询</span>
            </div>
            <a href="tel:+02133196068" data-wpel-link="internal">
                <div class="service-info"><img src="/static/index/picture/001-phone-call-1.png">
                    <span>021 3319 6068</span>
                </div>
            </a>
            <a href="tel:+02133196093" data-wpel-link="internal">
                <div class="service-info"><img src="/static/index/picture/001-phone-call-1.png">
                    <span>021 3319 6093</span>
                </div>
            </a>
            <!--div class="service-info online-consult" onclick='myFunction();' style="cursor: pointer;"><img
                    src="/wp-content/uploads/2018/08/004-3d-printer-1.png"/>
            <span>打印服务</span>
        </div>
        <div class="service-info meet-appointment" onclick='myFunction();' style="cursor: pointer;"><img
                    src="/wp-content/uploads/2018/08/005-calendar-1.png"/>
            <span>预约参观</span>
        </div-->
        </div>
    </div>
</div>
<script>
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        } else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
<div id="modal-mktoform-3128" class="modal-popup alpha">
    <span onclick="jQuery('#modal-mktoform-3128').toggle();void(0)" class="close" title="Close Modal"
        style="color: #555; padding-top: 10px;">×</span>
    <header class="kd-section-title col-lg-12 text-center solid-line sep-border-width-1    ">
        <h2 class="separator_on">资料下载</h2>
        <div class="kd-separator below_title">
            <div class="kd-separator-line"></div>
        </div>
        <h6 class="subtitle ">填写信息，获取资料</h6>
    </header>
    <script>if (!document.getElementById('mktoForm_3128')) {
            document.write('<form id="mktoForm_3128"></form>')
        }
        ;</script>
</div>
<script>
    MktoForms2.loadForm("//app-lon08.marketo.com", "533-LAV-099", 3128, function (form) {
        console.log('Form 3128 loaded');
    });
    function destyleMktoForm(mktoForm, moreStyles) {
        var formEl = mktoForm.getFormElem()[0],
            arrayFrom = Function.prototype.call.bind(Array.prototype.slice);
        // remove element styles from <form> and children
        var styledEls = arrayFrom(formEl.querySelectorAll("[style]")).concat(formEl);
        styledEls.forEach(function (el) {
            el.removeAttribute("style");
        });
        // disable remote stylesheets and local <style>s
        var styleSheets = arrayFrom(document.styleSheets);
        styleSheets.forEach(function (ss) {
            if ([mktoForms2BaseStyle, mktoForms2ThemeStyle].indexOf(ss.ownerNode) != -1 || formEl.contains(ss.ownerNode)) {
                ss.disabled = true;
            }
        });
        if (!moreStyles) {
            formEl.setAttribute("data-styles-ready", "true");
        }
    };
    MktoForms2.whenRendered(function (form) {
        destyleMktoForm(form);
    });
</script>
<style>
    #customer-service {
        display: none;
    }
    #meiqia-container {
        display: none;
    }
    .modal-popup {
        /*width: 82% !important;*/
        transform: none;
        left: 50%;
        top: 50%;
        margin: calc(-32.5vh - 50px) 0 0 -41%;
        z-index: 999999 !important;
    }
    .modal-popup.alpha {
        max-width: 500px;
        margin: calc(-32.5vh - 50px) 0 0 -250px;
    }
    @media screen and (max-width: 994px) {
        .modal-popup {
            margin: calc(-32.5vh - 0px) 0 0 -41%;
        }
        .modal-popup.alpha {
            max-width: 500px;
            margin: calc(-32.5vh - 0px) 0 0 -150px;
        }
    }
    @media screen and (max-width: 760px) {
        .modal-popup {
            width: 100% !important;
            height: calc(100%-70px) !important;
            margin: 0 !important;
            top: 70px !important;
            left: 0 !important;
            bottom: 0 !important;
            padding: 10px !important;
            transform: none !important;
            max-height: none !important;
            overflow: scroll;
            border-radius: 0 !important;
        }
        .close {
            margin-top: 10px !important;
            margin-right: 10px !important;
            color: #000 !important;
        }
        .modal-popup.alpha {
            max-width: 500px;
            margin: calc(-32.5vh - 0px) 0 0 -150px;
        }
    }
    html,
    body,
    * {
        font-family: Roboto, "Microsoft YaHei", "微软雅黑", 'HanSerif', Helvetica, Tahoma, Arial, "STXihei", "华文细黑", sans-serif !important;
    }
    .vc_column_container .vc_column-inner .wpb_wrapper .tab_font .vc_row .wpb_column .vc_column-inner .wpb_wrapper .kd-section-title {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    #mktoForm_4682.mktoForm {
        display: initial;
    }
</style>
<script>
    var toDealer = document.querySelector("#menu-item-16923 > a"); //get the button
    toDealer.onclick = function () {
        document.getElementById('dealer-search').style.display = 'block';
    };
</script>
<script>
    jQuery(function () {
        jQuery('.modal-video-button a').click(function () {
            jQuery(this).closest('.vc_row').find('.video-container a')[0].click();
        });
    });
</script>
</body>
</html>
<!-- permalink_structure ends with slash (/) but REQUEST_URI does not end with slash (/) -->

application/index/view/article/information.html

@@ -19,9 +19,9 @@
                            data-wpel-link="internal">{$value.title}</a></h2>
                    <div class="entry-meta">
                        <span class="published"><span class="fa fa-clock-o"></span><a href="javascript:;"
                                title="大型3d打印机的优点有哪些？" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                                title="{$value.title}" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                        <span class="author"><span class="fa fa-keyboard-o"></span><a href="javascript:;"
                                title="由Cerelia发布" rel="author" data-wpel-link="internal">{$value.writer}</a></span>
                                title="由{$value.username}发布" rel="author" data-wpel-link="internal">{$value.username}</a></span>
                        <span class="blog-label"><span class="fa fa-folder-open-o"></span><a href="/information"
                                rel="category tag" data-wpel-link="internal">行业资讯</a></span>
                    </div>

application/index/view/article/tags.html

@@ -0,0 +1,54 @@
{layout name="layout" /}
<div id="wrapper" class=" ">
        <header class="entry-header blog-header with-topbar">
            <div class="row blog-page-heading blog-title-left">
                <div class="header-overlay parallax-overlay" style="background-image:url('')"></div>
                <div class="container">
                    <!-- 样式修改 -->
                    <h2 class="section-heading" style="font-size: 25px;margin: 0;padding: 0;line-height: 1;border-left: 5px solid #45B6F7;padding-left: 10px;text-align: left;">
                        {$tag}</h2>
                </div>
            </div>
        </header>
        <div id="posts-content" class="container use-sidebar blog-img-top-list">
            <div class="col-xs-12 col-sm-12 col-lg-8">
                {foreach $data as $value}
                <article id="post-{$value.id}"
                    class="post-{$value.id} post type-post status-publish format-standard hentry category-148 tag-3d">
                    <h2 class="blog-single-title"><a href="/{$value.url}/{$value.id}" title="{$value.title}"
                            data-wpel-link="internal">{$value.title}</a></h2>
                    <div class="entry-meta">
                        <span class="published"><span class="fa fa-clock-o"></span><a href="javascript:;"
                                title="{$value.title}" data-wpel-link="internal">{$value.create_time|date="Y-m-d", ###}</a></span>
                        <span class="author"><span class="fa fa-keyboard-o"></span><a href="/author/{$value.username}"
                                title="由{$value.username}发布" rel="author" data-wpel-link="internal">{$value.username}</a></span>
                        <span class="blog-label"><span class="fa fa-folder-open-o"></span><a href="/{$value.url}"
                                rel="category tag" data-wpel-link="internal">{$value.cname}</a></span>
                    </div>
                    {notempty name="value.title_pic"}
                    <div class="entry-image">
                        <a href="/{$value.url}/{$value.id}" title="{$value.title}" data-wpel-link="internal">
                            <img width="382" height="330" src="{$value.title_pic}" class="attachment-full size-full wp-post-image" alt="{$value.title}"></a>
                    </div>
                    {/notempty}
                    <div class="entry-content">
                        <div class="page-content">
                            <p>{$value.summary|mb_substr=0,30}[&hellip;]</p>
                        </div>
                        <a class="tt_button" href="/{$value.url}/{$value.id}" data-wpel-link="internal">Read more</a>
                    </div>
                </article>
                {/foreach}
                <nav class="navigation pagination" role="navigation" aria-label="文章">
                    {$data->render();}
                </nav>
            </div>
            <div class="col-xs-12 col-sm-12 col-lg-4">
                <!--侧边栏-->
                {include file="public/right-sidebar" /}
                <!--侧边栏-->
            </div>
        </div>
        <!--WPFC_FOOTER_START-->
    </div>

application/index/view/layout.html

@@ -1,4 +1,3 @@
<!--头部开始-->
{include file="public/header" /}
<!--头部结束-->

application/index/view/public/nav.html

@@ -12,8 +12,7 @@
                </ul>
            </div>
            <div class="topbar-menu-search">
                <div class="topbar-search">
                <!-- <div class="topbar-search">
                    <form role="search" method="get" class="search-form" action="">
                        <label>
                            <span class="screen-reader-text">搜索：</span>
@@ -21,7 +20,7 @@
                        </label>
                        <input type="submit" class="search-submit" value="搜索">
                    </form> <span class="toggle-search fa-search fa"></span>
                </div>
                </div> -->
                <!-- WooCommerce Cart -->
                <!-- END WooCommerce Cart -->
            </div>

application/route.php

@@ -60,8 +60,10 @@ foreach ($categoryList as $key => $value) {
/* Archive 归档 */
Route::get('/:year/:month','index/article/archive');
/* Author */
Route::get('/author/:name','index/article/author');
/* Tags */
Route::get('/tags/:name','index/article/tags');
/* 临时路由 */
Route::get('/aerospace','index/index/aerospace');