/* theme style */

:root {
    --black: #000;
    --white: #fff;
    --text-color: #3c3c3c;
    --border-color: #ebeef5;
    --active-color: #3095fb;
    --background-color: #f8f8f8;
    --background-color-light: #f90df7;

    --theme-color: #266966;
    --theme-color-dark: #1989fa;
    --theme-color-light: #F3F3F3;

    --warning-color: #ffa179;
    --warning-color-dark: #ff976a;
    --warning-color-light: #fffbe8;

    --success-color: #20c770;
    --success-color-dark: #07c160;
    --success-color-light: #b5eccf;

    --error-color: #ff5757;
    --error-color-dark: #f44;
    --error-color-light: #ffc7c7;

    --font-size: 14px;
    --line-height: 1.4;
    --center-width: 1200px;
}

::placeholder {
    color: #bfbfbf;
}

a {
    color: #3c3c3c;
}

a:hover {
    color: #266966;
}

body {
    color: #3c3c3c;
    font-family: "微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;;
    font-size: 14px;
    line-height: 1.4;
    background-attachment:scroll;}

.Page {
    background-attachment:scroll;background-color:rgba(243, 243, 243, 1);}



/* 版心是否包含侧边栏 */
.both-sidebar .Page-body,
.left-sidebar .Page-body,
.right-sidebar .Page-body {
    width: 1200px;
}
    
.Page-header--topbar {
    background-attachment:scroll;}

.Page-header {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 1);}

.Page-slot--template-header_in{
    width: auto;
}

.Page-header--main {
    border-bottom: 1px solid rgba(0,0,0,0);
}

.Page-header--main:hover {
    background-color: ;
}


.Page-header--main,
.Page-header--mobile {
    background-attachment:scroll;}

.Page-header--main.fixed {
    background-attachment:scroll;background-color:rgba(255, 255, 255, 1);}

.Page-header--mobile,
.show-mobile-menu .Page-header::before {
    background-attachment:scroll;background-color:#fff}

.Page-header--mobile .Page-header--icons li.menu {
    color: #3c3c3c;
}
.Page-header--mobile .Page-header--icons li.menu.icon-active {
    color: #3c3c3c;
}

.Page-header--subheader {
    height: 250px;
    background-attachment:scroll;}


.Page-header--main .cc-menu--nav .cc-menu--item::after{
            content: "";
            position: absolute;
            right: 0;
            top: 0;
            height: 18px;
            bottom: 0;
            margin: auto;
            width: 1px;
            background-color: rgba(38, 105, 102, 1);
        } .Page-header--main .cc-menu--nav .cc-menu--item:nth-last-of-type(1)::after{
            content: "";
            position: absolute;
            right: 0;
            top: 10%;
            height: 0px;
            bottom: 10%;
            width: 0px;
        } .Page-header--main .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} 
.Page-header--user > a{
    color:#3c3c3c;
}

.Page-content {
    background-attachment:scroll;}

.Page-sidebar {
    background-attachment:scroll;}

.Page-footer>.footer {
    background-attachment:scroll;}

/** 常规版心 */
.container, .cc-row--width__default {
    max-width: 1200px;
}

.cc-row--width__row {
    padding-left: calc((100% - 1200px) / 2) !important;
    padding-right: calc((100% - 1200px) / 2) !important;
}


/** 头部版心 */
.Page-header .container, .Page-header .cc-row--width__default {
    max-width: 1200px;
}

.Page-header .cc-row--width__row {
    padding-left: calc((100% - 1200px) / 2) !important;
    padding-right: calc((100% - 1200px) / 2) !important;
}


.Page-header--main__in {
    padding: 20px 0;
}


h1 {
    font-size: 32px;
    line-height: 1.4;
    color: #3c3c3c;
}

h2 {
    font-size: 24px;
    line-height: 1.4;
    color: #3c3c3c;
}

h3 {
    font-size: 18px;
    line-height: 1.4;
    color: #3c3c3c;
}

h4 {
    font-size: 16px;
    line-height: 1.4;
    color: #3c3c3c;
}

h5 {
    font-size: 13px;
    line-height: 1.4;
    color: #3c3c3c;
}

h6 {
    font-size: 12px;
    line-height: 1.4;
    color: #3c3c3c;
}



.theme-color-text {
    color: #266966;
}

.theme-color-bg {
    background-color: #266966;
}








/* 框式布局 */
.layout-boxed .Page {
    max-width: 1200px;
}

/* 文章详情宽度 */
.Page .posts {
    max-width: 1000px;
}

/* 侧边栏宽度 */
body.both-sidebar .Page-sidebar.sidebar-left,
body.left-sidebar .Page-sidebar.sidebar-left
 {
    width: 30%;
}
body.both-sidebar .Page-sidebar.sidebar-right,
body.right-sidebar .Page-sidebar.sidebar-right
 {
    width: 23%;
}
/* 内容宽度 */
body.both-sidebar .Page-content {
    width: 47%;
}
body.left-sidebar .Page-content {
    width: 70%;
}
body.right-sidebar .Page-content {
    width: 77%;
}

/* 底部 */
.Page-footer>.footer {
    padding: 30px 0;
}

/* 底部工具条 */
.Page-footer > .fixed-toolbar{
    padding:0px 0;
}

/* 悬浮广告窗 */
.Page-widgets > .fixed-toolbar.page-move-fixed{
    width:200px;
}

/* 小于版心时 */
@media only screen and (max-width: 1200px) {
    .container, .cc-row--width__default {
        max-width: 98%;
    }
    .container .container, .cc-row .cc-row--width__default {
        max-width: 100%;
    }
    .layout-boxed .Page {
        max-width: calc(100% - 60px);
    }
}

/* 自定义分辨率的导航栏 */
@media only screen and (max-width: 767px) {
    .Page-header .Page-header--topbar,
    .Page-header .Page-header--main,
    .Page-header .Page-header--topbar__placeholder,
    .Page-header .Page-header--main__placeholder,
    .Page-header--logo .all-logo {
        display: none;
    }

    .Page-header--logo .mobile-logo {
        display: block;
    }

    }

@media only screen and (min-width:767px){
    .Page-header--mobile {
        display: none;
    }

    }

.side-toolbar .toolbar-icon {
    background-color: #f6f6f6;
    width: 35px;
    height: 35px;
}
.side-toolbar > ul > li:hover .toolbar-icon,
.side-toolbar .toolbar-text {
    background-color: #f6f6f6;
}
.side-toolbar > ul > li {
    margin-bottom: 1px;
}


/** 头部组件排序 */
.Page-header--main .Page-header--logo {
    order: 0;
}
.Page-header--main .Page-header--menu {
    order: 1;
}
.Page-header--main .Page-header--widgets {
    order: 2;
}
.Page-header--main .Page-slot--template-header_in {
    order: 3;
    min-width: auto}


.Page-header--logo img {
    max-height: 60px;
    width: auto;
}



/** 产品按钮 */
.product .checkout-goto {
    background-color: var(--theme-color);
}
.product .checkout-goto:hover {
    background-color: var(--theme-color-dark);
}
.product .shopping-push {
    background-color: var(--error-color);
}
.product .shopping-push:hover {
    background-color: var(--error-color-dark);
}


/** 修改头部二级导航样式 */
.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav {
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
    background-color: #fff;
    padding-bottom: 20px;
    padding-top:20px;
    top:102%;
}

.Page-header--menu .cc-menu--horizontal .cc-menu--item.current,
.Page-header--menu .cc-menu--horizontal .cc-menu--item.block {
    border-bottom: 1px solid #266966;
}


.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item {
    background-color: rgba(255,255,255,1) !important;
    border-bottom:none;
}


.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item::after {
    opacity: 0;
}

.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item {
    padding:0 6px;
    min-width: 130px;
}


.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item .cc-menu--item__link {
    border-radius: 10px;
    overflow: hidden;
    padding-right:10px;
    border-bottom: 1px solid #f2f2f2;
}

.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item.current .cc-menu--item__link,
.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item.block .cc-menu--item__link,
.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item:hover .cc-menu--item__link {
    background-color:rgba(38, 105, 102, 0.8);
}


.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item .cc-menu--item__link>a {
    padding-right: 25px;
    padding-left:10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABd0lEQVRIS7XWv0rDQBgA8O/LPwh4D+XgI5ReX0AwYwOZz6khIW0gk4Mv4OCgUFBQUFBw6ODQQVBwEBQqdHAQApdIIEI5r80lXjPmvuQH35+7Q5A8QRAQzvkxACwJIQeMsUIWp/oOZYHD4bCHiCf12ikhZMAYy1V/KsZJkSrI9/0K6dUfnBVFQSeTyXcXaC0iQog4NQyDRlH01RbaiIhQWZaXjuPQMAyXbaBGRJK66zzPaZZlC1VICZFAt4Zh9OM4/lCBlBEJdG+aZj+KorcmqBUigR445zRN09dNUGtEAs3q9n5eB3VCJNBjnbonGdQZkUBzzvlemqbvyhPfVMzf9dWdoSzLw/F4zLQiwtYzdxxndzQa/ZmfzukSAP01EYBZPZgv2rpLAPTPiVDkO8uyql1Z38SvAoh4g4hU694lpOgKAGiSJJ+qbd7YXQJwYdv2QOt5ItRgWtdA38m49TPe9/19ADja6m3F87wd13XPAWBBCKH/vXf9APgkuRoHGH97AAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
    background-size: 14px 14px;
    background-position: right center;
}

.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item.current .cc-menu--item__link>a,
.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item.block .cc-menu--item__link>a,
.Page-header--menu .cc-menu--horizontal .cc-menu--item .cc-menu--nav .cc-menu--item:hover .cc-menu--item__link>a {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAABLUlEQVRIS7XWMUpDQRAG4P/v9VApPIJELxDILfQYFl4ghYWCkIBCBAULixQWgQRSCAoKFhaBFJkwMGkm8/LmPTdbvl32483O7CwRDBE5BnAN4BdAn+Q6Wpf9xgrkFMDA5m4AnJNcZTf160JEF4mIIorpuAVwRnLZBqpEAujeoL+m0F4kgEYG6VmlRy0SQI8GfWeVFBJATwC6JL8yUBoJoBeDPuqgRkgAvVroFvugxkgAvRk0q4JaIQE0sdBNI6g1EkDvAE5IfqYrvu4wt/PuZrgkeVEUcYD+SYfkTv20DpcDyp+JAzS7tDDnxbLLAeXrxAHPVh/lKt4BYwPK3V0OeDDgJ5vmtdnlgKG14nL9xAHlO+PBe7yI9ABcWcwP81oRkSMAdwD0itBXyr/eXRsbjZUap7FbrwAAAABJRU5ErkJggg==)
}

/** .cc-modal  弹框 */
.cc-modal {
    background-color: rgba(0, 0, 0, 0.9) !important;
}

.cc-modal.center .cc-modal--body .fa-times-circle {
    padding: 3px;
    border: 3px solid #fff;
    background-color: rgba(255,255,255,0) !important;
}

.cc-modal::-webkit-scrollbar,
.cc-modal.center .cc-modal--body::-webkit-scrollbar,
.cc-modal.center .cc-modal-content::-webkit-scrollbar,
.cc-modal.center .cc-modal-content .cc-col.cc-slot--wrapper.cc-col--align__top .cc-element--wrapper .cc-block.cc-slot--wrapper .cc-row.cc-slot--wrapper::-webkit-scrollbar{
    width:0;
}

.cc-modal.center .cc-modal-content .cc-col.cc-slot--wrapper.cc-col--align__top .cc-element--wrapper .cc-block.cc-slot--wrapper .cc-row.cc-slot--wrapper {
    height:490px;
    max-height:90vh;
    overflow:auto;
}

@media only screen and (max-width: 767px) {
    .cc-modal.center .cc-modal-content .cc-col.cc-slot--wrapper.cc-col--align__top .cc-element--wrapper .cc-block.cc-slot--wrapper .cc-row.cc-slot--wrapper {
        height:auto;
    }
}

 

/*新增的*/

@media only screen and  (min-width: 1200px) and (max-width: 1440px) {
    .container, .cc-row--width__default {
        max-width: 92%;
    }
    .container .container, .cc-row .cc-row--width__default {
        max-width: 92%;
    }
    .layout-boxed .Page {
        max-width: calc(100% - 60px);
    }

    .left-sidebar .Page-body .cc-row.cc-row--width__default,
    .right-sidebar .Page-body .cc-row.cc-row--width__default {
        max-width:100%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper.cc-col--align__top.cc-col--justify__start.cc-col-sm-20 {
        width:79%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col-lg-4   {
       width:21%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper .cc-element--wrapper .cc-textblock .cc-textblock__body p>span,
    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper .cc-element--wrapper .cc-textblock .cc-textblock__body p>a{
        display:flex;
    }

    .both-sidebar .Page-body, .left-sidebar .Page-body, .right-sidebar .Page-body {
        max-width:92%;
    }

    body {
        zoom:0.85
    }
}

@media only screen and  (min-width: 1025px) and (max-width: 1200px) {
    body {
        zoom:0.8
    }
}


@media only screen and  (min-width: 768px) and (max-width: 1024px) {
    body {
        zoom:0.8
    }
}


/* 版心768到1200时 */
@media only screen and  (min-width: 768px) and (max-width: 1200px) {
    .container, .cc-row--width__default {
        max-width: 90%;
    }
    .container .container, .cc-row .cc-row--width__default {
        max-width: 90%;
    }
    .layout-boxed .Page {
        max-width: calc(100% - 60px);
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper {
        margin-right:25px;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper.cc-col--align__top.cc-col--justify__start.cc-col-sm-20 {
        width:76%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col-lg-4   {
       width:24%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper .cc-element--wrapper .cc-textblock .cc-textblock__body p>a,
    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper .cc-element--wrapper .cc-textblock .cc-textblock__body p a{
        display:flex;
    }

    .left-sidebar .Page-body .cc-row.cc-row--width__default,
    .right-sidebar .Page-body .cc-row.cc-row--width__default {
        max-width:100%;
    }

    .both-sidebar .Page-body, .left-sidebar .Page-body, .right-sidebar .Page-body {
        max-width:90%;
    }
}

@media only screen and  (min-width: 768px) and (max-width:890px) {
    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col.cc-slot--wrapper.cc-col--align__top.cc-col--justify__start.cc-col-sm-20 {
        width:71%;
    }

    .Page-sidebar.sidebar-left .cc-block.cc-slot--wrapper .cc-col-lg-4   {
       width:29%;
    }
}

/** 首页新闻中心 标题 固定高度 */
.home-news-title-overflow .richtext p {
    overflow: hidden; 
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    max-height:60px;
}


/** 自定义字体 */
.font-7526a06d122180d52efe9a452a8acf33{font-size:18px !important;} .font-e854af0224de4a800f3d638203f4e6ed{font-size:48px !important;font-weight:bold !important;color:#FFFFFF !important;} @media only screen and (max-width: 767px) {.font-e854af0224de4a800f3d638203f4e6ed{font-size:24px !important;font-weight:bold !important;color:#FFFFFF !important;} }