/* 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: #181D69;

    --theme-color-dark: #E5A417;

    --theme-color-light: #a3d0fd;



    --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: 16px;

    --line-height: 1.4;

    --center-width: 1200px;

}



::placeholder {

    color: #bfbfbf;

}



a {

    color: #3c3c3c;

}



a:hover {

    color: var(--theme-color);

}



body {

    color: #3c3c3c;

    font-family: "微软雅黑","Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",Arial,sans-serif;;

    font-size: 16px;

    line-height: 1.4;

    background-attachment:scroll;}



.Page {

    background-attachment:scroll;}







/* 版心是否包含侧边栏 */

.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;}



.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;background-color:rgba(24, 29, 105, 1);}



.Page-header--main.fixed {

    background-attachment:scroll;}



.Page-header--mobile,

.show-mobile-menu .Page-header::before {

    background-attachment:scroll;background-color:rgba(255, 255, 255, 1)}

.Page-header--mobile .Page-header--icons li.menu {

    color: #181D69;

}

.Page .Page-header .Page-header--main .Page-header--icons li.menu{

    color: #000000;

}

.Page-header--main .Page-header--icons li.menu,

.Page .Page-header .Page-header--main .Page-header--icons li.menu.icon-active,

.Page .Page-header .Page-header--main .Page-header--icons li.menu-colse,

.Page-header--mobile .Page-header--icons li.menu.icon-active {

    color: #E5A417;

}



.Page-header--subheader {

    height: 250px;

    background-attachment:scroll;}

.Page-header--main .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} 

.Page-header--mobile .cc-menu--nav .cc-menu--item .cc-menu--item__link{justify-content:flex-start;text-align:left;} 

.Page-header--shade .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: 0px 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: #181D69;

}



.theme-color-bg {

    background-color: #181D69;

}

















/* 框式布局 */

.layout-boxed .Page {

    max-width: 1200px;

}



/* 文章详情宽度 */

.Page .posts {

    max-width: 1000px;

}

/* 文章相册主图与缩略图间距 */

.Page .posts .posts-body .posts-photos .cc-gallery .cc-gallery--thumbs {

    padding: 10px 0;

}



        .Page-body .posts .posts-share .cc-share ul{

            margin: 0 10px

        }

        .Page-body .posts .posts-share .cc-share ul li img{

            width:44px;

            height:44px;

        }

    







        .Page .Page-widgets .side-toolbar .toolbar-text.show{

            transform: translateX(calc(-100% + 3px));

            -webkit-transform: translateX(calc(-100% + 3px));

            -ms-transform: translateX(calc(-100% + 3px));

        }

        .Page .Page-widgets .side-toolbar .toolbar-img.show{

            right: calc( 100% + 3px );

            display: block;

        }

    

/* 侧边栏宽度 */

body.both-sidebar .Page-sidebar.sidebar-left,

body.left-sidebar .Page-sidebar.sidebar-left

 {

    width: 27%;

}

body.both-sidebar .Page-sidebar.sidebar-right,

body.right-sidebar .Page-sidebar.sidebar-right

 {

    width: 23%;

}

/* 内容宽度 */

body.both-sidebar .Page-content {

    width: 50%;

}

body.left-sidebar .Page-content {

    width: 73%;

}

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;

}







.side-toolbar .toolbar-icon {

    background-color: rgba(156, 156, 156, 1);

    width: 55px;

    height: 55px;

}

.side-toolbar > ul > li:hover .toolbar-icon,

.side-toolbar .toolbar-text {

    background-color: var(--theme-color);

}

.side-toolbar > ul > li {

    margin-bottom: 10px;

}





/** 头部组件排序 */

.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: 52px;

    width: auto;

}



    .header-type-fixed .Page-header .Page-header--main.fixed .Page-header--logo img.all-logo,

    .header-type-immersion .Page-header .Page-header--main .Page-header--logo img.all-logo {

        max-height: 60px;

        width: auto;

    }

    













/** 覆盖菜单菜单关闭按钮颜色设置 */

.menu-colse{

    color: #000}











/** 产品按钮 */

.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 .product .cc-gallery .cc-gallery--top .swiper-zoom-container{

    justify-content:center;

}

.Page .product .cc-row--width__default .cc-element--wrapper .cc-textblock .cc-textblock__body{

    padding:20px}

.Page .product .cc-row--width__default .product-header{

    margin-bottom:0px}

.product .cc-tabs.cc-tabs--line.cc-tabs--position__top .cc-tabs--nav:after{

    bottom: 0;    

}









    .product-header{

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        flex-direction: row;

    }

    .product .cc-gallery--top{

        max-height: 380px

    }









        .user-page .field-card{

            background-color:#fff;

        }

        .account .user-avatar::before{

            border: 3px solid #fff;

        }

        .user-page.order .order-item--head{

            background-color: #f0f0f0;

        }

        .user-page .cc-account-sidenav{

            background-color:#fff;

        }

        .user-page .cc-account-sidenav--menu dd{

            background-color:#fff;

        }

        .user-page .cc-account-sidenav--menu dd a{

            color:rgba(96, 96, 96, 1);

        }

        .user-page .cc-account-sidenav--menu dd i{

            color: rgba(96, 96, 96, 1);

        }

        .user-page .cc-account-sidenav--menu dd:hover{

            background-color:rgba(214, 214, 214, 1);

        }

    

        .user-page .cc-account-sidenav--menu dd:hover i,

        .user-page .cc-account-sidenav--menu dd:hover a{

            color:rgba(0, 0, 0, 1);

        }

        

        .user-page .cc-account-sidenav--menu .current{

            background-color:rgba(214, 214, 214, 1);

        }

        .user-page .cc-account-sidenav--menu .current i,

        .user-page .cc-account-sidenav--menu .current a{

            color:rgba(0, 0, 0, 1);

        }

    



    .Page-header .Page-header--left__fixed .cc-menu  .cc-menu--nav .cc-menu--item  .cc-menu--item__link,

    .Page-header .Page-header--right__fixed .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu  .cc-menu--nav .cc-menu--item .cc-menu--item__link{

        height: 50px;

        line-height:50px;

        padding:0px 0;

    }

    .Page-header .Page-header--left__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--right__fixed .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu > .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{

        font-size: 16px;

    }

    .Page-header .Page-header--left__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--right__fixed .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link,

    .Page-header .Page-header--shade .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{

        font-size: 16px;

    }

    .Page-header .Page-header--left-drawer+ .Page-header--shade,

    .Page-header .Page-header--right-drawer+ .Page-header--shade{

        background-color:rgba(255, 255, 255, 1)  !important;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{

        justify-content: center;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{

        justify-content: center;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item{

        background-color: #fff;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current{

        background-color: #fff;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item > .cc-menu--item__link{

        color: #3c3c3c;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item:hover > .cc-menu--item__link,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.block > .cc-menu--item__link,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav > .cc-menu--item.current > .cc-menu--item__link{

        color: var(--theme-color);

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item{

        background-color: var(--theme-color);

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item:hover,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.block,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav > .cc-menu--item.current{

        background-color: var(--theme-color-dark);

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item > .cc-menu--item__link{

        color: #fff;

    }

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item:hover >  .cc-menu--item__link,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.block >  .cc-menu--item__link,

    .Page-header .Page-header--shade .Page-header--shade__menu .cc-menu .cc-menu--nav .cc-menu--nav .cc-menu--item.current >  .cc-menu--item__link{

        color: #fff;

    }











/* 小于版心时 */

@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--mobile {

        display: block;

    }

    .Page-header-fixed-left>.Page-header{

        padding: unset;

        float: none;

        position: unset;

        height: auto;

        width: auto;

    }

    .Page-header-fixed-left>.Page-body{

        float: none;

        padding-left: unset;

        height:auto

    }

    .Page-header-fixed-right>.Page-header{

        padding: unset;

        float: none;

        position: unset;

        height: auto;

        width: auto;

    }

    .Page-header-fixed-right>.Page-body{

        float: none;

        padding-left: unset;

        height:auto

    }

    .Page-header--logo .mobile-logo {

        display: block;

    }

    

    

    

    }



@media only screen and (min-width:768px){

    .Page-header--mobile {

        display: none;

    }



    }



@media only screen and (max-width:768px){

    }





@media only screen and (max-width: 767px) {

    .Page .Page-header .Page-header--mobile .Page-header--menu .menu i{

        font-size: initial ;

    }

}



.font-fe598c6e8eef302a1dad089fd2a1aaaa{font-size:16px !important;color:#999999 !important;}