@charset "utf-8";
/* CSS Document */
html {overflow-y:scroll;}
*{margin:0;padding:0;list-style:none;border:0;}

.wui-m-r-16\@S {
	margin-right:56px
}
@media screen and (max-width:1670px) {
   .wui-m-r-16\@S{    margin-right: 42px;}   
}
@media screen and (max-width:1500px) {
    
    .wui-m-r-16\@S{    margin-right: 35px;}
}


.wui-block,.wui-nav,.wui-media,.wui-media .wui-media-wrap,.wui-media .wui-media-wrap .wui-media-inner,.wui-media .wui-media-wrap .wui-media-img,.wui-crumb,.wui-menu,.wui-menu>.wui-menu-item,.wui-menu>.wui-menu-item>.wui-menu-link,.wui-cabinet .wui-cabinet-preview,.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper{
    display:block
}
.wui-inline{
    display:inline
}
.wui-inline-block,.wui-icon,.wui-nav .wui-nav-item,.wui-nav .wui-nav-divider,.wui-btn,.wui-input,.wui-crumb .wui-crumb-item,.wui-crumb .wui-crumb-separator,.wui-tags .wui-tags-item{
    display:inline-block;
    vertical-align:middle
}
.wui-grid>.wui-grid-row,.wui-flex{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-flex-direction:row;
    flex-direction:row
}
.wui-flex>.wui-flex-auto{
    -webkit-flex:auto;
    flex:auto
}
.wui-grid>.wui-grid-row>.wui-grid-col,.wui-flex>.wui-flex-none{
    -webkit-flex:none;
    flex:none
}
.wui-text-ellipsis-single,.wui-text-ellipsis-multi,.wui-menu>.wui-menu-item>.wui-menu-link,.wui-tags .wui-tags-item{
    overflow:hidden;
    text-overflow:ellipsis
}
.wui-text-ellipsis-single,.wui-menu>.wui-menu-item>.wui-menu-link,.wui-tags .wui-tags-item{
    white-space:nowrap;
    word-break:normal
}
.wui-text-ellipsis-multi{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal
}
.wui-media .wui-media-mask,.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper,.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-video,.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap .wui-cabinet-thumb-video{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%
}
.wui-media .wui-media-mask:after{
    display:inline-block;
    vertical-align:middle;
    height:100%;
    width:0
}
.wui-seam,.wui-nav,.wui-dropdown>.wui-dropdown-toggle,.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list>.wui-dropdown-item,.wui-menu>.wui-menu-item>.wui-menu-link,.wui-tags{
    line-height:1;
    font-size:0
}

@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}
@keyframes fade-in{0%{opacity:0}100%{opacity:1}}
@-webkit-keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@keyframes fade-out{0%{opacity:1}100%{opacity:0}}
@-webkit-keyframes modal-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@keyframes modal-in{0%{opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}
@-webkit-keyframes modal-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}
@keyframes modal-out{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}
@-webkit-keyframes drawer-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes drawer-in-right{0%{-webkit-transform:translateX(100%);transform:translateX(100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes drawer-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}
@keyframes drawer-out-right{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(100%);transform:translateX(100%)}}
@-webkit-keyframes drawer-in-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@keyframes drawer-in-left{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}
@-webkit-keyframes drawer-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}
@keyframes drawer-out-left{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}}

.wui-wrap{word-break:break-word;white-space:normal}
.wui-nowrap{word-break:keep-all;white-space:nowrap}
.wui-link:hover{color:#26498d}
.wui-link-wrap:hover .wui-link{color:#26498d}
.wui-link-wrap:hover .wui-media-hover{border-color:#26498d}
.wui-link-wrap:hover .wui-media-hover .wui-media-wrap{-webkit-transform:scale(1.1, 1.1);transform:scale(1.1, 1.1)}.wui-link-wrap:hover .wui-media-hover .wui-media-mask{color:#26498d}

@media only screen and (min-width: 768px){.wui-none\@T{display:none}.wui-block\@T{display:block}.wui-inline\@T{display:inline}.wui-inline-block\@T{display:inline-block;vertical-align:middle}.wui-seam\@T{line-height:1;font-size:0}}
@media only screen and (min-width: 1024px){.wui-none\@S{display:none}.wui-block\@S{display:block}.wui-inline\@S{display:inline}.wui-inline-block\@S{display:inline-block;vertical-align:middle}.wui-seam\@S{line-height:1;font-size:0}}

@media only screen and (min-width: 1280px){.wui-none\@M{display:none}.wui-block\@M{display:block}.wui-inline\@M{display:inline}.wui-inline-block\@M{display:inline-block;vertical-align:middle}.wui-seam\@M{line-height:1;font-size:0}}
@media only screen and (min-width: 1600px){.wui-none\@L{display:none}.wui-block\@L{display:block}.wui-inline\@L{display:inline}.wui-inline-block\@L{display:inline-block;vertical-align:middle}.wui-seam\@L{line-height:1;font-size:0}}

@media only screen and (min-width: 1920px){.wui-none\@H{display:none}.wui-block\@H{display:block}.wui-inline\@H{display:inline}.wui-inline-block\@H{display:inline-block;vertical-align:middle}.wui-seam\@H{line-height:1;font-size:0}}


.wui-nav .wui-nav-item{
    line-height:1;
    color:#333
}

.wui-nav .wui-nav-divider{
    position:relative;
    margin:0 24px
}
.wui-nav .wui-nav-divider:after{
    content:'';
    display:block;
    width:1px;
    height:16px;
    position:absolute;
    top:0;
    left:0;
    margin-top:-8px;
    background-color:#e6e6e6
}

.wui-text-ellipsis-1{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:normal
}
.wui-text-ellipsis-2{ text-align:center; line-height:40px; background:#26498d; color:#fff;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:2
}
.wui-text-ellipsis-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:3
}
.wui-text-ellipsis-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:4
}
.wui-text-ellipsis-5{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:5
}
.wui-text-ellipsis-6{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:6
}


@media only screen and (min-width: 768px){.wui-text-color-light\@T{color:#FFF}.wui-text-color-dark\@T{color:#000}.wui-text-color-secondary\@T{color:#666}.wui-text-color-tertiary\@T{color:#999}.wui-text-color-disabled\@T{color:#b3b3b3}.wui-text-color-link\@T{color:#26498d}.wui-text-color-primary\@T{color:#26498d}.wui-text-color-accents\@T{color:#26498d}.wui-text-color-dangers\@T{color:#FE5050}.wui-text-color-success\@T{color:#38C976}.wui-text-color-warning\@T{color:#FFA23A}.wui-text-size-xs\@T{font-size:12px}.wui-text-size-2xs\@T{font-size:24px}.wui-text-size-sm\@T{font-size:14px}.wui-text-size-2sm\@T{font-size:28px}.wui-text-size-md\@T{font-size:16px}.wui-text-size-2md\@T{font-size:32px}.wui-text-size-lg\@T{font-size:18px}.wui-text-size-2lg\@T{font-size:36px}.wui-text-size-hr\@T{font-size:20px}.wui-text-size-2hr\@T{font-size:40px}.wui-text-height-xs\@T{line-height:12px}.wui-text-height-2xs\@T{line-height:24px}.wui-text-height-sm\@T{line-height:14px}.wui-text-height-2sm\@T{line-height:28px}.wui-text-height-md\@T{line-height:16px}.wui-text-height-2md\@T{line-height:32px}.wui-text-height-lg\@T{line-height:18px}.wui-text-height-2lg\@T{line-height:36px}.wui-text-height-hr\@T{line-height:20px}.wui-text-height-2hr\@T{line-height:40px}.wui-text-weight-normal\@T{line-height:normal}.wui-text-weight-bold\@T{line-height:bold}.wui-text-weight-bolder\@T{line-height:bolder}.wui-text-weight-lighter\@T{line-height:lighter}.wui-text-align-left\@T{text-align:left}.wui-text-align-center\@T{text-align:center}.wui-text-align-right\@T{text-align:right}.wui-text-align-justify\@T{text-align:justify}.wui-text-style-through\@T{text-decoration:line-through}.wui-text-style-underline\@T{text-decoration:underline}.wui-text-style-overline\@T{text-decoration:overline}.wui-text-ellipsis-single\@T{display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-multi\@T{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-2\@T{-webkit-line-clamp:2}.wui-text-ellipsis-3\@T{-webkit-line-clamp:3}.wui-text-ellipsis-4\@T{-webkit-line-clamp:4}.wui-text-ellipsis-5\@T{-webkit-line-clamp:5}.wui-text-ellipsis-6\@T{-webkit-line-clamp:6}}

@media only screen and (min-width: 1024px){.wui-text-color-light\@S{color:#FFF}.wui-text-color-dark\@S{color:#000}.wui-text-color-secondary\@S{color:#666}.wui-text-color-tertiary\@S{color:#999}.wui-text-color-disabled\@S{color:#b3b3b3}.wui-text-color-link\@S{color:#26498d}.wui-text-color-primary\@S{color:#26498d}.wui-text-color-accents\@S{color:#26498d}.wui-text-color-dangers\@S{color:#FE5050}.wui-text-color-success\@S{color:#38C976}.wui-text-color-warning\@S{color:#FFA23A}.wui-text-size-xs\@S{font-size:12px}.wui-text-size-2xs\@S{font-size:24px}.wui-text-size-sm\@S{font-size:14px}.wui-text-size-2sm\@S{font-size:28px}.wui-text-size-md\@S{font-size:16px}.wui-text-size-2md\@S{font-size:32px}.wui-text-size-lg\@S{font-size:18px}.wui-text-size-2lg\@S{font-size:36px}.wui-text-size-hr\@S{font-size:20px}.wui-text-size-2hr\@S{font-size:40px}.wui-text-height-xs\@S{line-height:12px}.wui-text-height-2xs\@S{line-height:24px}.wui-text-height-sm\@S{line-height:14px}.wui-text-height-2sm\@S{line-height:28px}.wui-text-height-md\@S{line-height:16px}.wui-text-height-2md\@S{line-height:32px}.wui-text-height-lg\@S{line-height:18px}.wui-text-height-2lg\@S{line-height:36px}.wui-text-height-hr\@S{line-height:20px}.wui-text-height-2hr\@S{line-height:40px}.wui-text-weight-normal\@S{line-height:normal}.wui-text-weight-bold\@S{line-height:bold}.wui-text-weight-bolder\@S{line-height:bolder}.wui-text-weight-lighter\@S{line-height:lighter}.wui-text-align-left\@S{text-align:left}.wui-text-align-center\@S{text-align:center}.wui-text-align-right\@S{text-align:right}.wui-text-align-justify\@S{text-align:justify}.wui-text-style-through\@S{text-decoration:line-through}.wui-text-style-underline\@S{text-decoration:underline}.wui-text-style-overline\@S{text-decoration:overline}.wui-text-ellipsis-single\@S{display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-multi\@S{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-2\@S{-webkit-line-clamp:2}.wui-text-ellipsis-3\@S{-webkit-line-clamp:3}.wui-text-ellipsis-4\@S{-webkit-line-clamp:4}.wui-text-ellipsis-5\@S{-webkit-line-clamp:5}.wui-text-ellipsis-6\@S{-webkit-line-clamp:6}}

@media only screen and (min-width: 1280px){.wui-text-color-light\@M{color:#FFF}.wui-text-color-dark\@M{color:#000}.wui-text-color-secondary\@M{color:#666}.wui-text-color-tertiary\@M{color:#999}.wui-text-color-disabled\@M{color:#b3b3b3}.wui-text-color-link\@M{color:#26498d}.wui-text-color-primary\@M{color:#26498d}.wui-text-color-accents\@M{color:#26498d}.wui-text-color-dangers\@M{color:#FE5050}.wui-text-color-success\@M{color:#38C976}.wui-text-color-warning\@M{color:#FFA23A}.wui-text-size-xs\@M{font-size:12px}.wui-text-size-2xs\@M{font-size:24px}.wui-text-size-sm\@M{font-size:14px}.wui-text-size-2sm\@M{font-size:28px}.wui-text-size-md\@M{font-size:16px}.wui-text-size-2md\@M{font-size:32px}.wui-text-size-lg\@M{font-size:18px}.wui-text-size-2lg\@M{font-size:36px}.wui-text-size-hr\@M{font-size:20px}.wui-text-size-2hr\@M{font-size:40px}.wui-text-height-xs\@M{line-height:12px}.wui-text-height-2xs\@M{line-height:24px}.wui-text-height-sm\@M{line-height:14px}.wui-text-height-2sm\@M{line-height:28px}.wui-text-height-md\@M{line-height:16px}.wui-text-height-2md\@M{line-height:32px}.wui-text-height-lg\@M{line-height:18px}.wui-text-height-2lg\@M{line-height:36px}.wui-text-height-hr\@M{line-height:20px}.wui-text-height-2hr\@M{line-height:40px}.wui-text-weight-normal\@M{line-height:normal}.wui-text-weight-bold\@M{line-height:bold}.wui-text-weight-bolder\@M{line-height:bolder}.wui-text-weight-lighter\@M{line-height:lighter}.wui-text-align-left\@M{text-align:left}.wui-text-align-center\@M{text-align:center}.wui-text-align-right\@M{text-align:right}.wui-text-align-justify\@M{text-align:justify}.wui-text-style-through\@M{text-decoration:line-through}.wui-text-style-underline\@M{text-decoration:underline}.wui-text-style-overline\@M{text-decoration:overline}.wui-text-ellipsis-single\@M{display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-multi\@M{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-2\@M{-webkit-line-clamp:2}.wui-text-ellipsis-3\@M{-webkit-line-clamp:3}.wui-text-ellipsis-4\@M{-webkit-line-clamp:4}.wui-text-ellipsis-5\@M{-webkit-line-clamp:5}.wui-text-ellipsis-6\@M{-webkit-line-clamp:6}}

@media only screen and (min-width: 1600px){.wui-text-color-light\@L{color:#FFF}.wui-text-color-dark\@L{color:#000}.wui-text-color-secondary\@L{color:#666}.wui-text-color-tertiary\@L{color:#999}.wui-text-color-disabled\@L{color:#b3b3b3}.wui-text-color-link\@L{color:#26498d}.wui-text-color-primary\@L{color:#26498d}.wui-text-color-accents\@L{color:#26498d}.wui-text-color-dangers\@L{color:#FE5050}.wui-text-color-success\@L{color:#38C976}.wui-text-color-warning\@L{color:#FFA23A}.wui-text-size-xs\@L{font-size:12px}.wui-text-size-2xs\@L{font-size:24px}.wui-text-size-sm\@L{font-size:14px}.wui-text-size-2sm\@L{font-size:28px}.wui-text-size-md\@L{font-size:16px}.wui-text-size-2md\@L{font-size:32px}.wui-text-size-lg\@L{font-size:18px}.wui-text-size-2lg\@L{font-size:36px}.wui-text-size-hr\@L{font-size:20px}.wui-text-size-2hr\@L{font-size:40px}.wui-text-height-xs\@L{line-height:12px}.wui-text-height-2xs\@L{line-height:24px}.wui-text-height-sm\@L{line-height:14px}.wui-text-height-2sm\@L{line-height:28px}.wui-text-height-md\@L{line-height:16px}.wui-text-height-2md\@L{line-height:32px}.wui-text-height-lg\@L{line-height:18px}.wui-text-height-2lg\@L{line-height:36px}.wui-text-height-hr\@L{line-height:20px}.wui-text-height-2hr\@L{line-height:40px}.wui-text-weight-normal\@L{line-height:normal}.wui-text-weight-bold\@L{line-height:bold}.wui-text-weight-bolder\@L{line-height:bolder}.wui-text-weight-lighter\@L{line-height:lighter}.wui-text-align-left\@L{text-align:left}.wui-text-align-center\@L{text-align:center}.wui-text-align-right\@L{text-align:right}.wui-text-align-justify\@L{text-align:justify}.wui-text-style-through\@L{text-decoration:line-through}.wui-text-style-underline\@L{text-decoration:underline}.wui-text-style-overline\@L{text-decoration:overline}.wui-text-ellipsis-single\@L{display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-multi\@L{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-2\@L{-webkit-line-clamp:2}.wui-text-ellipsis-3\@L{-webkit-line-clamp:3}.wui-text-ellipsis-4\@L{-webkit-line-clamp:4}.wui-text-ellipsis-5\@L{-webkit-line-clamp:5}.wui-text-ellipsis-6\@L{-webkit-line-clamp:6}}

@media only screen and (min-width: 1920px){.wui-text-color-light\@H{color:#FFF}.wui-text-color-dark\@H{color:#000}.wui-text-color-secondary\@H{color:#666}.wui-text-color-tertiary\@H{color:#999}.wui-text-color-disabled\@H{color:#b3b3b3}.wui-text-color-link\@H{color:#26498d}.wui-text-color-primary\@H{color:#26498d}.wui-text-color-accents\@H{color:#26498d}.wui-text-color-dangers\@H{color:#FE5050}.wui-text-color-success\@H{color:#38C976}.wui-text-color-warning\@H{color:#FFA23A}.wui-text-size-xs\@H{font-size:12px}.wui-text-size-2xs\@H{font-size:24px}.wui-text-size-sm\@H{font-size:14px}.wui-text-size-2sm\@H{font-size:28px}.wui-text-size-md\@H{font-size:16px}.wui-text-size-2md\@H{font-size:32px}.wui-text-size-lg\@H{font-size:18px}.wui-text-size-2lg\@H{font-size:36px}.wui-text-size-hr\@H{font-size:20px}.wui-text-size-2hr\@H{font-size:40px}.wui-text-height-xs\@H{line-height:12px}.wui-text-height-2xs\@H{line-height:24px}.wui-text-height-sm\@H{line-height:14px}.wui-text-height-2sm\@H{line-height:28px}.wui-text-height-md\@H{line-height:16px}.wui-text-height-2md\@H{line-height:32px}.wui-text-height-lg\@H{line-height:18px}.wui-text-height-2lg\@H{line-height:36px}.wui-text-height-hr\@H{line-height:20px}.wui-text-height-2hr\@H{line-height:40px}.wui-text-weight-normal\@H{line-height:normal}.wui-text-weight-bold\@H{line-height:bold}.wui-text-weight-bolder\@H{line-height:bolder}.wui-text-weight-lighter\@H{line-height:lighter}.wui-text-align-left\@H{text-align:left}.wui-text-align-center\@H{text-align:center}.wui-text-align-right\@H{text-align:right}.wui-text-align-justify\@H{text-align:justify}.wui-text-style-through\@H{text-decoration:line-through}.wui-text-style-underline\@H{text-decoration:underline}.wui-text-style-overline\@H{text-decoration:overline}.wui-text-ellipsis-single\@H{display:block;white-space:nowrap;word-break:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-multi\@H{display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;overflow:hidden;text-overflow:ellipsis}.wui-text-ellipsis-2\@H{-webkit-line-clamp:2}.wui-text-ellipsis-3\@H{-webkit-line-clamp:3}.wui-text-ellipsis-4\@H{-webkit-line-clamp:4}.wui-text-ellipsis-5\@H{-webkit-line-clamp:5}.wui-text-ellipsis-6\@H{-webkit-line-clamp:6}}


img{ vertical-align:middle}

.wui-media{
    position:relative;
    width:100%;
    font-size:0;
    overflow:hidden;

}
.wui-media.wui-media-1-1{
    height:0;
    padding-bottom:100%
}
.wui-media.wui-media-1-1 .wui-media-wrap{
    position:absolute;
 display:table-cell; background:#fff; text-align: center; vertical-align: middle; width:336px; height:336px;  overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;
}
.wui-media.wui-media-1-1 .wui-media-wrap img{max-width:100%;max-height:100%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.wui-media.wui-media-1-2{
    height:0;
    padding-bottom:200%
}
.wui-media.wui-media-1-2 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-1-4{
    height:0;
    padding-bottom:400%
}
.wui-media.wui-media-1-4 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-1-5{
    height:0;
    padding-bottom:500%
}
.wui-media.wui-media-1-5 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-1-6{
    height:0;
    padding-bottom:600%
}
.wui-media.wui-media-1-6 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-2-1{
    height:0;
    padding-bottom:50%
}
.wui-media.wui-media-2-1 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-2-3{
    height:0;
    padding-bottom:150%
}
.wui-media.wui-media-2-3 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-2-5{
    height:0;
    padding-bottom:250%
}
.wui-media.wui-media-2-5 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-3-1{
    height:0;
    padding-bottom:33.3333333333%
}
.wui-media.wui-media-3-1 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-3-2{
    height:0;
    padding-bottom:66.6666666667%
}
.wui-media.wui-media-3-2 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-3-4{
    height:0;
    padding-bottom:133.3333333333%
}
.wui-media.wui-media-3-4 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-3-5{
    height:0;
    padding-bottom:166.6666666667%
}
.wui-media.wui-media-3-5 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-4-1{
    height:0;
    padding-bottom:25%
}
.wui-media.wui-media-4-1 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-4-3{
    height:0;
    padding-bottom:75%
}
.wui-media.wui-media-4-3 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-4-5{
    height:0;
    padding-bottom:125%
}
.wui-media.wui-media-4-5 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-5-1{
    height:0;
    padding-bottom:20%
}
.wui-media.wui-media-5-1 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-5-2{
    height:0;
    padding-bottom:40%
}
.wui-media.wui-media-5-2 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-5-3{
    height:0;
    padding-bottom:60%
}
.wui-media.wui-media-5-3 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-5-4{
    height:0;
    padding-bottom:80%
}
.wui-media.wui-media-5-4 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-5-6{
    height:0;
    padding-bottom:120%
}
.wui-media.wui-media-5-6 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-6-1{
    height:0;
    padding-bottom:16.6666666667%
}
.wui-media.wui-media-6-1 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-6-5{
    height:0;
    padding-bottom:83.3333333333%
}
.wui-media.wui-media-6-5 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-9-16{
    height:0;
    padding-bottom:177.7777777778%
}
.wui-media.wui-media-9-16 .wui-media-wrap{
    position:absolute;
    height:100%
}
.wui-media.wui-media-16-9{
    height:0;
    padding-bottom:56.25%
}
.wui-media.wui-media-16-9 .wui-media-wrap{
    position:absolute;
    height:100%
}

.wui-media-wrap

.wui-media .wui-media-wrap{
    top:0;
    left:0;
    width:100%;
    overflow:hidden;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-media .wui-media-wrap .wui-media-inner,.wui-media .wui-media-wrap .wui-media-img{
    max-width:100%;max-height:100%;display: inline-block;vertical-align: middle; width:auto; height:auto
}
.wui-media .wui-media-wrap .wui-media-inner{

    background-repeat:no-repeat;
    background-position:center
}
.wui-media .wui-media-wrap .wui-media-img{
    border:0;
    background:none;
    object-fit:cover;
    object-position:center
}
.wui-media .wui-media-mask{
    line-height:1;
    pointer-events:none;
    text-align:center;
    color:#FFF;
    background-color:rgba(0,0,0,0.4)
}
.wui-media .wui-media-mask .wui-media-play{
    display:block;
    width:100%;
    height:100%;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
    background-image:url("../image/icon_play.png")
}
.wui-media .wui-media-mask:after{
    content:''
}
.wui-media.wui-media-border{
    border:1px solid #ccc
}
.wui-media.wui-media-video{
    cursor:pointer
}
.wui-media.wui-media-video .wui-media-mask{
    display:block
}
.wui-media.wui-media-auto .wui-media-wrap .wui-media-inner{
    background-size:contain
}
.wui-media.wui-media-auto .wui-media-wrap .wui-media-img{
    object-fit:contain
}
.wui-media.wui-media-match{
    padding-bottom:0;
    height:100%
}
.wui-media.wui-media-hover:hover{
    border-color:#26498d
}
.wui-media.wui-media-hover:hover .wui-media-wrap{
    -webkit-transform:scale(1.1, 1.1);
    transform:scale(1.1, 1.1)
}
.wui-media.wui-media-hover:hover .wui-media-mask{
    color:#26498d
}
.wui-media.wui-media-tran{
    background-color:transparent
}
.wui-media.wui-media-alpha{
    background-color:#ddd;
    background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC")
}
.wui-comment .wui-comment-profile{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.wui-comment .wui-comment-profile .wui-comment-avatar{
    -webkit-flex:none;
    flex:none;
    width:64px;
    height:64px;
    background-color:#e6e6e6
}
.wui-comment .wui-comment-profile .wui-comment-avatar .wui-comment-avatar-img{
    display:block;
    border:none;
    width:100%;
    height:100%
}
.wui-comment .wui-comment-profile .wui-comment-info{
    -webkit-flex:auto;
    flex:auto;
    width:1px
}
.wui-comment .wui-comment-content{
    background-color:#fff;
    height:120px;
    margin-top:24px;
    position:relative;
    padding:24px;
    -webkit-transition:background .3s ease 0s;
    transition:background .3s ease 0s
}
.wui-comment .wui-comment-content:after{
    content:'';
    display:block;
    position:absolute;
    top:-12px;
    left:20px;
    width:0;
    height:0;
    border-width:0 12px 12px 12px;
    border-style:solid;
    border-color:transparent transparent #fff transparent
}
.wui-comment .wui-comment-content .wui-comment-content-inner{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:3;
    font-size:16px;
    line-height:24px;
    height:72px;
    text-align:justify
}
.wui-btn{
    -webkit-transition:background-color .3s ease 0s;
    transition:background-color .3s ease 0s;
    background-image:none;
    outline:none;
    cursor:pointer;
    appearance:none;
    text-decoration:none;
    user-select:none;
    text-align:center;
    font-weight:500;
    word-spacing:normal;
    white-space:nowrap;
    color:#333;
    border:1px solid #ccc;
    background-color:#FFF;
    height:40px;
    line-height:38px;
    border-radius:20px;
    padding:0 24px;
    font-size:16px
}
.wui-btn:hover,.wui-btn:focus,.wui-btn:active{
    color:#000;
    border-color:#e6e6e6;
    background-color:#e6e6e6
}
.wui-btn:disabled{
    color:#b3b3b3;
    border-color:#ccc;
    background-color:#FFF;
    cursor:default
}
.wui-btn.wui-btn-animate:hover:before{
    width:38px;
    opacity:1
}
.wui-btn.wui-btn-animate:hover>i{
    -webkit-transform:translate(13px, 0);
    transform:translate(13px, 0)
}
.wui-btn.wui-btn-primary{
    color:#FFF;
    border-color:#26498d;
    background-color:#26498d
}
.wui-btn.wui-btn-primary.wui-btn-animate:before{
    background-color:#26498d
}
.wui-btn.wui-btn-primary:hover,.wui-btn.wui-btn-primary:focus,.wui-btn.wui-btn-primary:active{
    color:#FFF;
    border-color:#cc6300;
    background-color:#cc6300
}
.wui-btn.wui-btn-primary:disabled{
    color:#FFF;
    border-color:#ff9633;
    background-color:#ff9633
}
.wui-btn.wui-btn-gray{
    color:#FFF;
    border-color:gray;
    background-color:gray
}
.wui-btn.wui-btn-gray.wui-btn-animate:before{
    background-color:gray
}
.wui-btn.wui-btn-gray:hover,.wui-btn.wui-btn-gray:focus,.wui-btn.wui-btn-gray:active{
    color:#FFF;
    border-color:#5a5a5a;
    background-color:#5a5a5a
}
.wui-btn.wui-btn-gray:disabled{
    color:#FFF;
    border-color:#a6a6a6;
    background-color:#a6a6a6
}
.wui-btn.wui-btn-accents{
    color:#FFF;
    border-color:#26498d;
    background-color:#26498d
}
.wui-btn.wui-btn-accents.wui-btn-animate:before{
    background-color:#26498d
}
.wui-btn.wui-btn-accents:hover,.wui-btn.wui-btn-accents:focus,.wui-btn.wui-btn-accents:active{
    color:#FFF;
    border-color:#cc0502;
    background-color:#cc0502
}
.wui-btn.wui-btn-accents:disabled{
    color:#FFF;
    border-color:#ff3835;
    background-color:#ff3835
}
.wui-btn.wui-btn-dangers{
    color:#FFF;
    border-color:#FE5050;
    background-color:#FE5050
}
.wui-btn.wui-btn-dangers.wui-btn-animate:before{
    background-color:#FE5050
}
.wui-btn.wui-btn-dangers:hover,.wui-btn.wui-btn-dangers:focus,.wui-btn.wui-btn-dangers:active{
    color:#FFF;
    border-color:#d84444;
    background-color:#d84444
}
.wui-btn.wui-btn-dangers:disabled{
    color:#FFF;
    border-color:#fe6a6a;
    background-color:#fe6a6a
}
.wui-btn.wui-btn-block{
    display:block;
    width:100%
}
.wui-btn.wui-btn-square{
    border-radius:0 !important
}
.wui-btn.wui-btn-animate{
    position:relative
}
.wui-btn.wui-btn-animate>i{
    display:inline-block;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-btn.wui-btn-animate:before{
    content:'';
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:100%;
    height:100%;
    border-radius:inherit;
    opacity:0;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-btn.wui-btn-loading>i{
    display:none;
    -webkit-animation:btn-loading 0.6s linear infinite both;
    animation:btn-loading 0.6s linear infinite both
}
.wui-btn.wui-btn-loading.loading>i{
    display:inline-block
}
.wui-btn.wui-btn-sm{
    height:32px;
    line-height:30px;
    border-radius:16px;
    padding:0 16px;
    font-size:14px
}
.wui-btn.wui-btn-sm.wui-btn-animate:hover:before{
    width:30px;
    opacity:1
}
.wui-btn.wui-btn-sm.wui-btn-animate:hover>i{
    -webkit-transform:translate(8px, 0);
    transform:translate(8px, 0)
}
.wui-btn.wui-btn-md{
    height:40px;
    line-height:38px;
    border-radius:20px;
    padding:0 24px;
    font-size:16px
}
.wui-btn.wui-btn-md.wui-btn-animate:hover:before{
    width:38px;
    opacity:1
}
.wui-btn.wui-btn-md.wui-btn-animate:hover>i{
    -webkit-transform:translate(13px, 0);
    transform:translate(13px, 0)
}
.wui-btn.wui-btn-lg{
    height:48px;
    line-height:46px;
    border-radius:24px;
    padding:0 32px;
    font-size:18px
}
.wui-btn.wui-btn-lg.wui-btn-animate:hover:before{
    width:46px;
    opacity:1
}
.wui-btn.wui-btn-lg.wui-btn-animate:hover>i{
    -webkit-transform:translate(18px, 0);
    transform:translate(18px, 0)
}


@media only screen and (min-width: 768px){.wui-btn.wui-btn-block\@T{display:block;width:100%}.wui-btn.wui-btn-sm\@T{height:32px;line-height:30px;border-radius:16px;padding:0 16px;font-size:14px}.wui-btn.wui-btn-sm\@T.wui-btn-animate:hover:before{width:30px;opacity:1}.wui-btn.wui-btn-sm\@T.wui-btn-animate:hover>i{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}.wui-btn.wui-btn-md\@T{height:40px;line-height:38px;border-radius:20px;padding:0 24px;font-size:16px}.wui-btn.wui-btn-md\@T.wui-btn-animate:hover:before{width:38px;opacity:1}.wui-btn.wui-btn-md\@T.wui-btn-animate:hover>i{-webkit-transform:translate(13px, 0);transform:translate(13px, 0)}.wui-btn.wui-btn-lg\@T{height:48px;line-height:46px;border-radius:24px;padding:0 32px;font-size:18px}.wui-btn.wui-btn-lg\@T.wui-btn-animate:hover:before{width:46px;opacity:1}.wui-btn.wui-btn-lg\@T.wui-btn-animate:hover>i{-webkit-transform:translate(18px, 0);transform:translate(18px, 0)}}

@media only screen and (min-width: 1024px){.wui-btn.wui-btn-block\@S{display:block;width:100%}.wui-btn.wui-btn-sm\@S{height:32px;line-height:30px;border-radius:16px;padding:0 16px;font-size:14px}.wui-btn.wui-btn-sm\@S.wui-btn-animate:hover:before{width:30px;opacity:1}.wui-btn.wui-btn-sm\@S.wui-btn-animate:hover>i{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}.wui-btn.wui-btn-md\@S{height:40px;line-height:38px;border-radius:20px;padding:0 24px;font-size:16px}.wui-btn.wui-btn-md\@S.wui-btn-animate:hover:before{width:38px;opacity:1}.wui-btn.wui-btn-md\@S.wui-btn-animate:hover>i{-webkit-transform:translate(13px, 0);transform:translate(13px, 0)}.wui-btn.wui-btn-lg\@S{height:48px;line-height:46px;border-radius:24px;padding:0 32px;font-size:18px}.wui-btn.wui-btn-lg\@S.wui-btn-animate:hover:before{width:46px;opacity:1}.wui-btn.wui-btn-lg\@S.wui-btn-animate:hover>i{-webkit-transform:translate(18px, 0);transform:translate(18px, 0)}}

@media only screen and (min-width: 1280px){.wui-btn.wui-btn-block\@M{display:block;width:100%}.wui-btn.wui-btn-sm\@M{height:32px;line-height:30px;border-radius:16px;padding:0 16px;font-size:14px}.wui-btn.wui-btn-sm\@M.wui-btn-animate:hover:before{width:30px;opacity:1}.wui-btn.wui-btn-sm\@M.wui-btn-animate:hover>i{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}.wui-btn.wui-btn-md\@M{height:40px;line-height:38px;border-radius:20px;padding:0 24px;font-size:16px}.wui-btn.wui-btn-md\@M.wui-btn-animate:hover:before{width:38px;opacity:1}.wui-btn.wui-btn-md\@M.wui-btn-animate:hover>i{-webkit-transform:translate(13px, 0);transform:translate(13px, 0)}.wui-btn.wui-btn-lg\@M{height:48px;line-height:46px;border-radius:24px;padding:0 32px;font-size:18px}.wui-btn.wui-btn-lg\@M.wui-btn-animate:hover:before{width:46px;opacity:1}.wui-btn.wui-btn-lg\@M.wui-btn-animate:hover>i{-webkit-transform:translate(18px, 0);transform:translate(18px, 0)}}

@media only screen and (min-width: 1600px){.wui-btn.wui-btn-block\@L{display:block;width:100%}.wui-btn.wui-btn-sm\@L{height:32px;line-height:30px;border-radius:16px;padding:0 16px;font-size:14px}.wui-btn.wui-btn-sm\@L.wui-btn-animate:hover:before{width:30px;opacity:1}.wui-btn.wui-btn-sm\@L.wui-btn-animate:hover>i{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}.wui-btn.wui-btn-md\@L{height:40px;line-height:38px;border-radius:20px;padding:0 24px;font-size:16px}.wui-btn.wui-btn-md\@L.wui-btn-animate:hover:before{width:38px;opacity:1}.wui-btn.wui-btn-md\@L.wui-btn-animate:hover>i{-webkit-transform:translate(13px, 0);transform:translate(13px, 0)}.wui-btn.wui-btn-lg\@L{height:48px;line-height:46px;border-radius:24px;padding:0 32px;font-size:18px}.wui-btn.wui-btn-lg\@L.wui-btn-animate:hover:before{width:46px;opacity:1}.wui-btn.wui-btn-lg\@L.wui-btn-animate:hover>i{-webkit-transform:translate(18px, 0);transform:translate(18px, 0)}}

@media only screen and (min-width: 1920px){.wui-btn.wui-btn-block\@H{display:block;width:100%}.wui-btn.wui-btn-sm\@H{height:32px;line-height:30px;border-radius:16px;padding:0 16px;font-size:14px}.wui-btn.wui-btn-sm\@H.wui-btn-animate:hover:before{width:30px;opacity:1}.wui-btn.wui-btn-sm\@H.wui-btn-animate:hover>i{-webkit-transform:translate(8px, 0);transform:translate(8px, 0)}.wui-btn.wui-btn-md\@H{height:40px;line-height:38px;border-radius:20px;padding:0 24px;font-size:16px}.wui-btn.wui-btn-md\@H.wui-btn-animate:hover:before{width:38px;opacity:1}.wui-btn.wui-btn-md\@H.wui-btn-animate:hover>i{-webkit-transform:translate(13px, 0);transform:translate(13px, 0)}.wui-btn.wui-btn-lg\@H{height:48px;line-height:46px;border-radius:24px;padding:0 32px;font-size:18px}.wui-btn.wui-btn-lg\@H.wui-btn-animate:hover:before{width:46px;opacity:1}.wui-btn.wui-btn-lg\@H.wui-btn-animate:hover>i{-webkit-transform:translate(18px, 0);transform:translate(18px, 0)}}

@-webkit-keyframes btn-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes btn-loading{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}

.wui-form .wui-form-item{
    position:relative
}
.wui-form .wui-form-item .wui-form-message{
    display:block;
    position:absolute;
    max-width:100%;
    overflow:hidden;
    font-size:12px;
    line-height:20px;
    color:#FE5050
}
.wui-form .wui-form-item.error .wui-input,.wui-form .wui-form-item.error .wui-textarea,.wui-form .wui-form-item.error .wui-select>.select-input,.wui-form .wui-form-item.error .wui-tags>.select-input{
    border-color:#FE5050
}
.wui-form .wui-form-item.error .wui-input:focus,.wui-form .wui-form-item.error .wui-textarea:focus,.wui-form .wui-form-item.error .wui-select>.select-input:focus,.wui-form .wui-form-item.error .wui-tags>.select-input:focus{
    -webkit-box-shadow:0 0 0 3px #fee;
    box-shadow:0 0 0 3px #fee
}
.wui-input{
    -webkit-transition:border-color .3s ease 0s;
    transition:border-color .3s ease 0s;
    background-image:none;
    outline:none;
    text-align:left;
    border-width:1px;
    border-style:solid;
    background-color:#FFF;
    border-color:#ccc;
    color:#333;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    height:40px;
    line-height:38px;
    padding:0 12px;
    font-size:16px
}
.wui-input:hover{
    border-color:#26498d
}
.wui-input:focus{
    border-color:#26498d;
    -webkit-box-shadow:0 0 0 3px #fff2e6;
    box-shadow:0 0 0 3px #fff2e6
}
.wui-input.success:hover{
    border-color:#38C976
}
.wui-input.success:focus{
    border-color:#38C976;
    -webkit-box-shadow:0 0 0 3px #ebfaf1;
    box-shadow:0 0 0 3px #ebfaf1
}
.wui-input.warning:hover{
    border-color:#FFA23A
}
.wui-input.warning:focus{
    border-color:#FFA23A;
    -webkit-box-shadow:0 0 0 3px #fff6eb;
    box-shadow:0 0 0 3px #fff6eb
}
.wui-input.error:hover{
    border-color:#FE5050
}
.wui-input.error:focus{
    border-color:#FE5050;
    -webkit-box-shadow:0 0 0 3px #fee;
    box-shadow:0 0 0 3px #fee
}
.wui-input.wui-input-block{
    display:block;
    width:100%
}
.wui-input:disabled{
    background-color:#e6e6e6 !important;
    color:#b3b3b3 !important;
    cursor:not-allowed !important;
    border-color:#ccc !important
}
.wui-input.wui-input-sm{
    height:32px;
    line-height:30px;
    padding:0 8px;
    font-size:14px
}
.wui-input.wui-input-md{
    height:40px;
    line-height:38px;
    padding:0 12px;
    font-size:16px
}
.wui-input.wui-input-lg{
    height:48px;
    line-height:46px;
    padding:0 16px;
    font-size:16px
}


@media only screen and (min-width: 768px){.wui-input.wui-input-block\@T{display:block;width:100%}.wui-input.wui-input-sm\@T{height:32px;line-height:30px;padding:0 16px;font-size:14px}.wui-input.wui-input-md\@T{height:40px;line-height:38px;padding:0 24px;font-size:16px}.wui-input.wui-input-lg\@T{height:48px;line-height:46px;padding:0 32px;font-size:18px}}

@media only screen and (min-width: 1024px){.wui-input.wui-input-block\@S{display:block;width:100%}.wui-input.wui-input-sm\@S{height:32px;line-height:30px;padding:0 16px;font-size:14px}.wui-input.wui-input-md\@S{height:40px;line-height:38px;padding:0 24px;font-size:16px}.wui-input.wui-input-lg\@S{height:48px;line-height:46px;padding:0 32px;font-size:18px}}

@media only screen and (min-width: 1280px){.wui-input.wui-input-block\@M{display:block;width:100%}.wui-input.wui-input-sm\@M{height:32px;line-height:30px;padding:0 16px;font-size:14px}.wui-input.wui-input-md\@M{height:40px;line-height:38px;padding:0 24px;font-size:16px}.wui-input.wui-input-lg\@M{height:48px;line-height:46px;padding:0 32px;font-size:18px}}

@media only screen and (min-width: 1600px){.wui-input.wui-input-block\@L{display:block;width:100%}.wui-input.wui-input-sm\@L{height:32px;line-height:30px;padding:0 16px;font-size:14px}.wui-input.wui-input-md\@L{height:40px;line-height:38px;padding:0 24px;font-size:16px}.wui-input.wui-input-lg\@L{height:48px;line-height:46px;padding:0 32px;font-size:18px}}
@media only screen and (min-width: 1920px){.wui-input.wui-input-block\@H{display:block;width:100%}.wui-input.wui-input-sm\@H{height:32px;line-height:30px;padding:0 16px;font-size:14px}.wui-input.wui-input-md\@H{height:40px;line-height:38px;padding:0 24px;font-size:16px}.wui-input.wui-input-lg\@H{height:48px;line-height:46px;padding:0 32px;font-size:18px}}

.wui-textarea{
    display:block;
    border:1px solid #ccc;
    font-size:16px;
    color:#333;
    line-height:24px;
    resize:none;
    outline:none;
    width:100%;
    padding:8px 12px;
    background-color:#FFF;
    overflow-y:auto;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-textarea:focus{
    border-color:#26498d;
    -webkit-box-shadow:0 0 0 3px #fff2e6;
    box-shadow:0 0 0 3px #fff2e6
}
.wui-textarea.error{
    border-color:#FE5050
}
.wui-textarea.error:focus{
    -webkit-box-shadow:0 0 0 3px #fee;
    box-shadow:0 0 0 3px #fee
}

.wui-dropdown{
    position:relative
}
.wui-dropdown>.wui-dropdown-toggle{
    cursor:pointer; float:left;
    position:relative;

}
.wui-dropdown>.dropdown:before {
    content: "";
    position: absolute;
    border: 6px solid transparent;
    color: #fff;
    border-bottom: 0;
    border-top-color: currentColor;
    top: 50%;
    margin-top: -2px;
    right:-20px;
}

.wui-dropdown>.wui-dropdown-content{
    display:none;
    position:absolute;
    z-index:10006;
    left:0;
    right:auto;top:30px;
    min-width:180px;
    max-width:300px
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list{
    background-color:rgba(0,0,0,0.4);
    border-top:2px solid #26498d
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list::-webkit-scrollbar{
    width:6px;
    height:6px;
    background-color:transparent
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list::-webkit-scrollbar-track{
    background-color:transparent
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list::-webkit-scrollbar-thumb{
    background-color:rgba(255,255,255,0.4)
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list::-webkit-scrollbar-thumb:hover{
    background-color:rgba(255,255,255,0.6)
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list>.wui-dropdown-item{
    display:block;
    white-space:nowrap;
    border-bottom:1px solid rgba(255,255,255,0.15);
    color:#FFF;
    text-align:left
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list>.wui-dropdown-item:last-child{
    border:0
}
.wui-dropdown>.wui-dropdown-content>.wui-dropdown-list>.wui-dropdown-item:hover{
    background-color:rgba(20,127,249,0.5)
}
.wui-dropdown.wui-dropdown-right>.wui-dropdown-toggle:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
    right:10px;
    margin-top:-5px
}
.wui-dropdown.wui-dropdown-right>.wui-dropdown-content{
    left:100%;
    top:0
}
.wui-dropdown.wui-dropdown-overflow>.wui-dropdown-content>.wui-dropdown-list{
    max-height:400px;
    overflow-y:auto
}
.wui-dropdown:hover>.wui-dropdown-content{
    display:block
}
.wui-lang{
    display:block;
    width:24px;
    height:24px;
    background-size:24px auto;
    background-repeat:no-repeat;
    background-position:0 24px;
    background-image:url("../image/icon_flag.png")
}


.wui-modal-wrap{
    display:none;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,0.9);
    z-index:10001;
    overflow:hidden auto
}
.wui-modal-wrap .wui-modal-close{
    display:block;
    position:absolute;
    top:24px;
    right:24px;
    width:24px;
    height:24px;
    cursor:pointer
}
.wui-modal-wrap .wui-modal-close:before,.wui-modal-wrap .wui-modal-close:after{
    content:'';
    display:block;
    width:2px;
    height:32px;
    background-color:#26498d;
    position:absolute;
    z-index:1;
    left:50%;
    top:50%;
    margin-top:-16px
}
.wui-modal-wrap .wui-modal-close:before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.wui-modal-wrap .wui-modal-close:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.wui-modal-wrap .wui-modal-close:hover:before,.wui-modal-wrap .wui-modal-close:hover:after{
    background-color:#FFF
}
.wui-modal-wrap.behind{
    background-color:transparent
}
.wui-modal-wrap .wui-modal{
    max-width:640px;
    width:100%;
    padding:0 24px;
    margin:0 auto;
    position:relative;
    top:0;
    bottom:0;
    height:100%;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    -webkit-justify-content:center;
    justify-content:center
}
.wui-modal-wrap .wui-modal.wui-modal-xs{
    max-width:640px
}
.wui-modal-wrap .wui-modal.wui-modal-sm{
    max-width:768px
}
.wui-modal-wrap .wui-modal.wui-modal-md{
    max-width:1024px
}
.wui-modal-wrap .wui-modal.wui-modal-lg{
    max-width:1280px
}
.wui-modal-wrap .wui-modal.wui-modal-hr{
    max-width:1440px
}
.wui-modal-wrap.modal-in{
    -webkit-animation:fade-in .3s ease 0s both;
    animation:fade-in .3s ease 0s both
}
.wui-modal-wrap.modal-in .wui-modal{
    -webkit-animation:modal-in .2s ease 0s both;
    animation:modal-in .2s ease 0s both
}
.wui-modal-wrap.modal-out{
    -webkit-animation:fade-out .3s ease 0s both;
    animation:fade-out .3s ease 0s both
}
.wui-modal-wrap.modal-out .wui-modal{
    -webkit-animation:modal-out .3s ease 0s both;
    animation:modal-out .3s ease 0s both
}
.wui-drawer-wrap{
    display:none;
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    background-color:rgba(0,0,0,0.9);
    z-index:10001;
    overflow:hidden auto
}
.wui-drawer-wrap .wui-drawer{
    max-width:400px;
    width:80%;
    padding:0;
    position:absolute;
    top:0;
    right:0;
    bottom:0
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content{
    display:-webkit-flex;
    display:flex;
    -webkit-flex-direction:column;
    flex-direction:column;
    height:100%;
    background-color:#333333
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd{
    -webkit-flex:none;
    flex:none;
    position:relative
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-title{
    display:block;
    font-size:18px;
    line-height:32px;
    height:64px;
    padding:16px 48px 16px 16px;
    color:#FFF
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close{
    display:block;
    position:absolute;
    top:16px;
    right:16px;
    width:32px;
    height:32px;
    cursor:pointer
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:before,.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:after{
    content:'';
    display:block;
    width:1px;
    height:20px;
    background-color:#FFF;
    position:absolute;
    left:50%;
    top:50%;
    margin-top:-10px
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:before{
    -webkit-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:after{
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:hover:before,.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-close:hover:after{
    background-color:#26498d
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-hd .wui-drawer-filter{
    padding:0 16px 8px
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-bd{
    -webkit-flex:auto;
    flex:auto;
    padding:0 16px;
    overflow:hidden auto
}
.wui-drawer-wrap .wui-drawer .wui-drawer-content .wui-drawer-ft{
    -webkit-flex:none;
    flex:none;
    border-top:1px solid #ccc;
    padding:16px
}
.wui-drawer-wrap .wui-drawer.wui-drawer-left{
    right:auto;
    left:0
}
.wui-drawer-wrap.drawer-in{
    -webkit-animation:fade-in .3s ease 0s both;
    animation:fade-in .3s ease 0s both
}
.wui-drawer-wrap.drawer-in .wui-drawer{
    -webkit-animation:drawer-in-right .3s ease .2s both;
    animation:drawer-in-right .3s ease .2s both
}
.wui-drawer-wrap.drawer-in .wui-drawer.wui-drawer-left{
    -webkit-animation:drawer-in-left .3s ease .2s both;
    animation:drawer-in-left .3s ease .2s both
}
.wui-drawer-wrap.drawer-out{
    -webkit-animation:fade-out .3s ease .2s both;
    animation:fade-out .3s ease .2s both
}
.wui-drawer-wrap.drawer-out .wui-drawer{
    -webkit-animation:drawer-out-right .3s ease 0s both;
    animation:drawer-out-right .3s ease 0s both
}
.wui-drawer-wrap.drawer-out .wui-drawer.wui-drawer-left{
    -webkit-animation:drawer-out-left .3s ease 0s both;
    animation:drawer-out-left .3s ease 0s both
}
.wui-alert{
    padding:12px;
    background-color:#f3f3f3;
    color:#000;
    border-left:4px solid #26498d
}
.wui-alert .wui-alert-content{
    font-size:14px;
    line-height:24px
}
.wui-alert.wui-alert-primary{
    background-color:#fff2e6;
    color:#26498d;
    border-color:#26498d
}
.wui-alert.wui-alert-accents{
    background-color:#ffe6e6;
    color:#26498d;
    border-color:#26498d
}
.wui-alert.wui-alert-success{
    background-color:#ebfaf1;
    color:#38C976;
    border-color:#38C976
}
.wui-alert.wui-alert-warning{
    background-color:#fff6eb;
    color:#FFA23A;
    border-color:#FFA23A
}
.wui-alert.wui-alert-dangers{
    background-color:#fee;
    color:#FE5050;
    border-color:#FE5050
}
.wui-crumb{
    position:relative
}
.wui-crumb .wui-crumb-item:hover{
    color:#26498d
}
.wui-crumb .wui-crumb-item:last-child{
    pointer-events:none
}
.wui-crumb .wui-crumb-item:last-child.wui-crumb-separator{
    display:none
}
.wui-crumb .wui-crumb-separator{
    margin:0 8px;
    cursor:default;
    color:inherit
}
.wui-border{
    border-style:solid;
    border-width:1px;
    border-color:#ccc
}

.wui-border.wui-border-primary{
    border-color:#26498d
}
.wui-border.wui-border-accents{
    border-color:#26498d
}
.wui-border.wui-border-success{
    border-color:#38C976
}
.wui-border.wui-border-warning{
    border-color:#FFA23A
}
.wui-border.wui-border-dangers{
    border-color:#FE5050
}
.wui-border.wui-border-light{
    border-color:#FFF
}
.wui-border.wui-border-dark{
    border-color:#000
}
.wui-menu.wui-menu-prefix>.wui-menu-item>.wui-menu-link{
    padding-left:16px
}
.wui-menu.wui-menu-prefix>.wui-menu-item>.wui-menu-link:before{
    content:'';
    display:block;
    position:absolute;
    top:50%;
    left:0;
    margin-top:-3px;
    width:0;
    height:0;
    border:3px solid
}
.wui-menu.wui-menu-border>.wui-menu-item{
    border-bottom:1px solid #ccc
}
.wui-menu.wui-menu-suffix>.wui-menu-item>.wui-menu-link{
    padding-right:24px
}
.wui-menu.wui-menu-suffix>.wui-menu-item>.wui-menu-arrow{
    display:block
}
.wui-menu>.wui-menu-item{
    padding-top:6px;
    padding-bottom:6px;
    position:relative
}
.wui-menu>.wui-menu-item .lm3 span{ font-size:14px; margin-left:25px; color:#777; line-height:28px;}
.wui-menu>.wui-menu-item>.wui-menu-arrow{
    display:none;
    width:24px;
    height:24px;
    position:absolute;
    top:6px;
    right:0;
    color:#999;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-menu>.wui-menu-item>.wui-menu-arrow:hover{
    cursor:pointer;
    color:#26498d
}
.wui-menu>.wui-menu-item>.wui-menu-link{
    color:#333;
    position:relative;
    font-size:16px;
    line-height:24px
}
.wui-menu>.wui-menu-item>.wui-menu-link:hover{
    color:#26498d
}
.wui-menu>.wui-menu-item>.wui-menu-sublist{
    padding:4px 0;
    display:none
}
.wui-menu>.wui-menu-item.open>.wui-menu-link,.wui-menu>.wui-menu-item.open>.wui-menu-arrow{
    color:#333
}
.wui-menu>.wui-menu-item.open>.wui-menu-sublist{
    display:block
}
.wui-menu>.wui-menu-item.open>.wui-menu-arrow{
    -webkit-transform:rotate(180deg);
    transform:rotate(180deg)
}
.wui-menu-border li:hover{border-bottom: 1px solid #26498d;}
.wui-menu-border li:hover .wui-menu-text,.wui-menu-border li:hover .wui-menu-arrow{color:#26498d}

.wui-menu>.wui-menu-item.active>.wui-menu-link,.wui-menu>.wui-menu-item.active>.wui-menu-arrow{
    color:#26498d
}
.wui-tags .wui-tags-item{
    height:40px;
    line-height:40px;
    padding:0 24px;
    font-size:16px;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    max-width:220px;
    background-color:#e6e6e6;
    color:#333
}

.wui-tags .wui-tags-item.wui-tags-dangers:hover,.wui-tags .wui-tags-item.wui-tags-dangers:active{
    color:#FFF;
    background-color:#cb4040
}
.wui-tags.wui-tags-sm .wui-tags-item{
    height:32px;
    line-height:32px;
    padding:0 16px;
    font-size:14px
}
.wui-tags.wui-tags-md .wui-tags-item{
    height:40px;
    line-height:40px;
    padding:0 24px;
    font-size:16px
}
.wui-tags.wui-tags-lg .wui-tags-item{
    height:48px;
    line-height:48px;
    padding:0 32px;
    font-size:18px
}

@media only screen and (min-width: 768px){.wui-tags.wui-tags-sm\@T .wui-tags-item{height:32px;line-height:32px;padding:0 16px;font-size:14px}.wui-tags.wui-tags-md\@T .wui-tags-item{height:40px;line-height:40px;padding:0 24px;font-size:16px}.wui-tags.wui-tags-lg\@T .wui-tags-item{height:48px;line-height:48px;padding:0 32px;font-size:18px}}
@media only screen and (min-width: 1024px){.wui-tags.wui-tags-sm\@S .wui-tags-item{height:32px;line-height:32px;padding:0 16px;font-size:14px}.wui-tags.wui-tags-md\@S .wui-tags-item{height:40px;line-height:40px;padding:0 24px;font-size:16px}.wui-tags.wui-tags-lg\@S .wui-tags-item{height:48px;line-height:48px;padding:0 32px;font-size:18px}}
@media only screen and (min-width: 1280px){.wui-tags.wui-tags-sm\@M .wui-tags-item{height:32px;line-height:32px;padding:0 16px;font-size:14px}.wui-tags.wui-tags-md\@M .wui-tags-item{height:40px;line-height:40px;padding:0 24px;font-size:16px}.wui-tags.wui-tags-lg\@M .wui-tags-item{height:48px;line-height:48px;padding:0 32px;font-size:18px}}
@media only screen and (min-width: 1600px){.wui-tags.wui-tags-sm\@L .wui-tags-item{height:32px;line-height:32px;padding:0 16px;font-size:14px}.wui-tags.wui-tags-md\@L .wui-tags-item{height:40px;line-height:40px;padding:0 24px;font-size:16px}.wui-tags.wui-tags-lg\@L .wui-tags-item{height:48px;line-height:48px;padding:0 32px;font-size:18px}}
@media only screen and (min-width: 1920px){.wui-tags.wui-tags-sm\@H .wui-tags-item{height:32px;line-height:32px;padding:0 16px;font-size:14px}.wui-tags.wui-tags-md\@H .wui-tags-item{height:40px;line-height:40px;padding:0 24px;font-size:16px}.wui-tags.wui-tags-lg\@H .wui-tags-item{height:48px;line-height:48px;padding:0 32px;font-size:18px}}

.wui-cabinet{
    min-width:120px
}
.wui-cabinet .wui-cabinet-preview{
    width:100%;
    height:0;
    padding-bottom:100%;
    background-color:#ddd;
    border:1px solid #ccc;
    position:relative
}
.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-image{
    display:block;
    width:100%;
    height:100%;
    outline:none;
    border:0;
    object-fit:contain;
    object-position:center
}
.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-video{
    display:none;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
    line-height:1;
    text-align:center;
    color:#FFF;
    cursor:pointer
}
.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-video .wui-cabinet-preview-play{
    display:inline-block;
    vertical-align:middle
}
.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-video:after{
    content:'';
    height:100%;
    width:0;
    display:inline-block;
    vertical-align:middle
}
.wui-cabinet .wui-cabinet-preview .wui-cabinet-preview-wrapper .wui-cabinet-preview-video:hover{
    color:#26498d
}
.wui-cabinet .wui-cabinet-preview.wui-cabinet-video .wui-cabinet-preview-wrapper .wui-cabinet-preview-video{
    display:block
}
.wui-cabinet .wui-cabinet-thumb{
    position:relative;
    margin-top:10px;
    width:100%
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container{
    width:100%;
    padding:0 30px 0 30px;
    overflow:hidden
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list{
    display:block;
    width:100%;
    line-height:1;
    font-size:0;
    white-space:nowrap;
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item{
    display:inline-block;
    width:25%;
    padding-bottom:25%;
    height:0;
    cursor:pointer;
    position:relative
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap{
    display:block;
    position:absolute;
    top:5px;
    left:5px;
    right:5px;
    bottom:5px;
    border:2px solid #ccc
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap .wui-cabinet-thumb-image{
    display:block;
    width:100%;
    height:100%;
    outline:none;
    border:0;
    object-fit:contain;
    object-position:center
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap .wui-cabinet-thumb-video{
    display:none;
    background-color:rgba(0,0,0,0.4);
    z-index:1;
    line-height:1;
    text-align:center;
    color:#FFF;
    cursor:pointer
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap .wui-cabinet-thumb-video .wui-cabinet-thumb-play{
    display:inline-block;
    vertical-align:middle
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item .wui-cabinet-thumb-wrap .wui-cabinet-thumb-video:after{
    content:'';
    height:100%;
    width:0;
    display:inline-block;
    vertical-align:middle
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item.wui-cabinet-video .wui-cabinet-thumb-wrap .wui-cabinet-thumb-video{
    display:block
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item:hover .wui-cabinet-thumb-wrap,.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-container .wui-cabinet-thumb-list .wui-cabinet-thumb-item.active .wui-cabinet-thumb-wrap{
    border-color:#26498d
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button{
    display:block;
    position:absolute;
    top:5px;
    bottom:5px;
    width:25px;
    background-color:#e6e6e6;
    border:0;
    background-image:none;
    outline:none;
    cursor:pointer;
    font-size:16px;
    text-align:center;
    color:#333
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button.wui-cabinet-thumb-prev{
    left:0
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button.wui-cabinet-thumb-next{
    right:0
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button:hover{
    background-color:#26498d;
    color:#FFF
}
.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button:disabled,.wui-cabinet .wui-cabinet-thumb .wui-cabinet-thumb-controls .wui-cabinet-thumb-button.disabled{
    pointer-events:none
}
.owl-carousel{

    width:100%;
    -webkit-tap-highlight-color:transparent;
    position:relative;
    z-index:1
}
.owl-carousel .owl-stage{
    position:relative;
    -ms-touch-action:pan-Y;
    touch-action:manipulation;
    -moz-backface-visibility:hidden
}
.owl-carousel .owl-stage:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    line-height:0;
    height:0
}
.owl-carousel .owl-stage-outer{
    position:relative;
    overflow:hidden;
    -webkit-transform:translate3d(0px, 0px, 0px)
}
.owl-carousel .owl-wrapper,.owl-carousel .owl-item{
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    -webkit-transform:translate3d(0, 0, 0);
    -moz-transform:translate3d(0, 0, 0);
    -ms-transform:translate3d(0, 0, 0)
}
.owl-carousel .owl-item{
    position:relative;
    min-height:1px;
    float:left;
    -webkit-backface-visibility:hidden;
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
}
.owl-carousel .owl-item img{
    display:block;
    width:100%
}
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled{
    display:none
}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-dot{
    cursor:pointer;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    outline:none
}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next,.owl-carousel button.owl-dot{
    border:none;
    padding:0 !important
}
.owl-carousel.owl-loaded{
    display:block
}
.owl-carousel.owl-loading{
    opacity:0;
    display:block
}
.owl-carousel.owl-hidden{
    opacity:0
}
.owl-carousel.owl-refresh .owl-item{
    visibility:hidden
}
.owl-carousel.owl-drag .owl-item{
    touch-action:pan-y;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.owl-carousel.owl-grab{
    cursor:move;
    cursor:grab
}
.owl-carousel.owl-rtl{
    direction:rtl
}
.owl-carousel.owl-rtl .owl-item{
    float:right
}
.no-js .owl-carousel{
    display:block
}
.owl-carousel .animated{
    animation-duration:1000ms;
    animation-fill-mode:both
}
.owl-carousel .owl-animated-in{
    z-index:0
}
.owl-carousel .owl-animated-out{
    z-index:1
}
.owl-carousel .fadeOut{
    animation-name:fadeOut
}
 
@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}

.owl-height{
    transition:height 500ms ease-in-out
}
.owl-carousel .owl-item .owl-lazy{
    opacity:0;
    transition:opacity 400ms ease
}
.owl-carousel .owl-item .owl-lazy[src^=""],.owl-carousel .owl-item .owl-lazy:not([src]){
    max-height:0
}
.owl-carousel .owl-item img.owl-lazy{
    transform-style:preserve-3d
}
.owl-carousel .owl-video-wrapper{
    position:relative;
    height:100%;
    background:#000
}
.owl-carousel .owl-video-play-icon{
    position:absolute;
    height:80px;
    width:80px;
    left:50%;
    top:50%;
    margin-left:-40px;
    margin-top:-40px;
    background:url("../image/owl.video.play.png") no-repeat;
    cursor:pointer;
    z-index:1;
    -webkit-backface-visibility:hidden;
    transition:transform 100ms ease
}
.owl-carousel .owl-video-play-icon:hover{
    transform:scale(1.3, 1.3)
}
.owl-carousel .owl-video-playing .owl-video-tn,.owl-carousel .owl-video-playing .owl-video-play-icon{
    display:none
}
.owl-carousel .owl-video-tn{
    opacity:0;
    height:100%;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
    transition:opacity 400ms ease
}
.owl-carousel .owl-video-frame{
    position:relative;
    z-index:1;
    height:100%;
    width:100%
}
.owl-theme-banner .owl-nav{
    position:absolute;
    top:50%;
    left:7%;
    right:7%;
    margin-top:-25px;
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme-banner .owl-nav [class*='owl-']{
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    width:50px;
    height:50px;
    background-color:rgba(0,0,0,0.3);
    border-radius:0;
    background-position:0 50px;
    background-repeat:no-repeat;
    background-size:50px auto;
    background-image:url("../image/owl.nav.png")
}
.owl-theme-banner .owl-nav [class*='owl-']>span{
    display:none
}
.owl-theme-banner .owl-nav [class*='owl-'].owl-prev{
    left:0;
    right:auto;
    background-position:0 0
}
.owl-theme-banner .owl-nav [class*='owl-'].owl-next{
    left:auto;
    right:0;
    background-position:0 -50px
}
.owl-theme-banner .owl-nav [class*='owl-']:hover{
    background-color:rgba(0,0,0,0.5);
    text-decoration:none
}
.owl-theme-banner .owl-nav .disabled{
    opacity:.5;
    cursor:default
}
.owl-theme-banner .owl-dots{
    text-align:center;
    -webkit-tap-highlight-color:transparent;
    position:absolute;
    bottom:16px;
    left:0;
    right:0;
    line-height:1 !important
}
.owl-theme-banner .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline;
    background-color:transparent
}
.owl-theme-banner .owl-dots .owl-dot span{
    width:12px;
    height:12px;
    margin:5px 7px;
    background:#fff;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity 200ms ease;
    border-radius:30px
}
.owl-theme-banner .owl-dots .owl-dot.active span,.owl-theme-banner .owl-dots .owl-dot:hover span{
    background:#26498d
}
.owl-theme-gallery .owl-nav{
    position:absolute;
    top:50%;
    left:0;
    right:0;
    margin-top:-20px;
    text-align:center;
    -webkit-tap-highlight-color:transparent
}
.owl-theme-gallery .owl-nav [class*='owl-']{
    display:block;
    cursor:pointer;
    position:absolute;
    top:0;
    width:40px;
    height:40px;
    background-color:rgba(0,0,0,0.3);
    border-radius:0;
    background-position:0 40px;
    background-repeat:no-repeat;
    background-size:40px auto;
    background-image:url("../image/owl.nav.png")
}
.owl-theme-gallery .owl-nav [class*='owl-']>span{
    display:none
}
.owl-theme-gallery .owl-nav [class*='owl-'].owl-prev{
    left:0;
    right:auto;
    background-position:0 0
}
.owl-theme-gallery .owl-nav [class*='owl-'].owl-next{
    left:auto;
    right:0;
    background-position:0 -40px
}
.owl-theme-gallery .owl-nav [class*='owl-']:hover{
    background-color:rgba(0,0,0,0.5);
    text-decoration:none
}
.owl-theme-gallery .owl-nav .disabled{
    opacity:.1;
    cursor:default
}
.owl-theme-gallery .owl-dots{
    text-align:center;
    -webkit-tap-highlight-color:transparent;
    position:absolute;
    bottom:-24px;
    left:0;
    right:0;
    line-height:1 !important
}
.owl-theme-gallery .owl-dots .owl-dot{
    display:inline-block;
    zoom:1;
    *display:inline;
    background-color:transparent
}
.owl-theme-gallery .owl-dots .owl-dot span{
    width:24px;
    height:6px;
    margin:5px 7px;
    background:#999;
    display:block;
    -webkit-backface-visibility:visible;
    transition:opacity 200ms ease;
    border-radius:0px
}
.owl-theme-gallery .owl-dots .owl-dot.active span,.owl-theme-gallery .owl-dots .owl-dot:hover span{
    background:#26498d
}



body.compensate-for-scrollbar{
    overflow:hidden
}
.fancybox-active{
    height:auto
}
.fancybox-is-hidden{
    left:-9999px;
    margin:0;
    position:absolute !important;
    top:-9999px;
    visibility:hidden
}
.fancybox-container{
    -webkit-backface-visibility:hidden;
    height:100%;
    left:0;
    outline:none;
    position:fixed;
    -webkit-tap-highlight-color:transparent;
    top:0;
    -ms-touch-action:manipulation;
    touch-action:manipulation;
    transform:translateZ(0);
    width:100%;
    z-index:99992
}
.fancybox-container *{
    box-sizing:border-box
}
.fancybox-outer,.fancybox-inner,.fancybox-bg,.fancybox-stage{
    bottom:0;
    left:0;
    position:absolute;
    right:0;
    top:0
}
.fancybox-outer{
    -webkit-overflow-scrolling:touch;
    overflow-y:auto
}
.fancybox-bg{
    background:#1e1e1e;
    opacity:0;
    transition-duration:inherit;
    transition-property:opacity;
    transition-timing-function:cubic-bezier(0.47, 0, 0.74, 0.71)
}
.fancybox-is-open .fancybox-bg{
    opacity:.9;
    transition-timing-function:cubic-bezier(0.22, 0.61, 0.36, 1)
}
.fancybox-infobar,.fancybox-toolbar,.fancybox-caption,.fancybox-navigation .fancybox-button{
    direction:ltr;
    opacity:0;
    position:absolute;
    transition:opacity .25s ease, visibility 0s ease .25s;
    visibility:hidden;
    z-index:99997
}
.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar,.fancybox-show-caption .fancybox-caption,.fancybox-show-nav .fancybox-navigation .fancybox-button{
    opacity:1;
    transition:opacity .25s ease 0s, visibility 0s ease 0s;
    visibility:visible
}
.fancybox-infobar{
    color:#ccc;
    font-size:13px;
    -webkit-font-smoothing:subpixel-antialiased;
    height:44px;
    left:0;
    line-height:44px;
    min-width:44px;
    mix-blend-mode:difference;
    padding:0 10px;
    pointer-events:none;
    top:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.fancybox-toolbar{
    right:0;
    top:0
}
.fancybox-stage{
    direction:ltr;
    overflow:visible;
    transform:translateZ(0);
    z-index:99994
}
.fancybox-is-open .fancybox-stage{
    overflow:hidden
}
.fancybox-slide{
    -webkit-backface-visibility:hidden;
    display:none;
    height:100%;
    left:0;
    outline:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:absolute;
    text-align:center;
    top:0;
    transition-property:transform, opacity;
    white-space:normal;
    width:100%;
    z-index:99994
}
.fancybox-slide::before{
    content:'';
    display:inline-block;
    font-size:0;
    height:100%;
    vertical-align:middle;
    width:0
}
.fancybox-is-sliding .fancybox-slide,.fancybox-slide--previous,.fancybox-slide--current,.fancybox-slide--next{
    display:block
}
.fancybox-slide--image{
    overflow:hidden;
    padding:44px 0
}
.fancybox-slide--image::before{
    display:none
}
.fancybox-slide--html{
    padding:6px
}
.fancybox-content{
    background:#fff;
    display:inline-block;
    margin:0;
    max-width:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    padding:44px;
    position:relative;
    text-align:left;
    vertical-align:middle
}
.fancybox-slide--image .fancybox-content{
    animation-timing-function:cubic-bezier(0.5, 0, 0.14, 1);
    -webkit-backface-visibility:hidden;
    background:transparent;
    background-repeat:no-repeat;
    background-size:100% 100%;
    left:0;
    max-width:none;
    overflow:visible;
    padding:0;
    position:absolute;
    top:0;
    -ms-transform-origin:top left;
    transform-origin:top left;
    transition-property:transform, opacity;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    z-index:99995
}
.fancybox-can-zoomOut .fancybox-content{
    cursor:zoom-out
}
.fancybox-can-zoomIn .fancybox-content{
    cursor:zoom-in
}
.fancybox-can-swipe .fancybox-content,.fancybox-can-pan .fancybox-content{
    cursor:-webkit-grab;
    cursor:grab
}
.fancybox-is-grabbing .fancybox-content{
    cursor:-webkit-grabbing;
    cursor:grabbing
}
.fancybox-container [data-selectable='true']{
    cursor:text
}
.fancybox-image,.fancybox-spaceball{
    background:transparent;
    border:0;
    height:100%;
    left:0;
    margin:0;
    max-height:none;
    max-width:none;
    padding:0;
    position:absolute;
    top:0;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    width:100%
}
.fancybox-spaceball{
    z-index:1
}
.fancybox-slide--video .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--iframe .fancybox-content{
    height:100%;
    overflow:visible;
    padding:0;
    width:100%
}
.fancybox-slide--video .fancybox-content{
    background:#000
}
.fancybox-slide--map .fancybox-content{
    background:#e5e3df
}
.fancybox-slide--iframe .fancybox-content{
    background:#fff
}
.fancybox-video,.fancybox-iframe{
    background:transparent;
    border:0;
    display:block;
    height:100%;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%
}
.fancybox-iframe{
    left:0;
    position:absolute;
    top:0
}
.fancybox-error{
    background:#fff;
    cursor:default;
    max-width:400px;
    padding:40px;
    width:100%
}
.fancybox-error p{
    color:#444;
    font-size:16px;
    line-height:20px;
    margin:0;
    padding:0
}
.fancybox-button{
    background:rgba(30,30,30,0.6);
    border:0;
    border-radius:0;
    box-shadow:none;
    cursor:pointer;
    display:inline-block;
    height:44px;
    margin:0;
    padding:10px;
    position:relative;
    transition:color .2s;
    vertical-align:top;
    visibility:inherit;
    width:44px
}
.fancybox-button,.fancybox-button:visited,.fancybox-button:link{
    color:#ccc
}
.fancybox-button:hover{
    color:#fff
}
.fancybox-button:focus{
    outline:none
}
.fancybox-button.fancybox-focus{
    outline:1px dotted
}
.fancybox-button[disabled],.fancybox-button[disabled]:hover{
    color:#888;
    cursor:default;
    outline:none
}
.fancybox-button div{
    height:100%
}
.fancybox-button svg{
    display:block;
    height:100%;
    overflow:visible;
    position:relative;
    width:100%
}
.fancybox-button svg path{
    fill:currentColor;
    stroke-width:0
}
.fancybox-button--play svg:nth-child(2),.fancybox-button--fsenter svg:nth-child(2){
    display:none
}
.fancybox-button--pause svg:nth-child(1),.fancybox-button--fsexit svg:nth-child(1){
    display:none
}
.fancybox-progress{
    background:#ff5268;
    height:2px;
    left:0;
    position:absolute;
    right:0;
    top:0;
    -ms-transform:scaleX(0);
    transform:scaleX(0);
    -ms-transform-origin:0;
    transform-origin:0;
    transition-property:transform;
    transition-timing-function:linear;
    z-index:99998
}
.fancybox-close-small{
    background:transparent;
    border:0;
    border-radius:0;
    color:#ccc;
    cursor:pointer;
    opacity:.8;
    padding:8px;
    position:absolute;
    right:-12px;
    top:-44px;
    z-index:401
}
.fancybox-close-small:hover{
    color:#fff;
    opacity:1
}
.fancybox-slide--html .fancybox-close-small{
    color:currentColor;
    padding:10px;
    right:0;
    top:0
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content{
    overflow:hidden
}
.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{
    display:none
}
.fancybox-navigation .fancybox-button{
    background-clip:content-box;
    height:100px;
    opacity:0;
    position:absolute;
    top:calc(50% - 50px);
    width:70px
}
.fancybox-navigation .fancybox-button div{
    padding:7px
}
.fancybox-navigation .fancybox-button--arrow_left{
    left:0;
    left:env(safe-area-inset-left);
    padding:31px 26px 31px 6px
}
.fancybox-navigation .fancybox-button--arrow_right{
    padding:31px 6px 31px 26px;
    right:0;
    right:env(safe-area-inset-right)
}
.fancybox-caption{
    background:linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.15) 65%, rgba(0,0,0,0.075) 75.5%, rgba(0,0,0,0.037) 82.85%, rgba(0,0,0,0.019) 88%, transparent 100%);
    bottom:0;
    color:#eee;
    font-size:14px;
    font-weight:400;
    left:0;
    line-height:1.5;
    padding:75px 44px 25px 44px;
    pointer-events:none;
    right:0;
    text-align:center;
    z-index:99996
}
@supports (padding: max(0px)){
    .fancybox-caption{
        padding:75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left))
    }
    }

.fancybox-caption--separate{
    margin-top:-50px
}
.fancybox-caption__body{
    max-height:50vh;
    overflow:auto;
    pointer-events:all
}
.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{
    color:#ccc;
    text-decoration:none
}
.fancybox-caption a:hover{
    color:#fff;
    text-decoration:underline
}
.fancybox-loading{
    animation:fancybox-rotate 1s linear infinite;
    background:transparent;
    border:4px solid #888;
    border-bottom-color:#fff;
    border-radius:50%;
    height:50px;
    left:50%;
    margin:-25px 0 0 -25px;
    opacity:.7;
    padding:0;
    position:absolute;
    top:50%;
    width:50px;
    z-index:99999
}


@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}

.fancybox-animated{
    transition-timing-function:cubic-bezier(0, 0, 0.25, 1)
}
.fancybox-fx-slide.fancybox-slide--previous{
    opacity:0;
    transform:translate3d(-100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--next{
    opacity:0;
    transform:translate3d(100%, 0, 0)
}
.fancybox-fx-slide.fancybox-slide--current{
    opacity:1;
    transform:translate3d(0, 0, 0)
}
.fancybox-fx-fade.fancybox-slide--previous,.fancybox-fx-fade.fancybox-slide--next{
    opacity:0;
    transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
.fancybox-fx-fade.fancybox-slide--current{
    opacity:1
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(1.5, 1.5, 1.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0.5, 0.5, 0.5)
}
.fancybox-fx-zoom-in-out.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1, 1, 1)
}
.fancybox-fx-rotate.fancybox-slide--previous{
    opacity:0;
    -ms-transform:rotate(-360deg);
    transform:rotate(-360deg)
}
.fancybox-fx-rotate.fancybox-slide--next{
    opacity:0;
    -ms-transform:rotate(360deg);
    transform:rotate(360deg)
}
.fancybox-fx-rotate.fancybox-slide--current{
    opacity:1;
    -ms-transform:rotate(0deg);
    transform:rotate(0deg)
}
.fancybox-fx-circular.fancybox-slide--previous{
    opacity:0;
    transform:scale3d(0, 0, 0) translate3d(-100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--next{
    opacity:0;
    transform:scale3d(0, 0, 0) translate3d(100%, 0, 0)
}
.fancybox-fx-circular.fancybox-slide--current{
    opacity:1;
    transform:scale3d(1, 1, 1) translate3d(0, 0, 0)
}
.fancybox-fx-tube.fancybox-slide--previous{
    transform:translate3d(-100%, 0, 0) scale(0.1) skew(-10deg)
}
.fancybox-fx-tube.fancybox-slide--next{
    transform:translate3d(100%, 0, 0) scale(0.1) skew(10deg)
}
.fancybox-fx-tube.fancybox-slide--current{
    transform:translate3d(0, 0, 0) scale(1)
}


@media all and (max-height: 576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}
@supports (padding: max(0px)){.fancybox-caption{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}}}

.fancybox-share{
    background:#f4f4f4;
    border-radius:3px;
    max-width:90%;
    padding:30px;
    text-align:center
}
.fancybox-share h1{
    color:#222;
    font-size:35px;
    font-weight:700;
    margin:0 0 20px 0
}
.fancybox-share p{
    margin:0;
    padding:0
}
.fancybox-share__button{
    border:0;
    border-radius:3px;
    display:inline-block;
    font-size:14px;
    font-weight:700;
    line-height:40px;
    margin:0 5px 10px 5px;
    min-width:130px;
    padding:0 15px;
    text-decoration:none;
    transition:all .2s;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    white-space:nowrap
}
.fancybox-share__button:visited,.fancybox-share__button:link{
    color:#fff
}
.fancybox-share__button:hover{
    text-decoration:none
}
.fancybox-share__button--fb{
    background:#3b5998
}
.fancybox-share__button--fb:hover{
    background:#344e86
}
.fancybox-share__button--pt{
    background:#bd081d
}
.fancybox-share__button--pt:hover{
    background:#aa0719
}
.fancybox-share__button--tw{
    background:#1da1f2
}
.fancybox-share__button--tw:hover{
    background:#0d95e8
}
.fancybox-share__button svg{
    height:25px;
    margin-right:7px;
    position:relative;
    top:-1px;
    vertical-align:middle;
    width:25px
}
.fancybox-share__button svg path{
    fill:#fff
}
.fancybox-share__input{
    background:transparent;
    border:0;
    border-bottom:1px solid #d7d7d7;
    border-radius:0;
    color:#5d5b5b;
    font-size:14px;
    margin:10px 0 0 0;
    outline:none;
    padding:10px 15px;
    width:100%
}
.fancybox-thumbs{
    background:#ddd;
    bottom:0;
    display:none;
    margin:0;
    -webkit-overflow-scrolling:touch;
    -ms-overflow-style:-ms-autohiding-scrollbar;
    padding:2px 2px 4px 2px;
    position:absolute;
    right:0;
    -webkit-tap-highlight-color:transparent;
    top:0;
    width:212px;
    z-index:99995
}
.fancybox-thumbs-x{
    overflow-x:auto;
    overflow-y:hidden
}
.fancybox-show-thumbs .fancybox-thumbs{
    display:block
}
.fancybox-show-thumbs .fancybox-inner{
    right:212px
}
.fancybox-thumbs__list{
    font-size:0;
    height:100%;
    list-style:none;
    margin:0;
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    position:absolute;
    position:relative;
    white-space:nowrap;
    width:100%
}
.fancybox-thumbs-x .fancybox-thumbs__list{
    overflow:hidden
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{
    width:7px
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{
    background:#fff;
    border-radius:10px;
    box-shadow:inset 0 0 6px rgba(0,0,0,0.3)
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{
    background:#2a2a2a;
    border-radius:10px
}
.fancybox-thumbs__list a{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    background-color:rgba(0,0,0,0.1);
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    cursor:pointer;
    float:left;
    height:75px;
    margin:2px;
    max-height:calc(100% - 8px);
    max-width:calc(50% - 4px);
    outline:none;
    overflow:hidden;
    padding:0;
    position:relative;
    -webkit-tap-highlight-color:transparent;
    width:100px
}
.fancybox-thumbs__list a::before{
    border:6px solid #ff5268;
    bottom:0;
    content:'';
    left:0;
    opacity:0;
    position:absolute;
    right:0;
    top:0;
    transition:all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    z-index:99991
}
.fancybox-thumbs__list a:focus::before{
    opacity:.5
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before{
    opacity:1
}


@media all and (max-width: 576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}

.infinite{
    display:block
}
.infinite .infinite-spinner{
    display:none;
    text-align:center;
    pointer-events:none;
    margin-top:16px
}
.infinite .infinite-trigger{
    display:none;
    text-align:center;
    margin-top:16px
}
.infinite .infinite-last{
    display:none
}
.infinite .infinite-last .infinite-no-more{
    display:block;
    font-size:16px;
    line-height:40px;
    padding:0;
    color:#666;
    text-align:center
}
.infinite .infinite-navigator{
    display:block
}
.toolbar{
    display:none;
    position:fixed;
    bottom:320px;
    right:0;
    z-index:3
}
.toolbar .tool-list .tool-item{
    position:relative
}
.toolbar .tool-list .tool-item .tool-item-content{
    background-color:#26498d;
    color:#FFF
}
.toolbar .tool-list .tool-item .tool-item-content .tool-item-icon{
    display:block;
    width:42px;
    height:42px;
    font-size:24px;
    text-align:center;
    line-height:42px
}
.toolbar .tool-list .tool-item .tool-item-content .tool-item-icon>i{
    font-size:inherit
}
.toolbar .tool-list .tool-item .tool-item-popover{
    display:none;
    position:absolute;
    top:0;
    right:100%;
    padding-right:8px
}
.toolbar .tool-list .tool-item .tool-item-popover:after,.toolbar .tool-list .tool-item .tool-item-popover:before{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid
}
.toolbar .tool-list .tool-item .tool-item-popover:before{
    z-index:2;
    right:2px;
    top:14px;
    border-width:7px 0 7px 7px;
    border-color:transparent transparent transparent #fff
}
.toolbar .tool-list .tool-item .tool-item-popover:after{
    z-index:1;
    right:0;
    top:13px;
    border-width:8px 0 8px 8px;
    border-color:transparent transparent transparent #e6e6e6
}
.toolbar .tool-list .tool-item .tool-item-popover .tool-popover-wrap{
    background-color:#fff;
    min-width:80px;
    min-height:40px;
    border:1px solid #e6e6e6
}
.toolbar .tool-list .tool-item .tool-popover-text{
    font-size:14px;
    line-height:40px;
    padding:0 16px;
    word-break:break-word;
    white-space:nowrap;
    color:#333
}
.toolbar .tool-list .tool-item .tool-popover-im .tool-popover-list .tool-im-item{
    display:block;
    white-space:nowrap;
    word-break:keep-all;
    font-size:0;
    line-height:1;
    padding:10px 16px;
    color:#333
}
.toolbar .tool-list .tool-item .tool-popover-im .tool-popover-list .tool-im-item .im-item-icon{
    display:inline-block;
    vertical-align:middle;
    width:20px;
    height:20px;
    font-size:20px;
    line-height:20px;
    text-align:center
}
.toolbar .tool-list .tool-item .tool-popover-im .tool-popover-list .tool-im-item .im-item-icon>i{
    font-size:inherit
}
.toolbar .tool-list .tool-item .tool-popover-im .tool-popover-list .tool-im-item .im-item-text{
    display:inline-block;
    vertical-align:middle;
    line-height:20px;
    font-size:14px;
    margin-left:8px
}
.toolbar .tool-list .tool-item .tool-popover-im .tool-popover-list .tool-im-item:hover{
    color:#26498d;
    background-color:#fff2e6
}
.toolbar .tool-list .tool-item .tool-popover-qr{
    padding:8px
}
.toolbar .tool-list .tool-item .tool-popover-qr .tool-qr-img{
    display:block;
    width:128px;
    height:128px;
    background-color:#ddd
}
.toolbar .tool-list .tool-item:hover .tool-item-content{
    background-color:#e67000
}
.toolbar .tool-list .tool-item:hover .tool-item-popover{
    display:block
}


@media only screen and (min-width: 1024px){.toolbar{display:block}}

.docker{
    position:fixed;
    bottom:0;
    right:0;
    left:0;
    z-index:333;
    background-color:#0068b8;
    border-top:1px solid #fff
}
.docker .dock-list{
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:space-around;
    justify-content:space-around
}
.docker .dock-list .dock-item{
    position:relative;
    padding:4px;
    min-width:60px
}
.docker .dock-list .dock-item .dock-item-content{
    display:block;
    text-align:center
}
.docker .dock-list .dock-item .dock-item-content .dock-item-icon{
    display:block;
    width:32px;
    height:32px;
    line-height:32px;
    margin:0 auto;
    color:#fff
}
.docker .dock-list .dock-item .dock-item-content .dock-item-icon>i{
    font-size:24px
}
.docker .dock-list .dock-item .dock-item-content .dock-item-text{
    display:block;
    font-size:12px;
    line-height:1;
    height:20px;
    color:#fff
}
.docker .dock-list .dock-item .dock-item-popover{
    display:none;
    position:absolute;
    bottom:60px;
    left:50%;
    padding-bottom:11px
}
.docker .dock-list .dock-item .dock-item-popover:after,.docker .dock-list .dock-item .dock-item-popover:before{
    content:'';
    display:block;
    position:absolute;
    width:0;
    height:0;
    border-style:solid
}
.docker .dock-list .dock-item .dock-item-popover:before{
    z-index:2;
    left:50%;
    margin-left:-7px;
    bottom:5px;
    border-width:7px 7px 0 7px;
    border-color:#fff transparent transparent transparent
}
.docker .dock-list .dock-item .dock-item-popover:after{
    z-index:1;
    bottom:4px;
    left:50%;
    margin-left:-8px;
    border-width:8px 8px 0 8px;
    border-color:#e6e6e6 transparent transparent transparent
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap{
    background-color:#fff;
    border:1px solid #e6e6e6
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list{
    display:block
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item{
    display:block;
    padding:8px 12px;
    font-size:0;
    white-space:nowrap;
    word-break:keep-all;
    color:#333;
    background-color:#fff;
    min-width:60px;
    border-bottom:1px solid #e6e6e6
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item .popover-item-icon{
    display:inline-block;
    vertical-align:middle;
    width:32px;
    height:32px;
    line-height:32px;
    text-align:center
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item .popover-item-icon>i{
    font-size:20px
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item .popover-item-text{
    display:inline-block;
    vertical-align:middle;
    height:32px;
    line-height:32px;
    font-size:14px
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item:last-child{
    border:0
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-list .dock-popover-item:hover{
    color:#26498d;
    background-color:#fff2e6
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-text{
    font-size:14px;
    line-height:48px;
    height:48px;
    padding:0 16px;
    text-align:center;
    word-break:keep-all;
    white-space:nowrap;
    color:#666;
    background-color:#fff;
    min-width:60px
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-image{
    display:block;
    padding:4px;
    min-width:60px;
    max-width:180px
}
.docker .dock-list .dock-item .dock-item-popover .dock-popover-wrap .dock-popover-image>img{
    display:block;
    width:100%;
    height:auto;
    min-width:140px
}
.docker .dock-list .dock-item:hover .dock-item-content .dock-item-icon,.docker .dock-list .dock-item:hover .dock-item-content .dock-item-text{
    color:#fff
}
.docker .dock-list .dock-item:hover .dock-item-popover{
    display:block;
    -webkit-animation:docker-show 0.5s both;
    animation:docker-show 0.5s both
}


@media only screen and (min-width: 1024px){.docker{display:none}}
@-webkit-keyframes docker-show{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(30px);transform:translateX(-50%) translateY(30px)}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}
@keyframes docker-show{0%{opacity:0;-webkit-transform:translateX(-50%) translateY(30px);transform:translateX(-50%) translateY(30px)}100%{opacity:1;-webkit-transform:translateX(-50%) translateY(0);transform:translateX(-50%) translateY(0)}}
@media screen and (max-width: 425px){#GdImMainBox{bottom:72px !important}}
.layout-root{padding-bottom:60px}
@media only screen and (min-width: 1024px){.layout-root{padding:0}}
.layout-wrapper{margin:0 auto;padding:0 16px}
@media only screen and (min-width: 1024px){.layout-wrapper{padding:0 100px}}

.layout-header .header-pc{

   background-color: rgba(20, 23, 20, 0.75);
}
.layout-header .header-pc .header-wrap{
    padding:0 16px;
    display:-webkit-flex;
    display:flex;
    -webkit-align-items:"center";
    align-items:center
}
.layout-header .header-pc .header-wrap .header-logo{
    -webkit-flex:none;
    flex:none;
    -webkit-transition:width .3s ease 0s;
    transition:width .3s ease 0s;
    width:0;
    overflow:hidden;
    padding:16px 0
}
.layout-header .header-pc .header-wrap .header-logo .header-logo-link{
    display:block;
    height:64px;
    line-height:64px;
    font-size:0
}
.layout-header .header-pc .header-wrap .header-logo .header-logo-link .header-logo-image{
    display:inline-block;
    vertical-align:middle;
    max-width:100%;
    max-height:100%
}
.layout-header .header-pc .header-wrap .header-nav{
    -webkit-flex:auto;
    flex:auto;
    text-align:left
}
.layout-header .header-pc .header-wrap .header-menu{
    width:90px;
    text-align:right;
    -webkit-flex:none;
    flex:none
}
.layout-header .header-h5{
    display:block;
    background-color:#ddd
}
.layout-header .header-h5 .header-wrap .header-menu{
    background-color:#022f98;
    padding:8px 0
}
.layout-header .header-h5 .header-wrap .header-logo{
    background-color:#f8f8f8;
    font-size:0;
    line-height:1;
    text-align:center; padding:10px 0;
}
.layout-header .header-h5 .header-wrap .header-logo .header-logo-link{
    display:inline-block;
    vertical-align:middle
}
.layout-header .header-h5 .header-wrap .header-logo .header-logo-link .header-logo-image{
    display:block;
    height:56px;
    width:auto
}
.layout-header.is-fixed,.layout-header.is-sticky{ display:block; width:100%;
}


@media only screen and (min-width: 1024px){.layout-header .header-pc{display:block}.layout-header .header-h5{display:none}.layout-header.is-fixed{position:fixed; z-index:888;top:0;left:0}}

@media only screen and (min-width: 1280px){.layout-header .header-pc .header-wrap{padding:0 24px}.layout-header .header-pc .header-wrap .header-logo{width:300px}.layout-header .header-pc .header-wrap .header-nav{text-align:center}}
@media only screen and (min-width: 1600px){.layout-header .header-pc .header-wrap{padding:0 82px}}
.layout-container{position:relative; top:0;}.layout-container .container-backing{position:absolute;top:0;left:0;right:0;z-index:-1}
.layout-container .container-backing:after{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.4)}
@media only screen and (min-width: 1024px){.layout-container .container-wrap{padding-top:15%}}
.layout-footer .footer-wrap{position:relative}.layout-footer .footer-wrap .footer-info{position:relative;z-index:2}.layout-footer .footer-wrap .footer-info .footer-social>a{border-radius:50%}.layout-footer .footer-wrap .footer-info .footer-link{display:none}

@media only screen and (min-width: 1024px){.layout-footer .footer-wrap .footer-info .footer-link{display:block}}

.layout-footer .footer-wrap .footer-wave{position:absolute;z-index:1;top:0;left:0;right:0;height:100%;overflow:hidden}.layout-footer .footer-wrap .footer-wave .footer-wave-inner{position:absolute;top:20px;left:-50px;right:-50px;bottom:-50px;background-color:rgba(38,73,141,0.7)}.layout-footer .footer-wrap .footer-wave .footer-wave-inner:nth-child(1){animation:move-forever 6s linear infinite 0s}.layout-footer .footer-wrap .footer-wave .footer-wave-inner:nth-child(2){animation:move-forever 6s linear infinite -2s}.layout-footer .footer-wrap .footer-wave .footer-wave-inner:nth-child(3){animation:move-forever 6s linear infinite -4s}
.footer-social i,.footer-link,.footer-copyright{ color:#fff}
 

@media only screen and (min-width: 1024px){.layout-footer .footer-wrap .footer-wave .footer-wave-inner{top:60px}}
@keyframes move-forever{20%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}40%{-webkit-transform:rotate(4deg);transform:rotate(4deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}80%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}

.search-bar{position:relative;padding-right:72px;max-width:640px;margin:0 auto}.search-bar .search-input{display:block;width:100%;line-height:56px;height:56px;background-image:none;border:0;background-color:rgba(255,255,255,0.2);font-size:16px;padding:0 16px;color:#FFF}.search-bar .search-input:hover,.search-bar .search-input:focus{background-color:rgba(255,255,255,0.3)}.search-bar .search-btn{display:block;position:absolute;top:0;right:0;width:72px;height:56px;padding:0;background-image:none;border:0;background-color:#26498d;outline:none;cursor:pointer;color:#FFF}.search-bar .search-btn:hover{background-color:#ff9633}.has-underline{position:relative}.has-underline:after{  content:'';display:block;position:absolute;bottom:0;left:0;width:164px;height:0;border-bottom:3px solid #fff;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.has-underline:hover:after{width:128px}.has-underline.underline-center:after{left:50%;margin-left:-67px}.has-underline.underline-center:hover:after{margin-left:-64px}.has-underline.underline-left:after{left:0}.has-underline.underline-left:hover:after{margin-left:0}

@media only screen and (min-width: 768px){.has-underline.underline-center\@T:after{left:50%;margin-left:-32px}.has-underline.underline-center\@T:hover:after{margin-left:-64px}.has-underline.underline-left\@T:after{left:0;margin-left:0}.has-underline.underline-left\@T:hover:after{margin-left:0}}
@media only screen and (min-width: 1024px){.has-underline.underline-center\@S:after{left:50%;margin-left:-32px}.has-underline.underline-center\@S:hover:after{margin-left:-64px}.has-underline.underline-left\@S:after{left:0;margin-left:0}.has-underline.underline-left\@S:hover:after{margin-left:0}}
@media only screen and (min-width: 1280px){.has-underline.underline-center\@M:after{left:50%;margin-left:-32px}.has-underline.underline-center\@M:hover:after{margin-left:-64px}.has-underline.underline-left\@M:after{left:0;margin-left:0}.has-underline.underline-left\@M:hover:after{margin-left:0}}
@media only screen and (min-width: 1600px){.has-underline.underline-center\@L:after{left:50%;margin-left:-32px}.has-underline.underline-center\@L:hover:after{margin-left:-64px}.has-underline.underline-left\@L:after{left:0;margin-left:0}.has-underline.underline-left\@L:hover:after{margin-left:0}}
@media only screen and (min-width: 1920px){.has-underline.underline-center\@H:after{left:50%;margin-left:-32px}.has-underline.underline-center\@H:hover:after{margin-left:-64px}.has-underline.underline-left\@H:after{left:0;margin-left:0}.has-underline.underline-left\@H:hover:after{margin-left:0}}

.section-title{ width:100%; 
  text-transform:uppercase;
     position:relative; font-size:36px;
    margin-bottom:16px;
    padding-bottom:16px;
    color:#000; font-weight:600;
    text-align:center
}
.section-title span{ line-height:36px;  position:relative;}
.section-title>i{

    width:10px;
    height:10px;
    border-radius:5px;
    position:absolute;
    top:54px;
    left:50%;
    margin-left:-5px;
    background-color:#999
}
.section-title>i:before,.section-title>i:after{
    content:'';
    display:block;
    width:48px;
    height:2px;
    background-color:#999;
    position:absolute;
    top:4px
}
.section-title>i:before{
    left:-56px
}
.section-title>i:after{
    left:18px
}

.section-title h2{color: #666;
    font-size: 24px;
text-transform:capitalize; font-weight:500; margin-top:20px;} 
.section-title a{ display:inline-block;color: #155bd5; border:2px solid #155bd5;margin: 15px 0 0;
    border-radius: 30px;
    padding: 6px 25px;
    font-size: 14px;
    transition: all 0.4s ease;
    text-transform: capitalize; margin-top:10px;}
	.section-title a:hover{ background:#155bd5; color:#fff}

@media only screen and (min-width: 1024px){.section-title{font-size:40px;margin-bottom:38px}.section-title>i{display:block}}
.section-title.section-title-light{color:#fff}.section-title.section-title-light>i{background-color:#fff}.section-title.section-title-light>i:before,.section-title.section-title-light>i:after{background-color:#fff}.banner{display:block;background-color:#ddd; }.banner .banner-wrapper{position:relative;width:100%; top:0;}.banner .banner-wrapper:nth-child(2),.banner .banner-wrapper.banner-h5{display:none}.banner.has-mobile .banner-wrapper:nth-child(1),.banner.has-mobile .banner-wrapper.banner-pc{display:none}.banner.has-mobile .banner-wrapper:nth-child(2),.banner.has-mobile .banner-wrapper.banner-h5{display:block}.banner .banner-container{display:block;width:100%;height:100%}
@media only screen and (min-width: 1024px){.banner.has-mobile .banner-wrapper:nth-child(1),.banner.has-mobile .banner-wrapper.banner-pc{display:block}.banner.has-mobile .banner-wrapper:nth-child(2),.banner.has-mobile .banner-wrapper.banner-h5{display:none}}

.groups .groups-video,.groups .factory-item,.groups .cert-item{display:block;height:100%}.groups .groups-gallery{position:relative;height:100%;background-color:#F7F7F7;background-repeat:no-repeat;background-image:url("../image/img_backing_about.jpg");background-size:contain;background-position:bottom center}.groups .groups-gallery .groups-gallery-wrap .groups-gallery-item{display:none}.groups .groups-gallery .groups-gallery-wrap .groups-gallery-item.active{display:block}.groups .groups-gallery .groups-gallery-wrap .groups-about{height:100%;padding:24px 16px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-title{font-size:24px;padding-bottom:16px;color:#26498d;position:relative}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-title:after{content:'';display:none;position:absolute;bottom:0;left:0;width:96px;height:2px;background-color:#999}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-desc{font-size:16px;line-height:24px;text-align:justify;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;word-break:break-word;white-space:normal;-webkit-line-clamp:6}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta{padding-top:16px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item{-webkit-flex:auto;flex:auto;display:block;width:1px;text-align:center}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-icon .about-icon-img{display:inline-block;width:32px;height:32px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-value{font-size:24px;line-height:32px;}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-label{font-size:14px;line-height:24px;color:#666}

@media only screen and (min-width: 1024px){.groups .groups-gallery .groups-gallery-wrap .groups-about{max-width:720px;padding:5% 24px 32px 10%}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-title{font-size:32px;margin-bottom:16px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-title:after{display:block}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta{padding-top:5%}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-icon .about-icon-img{width:48px;height:48px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-value{font-size:32px;line-height:48px}.groups .groups-gallery .groups-gallery-wrap .groups-about .about-intro-meta .about-meta-list .about-meta-item .about-meta-label{font-size:16px;line-height:24px}}

.groups .groups-gallery .groups-gallery-navbar{display:none;position:absolute;z-index:2;top:50%;left:0;-webkit-transform:translate(-100%, -50%);transform:translate(-100%, -50%)}.groups .groups-gallery .groups-gallery-navbar .gallery-nav-list .gallery-nav-item{display:block;position:relative;padding:16px 32px;background-color:rgba(255,255,255,0.5);margin:24px 0 0;color:#fff;font-size:18px;line-height:24px;height:56px;cursor:pointer;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.groups .groups-gallery .groups-gallery-navbar .gallery-nav-list .gallery-nav-item:after{content:'';display:block;opacity:0;position:absolute;top:0;right:-47px;border-width:28px 0 28px 48px;border-style:solid;border-color:transparent transparent transparent #26498d;-webkit-transition:all .3s ease 0s;transition:all .3s ease 0s}.groups .groups-gallery .groups-gallery-navbar .gallery-nav-list .gallery-nav-item:hover{background-color:rgba(37,134,255,0.5)}.groups .groups-gallery .groups-gallery-navbar .gallery-nav-list .gallery-nav-item.active{background-color:#26498d}.groups .groups-gallery .groups-gallery-navbar .gallery-nav-list .gallery-nav-item.active:after{opacity:1}

@media only screen and (min-width: 1024px){.groups .groups-gallery .groups-gallery-navbar{display:block}}

.products .products-wrap .products-gallery .product-item{
    display:block;
    position:relative
}
.products .products-wrap .products-gallery .product-item .product-item-intro{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background-color:rgba(0,0,0,0.3);
    color:#fff;
    padding:16px
}
.teams{ background:#fff; padding:100px 0; display:block; overflow:hidden}
.teams-gallery ul{ width:102%}
.teams-gallery ul li{ width:23%; float:left; margin-right:2%; background:#fff;-moz-transition: all .3s ease; -webkit-transition: all .3s ease;transition: all .3s ease;-webkit-transition-duration: .8s;transition-duration: .8s; }
.teams-gallery ul li .team-item-cover{display:table-cell; text-align: center; vertical-align: middle; width:326px; height:220px; border:1px solid #dedede; overflow: hidden;*display: block; *font-size:174px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.teams-gallery ul li .team-item-cover img{ max-width:98%;max-height:98%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.teams-gallery ul li .team-item-intro{ padding:10px; background:#f8f8f8;border-radius:0 15px;}
.teams-gallery ul li h2{ color:#1d1d1d;font-size: 20px;overflow: hidden; line-height:30px; height:60px;margin:10px 0;}
.teams-gallery ul li p{ color:#6d6d6d; font-size:15px;overflow: hidden; line-height:20px; height:60px;  }
.teams-gallery ul li dl{ margin-top:15px;color:#bbb; font-size:12px; overflow:hidden}
.teams-gallery ul li  dd{ float:left }
.teams-gallery ul li  i{ float:right;text-transform:uppercase;}
.teams-gallery ul li:hover .team-item-intro{ background:#335ba7;-webkit-transition-duration: .8s;transition-duration: .8s; }
.teams-gallery ul li:hover .team-item-intro h2,.teams-gallery ul li:hover .team-item-intro p,.teams-gallery ul li:hover .team-item-intro dl{color:#fff}


.white{position: relative;overflow: hidden;}
.white:after{content: '';cursor: pointer;position: absolute;left: -100%;top: 0;width: 100%;height: 100%;background-image: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));background-image: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .5), rgba(255, 255, 255, 0));transform: skewx(-25deg);}
.white:hover:after{left: 100%;-moz-transition: 1s;-o-transition: 1s;-webkit-transition: 1s;transition: 1s;}






.advantages .section-title h2{ color:#fff}
.advantages{
    position:relative;
    background:#36498d1a;
    background-position:bottom center;
    background-repeat:no-repeat;
    background-size:cover; display:block; overflow:hidden; padding-bottom:60px;
}
.advantages .advantages-wrap .advantages-gallery .advantage-item{
    position:relative; width:24%; margin-right:1%; float:left;
    padding-top:64px
}
.advantages .advantages-wrap .advantages-gallery .advantage-item .advantage-item-cover{
    position:absolute;
    z-index:2;
    top:0;
    left:50%;
    margin-left:-64px;
    width:128px;
    height:128px;
    background-color:#fff;
    border-radius:64px;
    overflow:hidden
}
.advantages .advantages-wrap .advantages-gallery .advantage-item .advantage-item-cover .advantage-cover-img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    object-position:center
}
.advantages .advantages-wrap .advantages-gallery .advantage-item .advantage-item-intro{
    -webkit-transition:all .3s ease 0s;
    transition:all .3s ease 0s;
    background-color:rgba(51,91,167,0.8);
    padding:80px 24px 32px;
    text-align:center;
    color:#fff;
    height:256px
}
.advantages .advantages-wrap .advantages-gallery .advantage-item .advantage-item-intro .advantage-intro-title{
    font-size:24px;
    line-height:32px;
    margin-bottom:16px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:normal
}
.advantages .advantages-wrap .advantages-gallery .advantage-item .advantage-item-intro .advantage-intro-desc{
    font-size:16px;
    line-height:24px;
    text-align:left;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:3
}
.advantages .advantages-wrap .advantages-gallery .advantage-item:hover .advantage-item-intro{
    -webkit-transform:translate(0, -10px);
    transform:translate(0, -10px);
    background-color:rgba(37,134,225,0.5)
}
.advantages .advantage-footer{
    position:absolute;
    bottom:0;
    left:0;
    right:0
}
.news .news-wrap .news-gallery .owl-item .news-item{
    display:block;
    position:relative
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro{
    padding:16px 0
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-date{
    font-size:20px
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-date .news-date-icon{
    color:#26498d
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-date .news-date-icon>i{
    font-size:inherit
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-date .news-date-days{
    color:#26498d
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-date .news-date-year{
    color:#999
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-title{
    font-size:20px;
    font-weight:500;
    color:#333;
    padding:8px 0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-break:normal
}
.news .news-wrap .news-gallery .owl-item .news-item .news-item-intro .news-intro-desc{
    font-size:14px;
    color:#999;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    word-break:break-word;
    white-space:normal;
    -webkit-line-clamp:2
}
.news .news-wrap .news-gallery .owl-item .news-item:hover .news-item-intro .news-intro-title{
    color:#26498d
}
 

@media only screen and (min-width: 1024px){.news .news-wrap .news-gallery .owl-stage{width:auto !important}.news .news-wrap .news-gallery .owl-item{width:50% !important}.news .news-wrap .news-gallery .owl-item:nth-child(2),.news .news-wrap .news-gallery .owl-item:nth-child(3),.news .news-wrap .news-gallery .owl-item:nth-child(4){padding-left:40px;padding-bottom:30px}.news .news-wrap .news-gallery .owl-item:nth-child(2) .news-item .news-item-cover,.news .news-wrap .news-gallery .owl-item:nth-child(3) .news-item .news-item-cover,.news .news-wrap .news-gallery .owl-item:nth-child(4) .news-item .news-item-cover{width:40%}.news .news-wrap .news-gallery .owl-item:nth-child(2) .news-item .news-item-intro,.news .news-wrap .news-gallery .owl-item:nth-child(3) .news-item .news-item-intro,.news .news-wrap .news-gallery .owl-item:nth-child(4) .news-item .news-item-intro{position:absolute;top:0;right:0;width:60%;height:100%;padding:16px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.news .news-wrap .news-gallery .owl-item:nth-child(2) .news-item .news-item-intro .news-intro-date,.news .news-wrap .news-gallery .owl-item:nth-child(3) .news-item .news-item-intro .news-intro-date,.news .news-wrap .news-gallery .owl-item:nth-child(4) .news-item .news-item-intro .news-intro-date{margin-top:16px;order:3}}.respond .respond-wrap{text-align:center;padding:20vh 0}.respond .respond-wrap .respond-icon{margin-bottom:24px;color:#38C976}.respond .respond-wrap .respond-title{font-size:24px;line-height:32px;color:#38C976}.respond .respond-wrap .respond-desc{font-size:16px;line-height:24px;color:#666}

@media only screen and (min-width: 1024px){.respond .respond-wrap{text-align:center;padding:30vh 0}.respond .respond-wrap .respond-icon{margin-bottom:32px}.respond .respond-wrap .respond-title{font-size:32px;line-height:40px}.respond .respond-wrap .respond-desc{font-size:24px;line-height:32px}}

.respond.error .respond-wrap .respond-icon{color:#FE5050}.respond.error .respond-wrap .respond-title{color:#FE5050}


.banner{width:100%; height: 1000px; overflow: hidden; position:relative;overflow:hidden;z-index:9;top:0;left:0}
.banner video{width: 100%; height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;

    z-index:1111;}


.about{ margin: 90px 0; display:block; overflow:hidden; position: relative }
.about_l{ width: 55%; float: left}
.tite{ width: 100%; display: block; overflow: hidden; padding-bottom: 30px;}
.tite h3{ font-size: 56px; font-family: "Arial Black" ;line-height: 1em;color: #000a28; text-transform:uppercase;}
.tite h2{ font-size: 40px; color: #000a28; line-height: 1.8em; font-weight: normal; position: relative}
 .tite h2:after{
    content: "";
    display: inline-block;
   width: 66px; height:3px; background:#000a28;position: absolute;bottom: 0;left:0;
    vertical-align: middle;
}


.tite .ti_l{ float: left}
.tite ul{ float: right; width: 50%; margin-top: 15px }
.tite ul li{ padding: 0 35px; display: inline-block;float: left; text-align: center; height: 40px; overflow: hidden; margin-left: 2%; border-radius:5px; border: 1px solid #14203a; line-height: 40px; font-size: 16px; margin-bottom: 2%}








.about_l p{ font-size: 18px; line-height: 2em;}
.about_r{ width: 40%; float: right; z-index: 8; position: absolute; right: 0;top:0}

.bjt3{width: 100%;min-height:190px; background: url("../image/shuzi.jpg") center no-repeat; display: block; overflow: hidden; margin-bottom: 30px}
.container{ width:100%; float:left; padding-top:36px;}
.counter{ width:25%;
	text-align: center;
	position: relative; float:left
}
.counter .counter-content{
	width:100%;
	height: 80px;
	z-index: 1;
	position: relative;
	transition: all 0.3s ease 0s;font-size:16px; 
}

.counter .counter-value{
	font-size: 50px; color: #005ca2;
	font-weight: 700;
}
.counter .title{
	display: inline-block;
	font-size: 15px;  border: 1px solid #888888;border-radius:25px; padding:6px 18px;letter-spacing: 1px;
	text-transform: capitalize;
	margin: 0;
}


/*产品系列*/

.cp_xl{ background: url("../image/bjs.jpg") no-repeat; padding: 90px 0 120px; background-size: cover; display:block; overflow:hidden; }

.cp_lt{ width: 49%; padding: 2%; float: left; background: #fff;
-webkit-box-shadow: 0px 0px 5px 5px rgba(243,243,243,1.00);box-shadow: 0px 0px 5px 5px rgba(243,243,243,.8);}
.ctt{ padding-bottom: 20px; width: 100%; float: left}
.ctt dl{ float: left }
.ctt dl h2{ font-size: 36px; color: #14203a; line-height: 1.5em}
.ctt dl h3{ font-size: 25px; text-transform:uppercase; color: #494848;}
.ctt  .cp_gdt{ float: right; display: inline-block; padding: 6px 20px; font-size: 16px;border-radius:25px; border: 1px solid #dedede; margin-top: 10px;}
.ctt  .cp_gdt:hover{ background: #005ca4; color: #fff;}
.cp_lt ul{ width:35%;float: left ; margin:0 0 30px }
.cp_lt ul li{ width:100%; float: left; text-align: center; height: 40px; overflow: hidden; margin-bottom: 4%;border-radius:5px; border: 1px solid #14203a; line-height: 40px; font-size: 16px;}
.cp_lt ul li a{ color: #14203a}
.cp_lt ul li:hover,.tite ul li:hover{ background:  #14203a}
.cp_lt ul li:hover a,.tite ul li:hover a{ color: #fff;}

.cp_lt dd{ height: 320px; line-height: 320px; text-align: center; width:58%;float: right}
.cp_lt dd img{max-height: 100%;max-width: 100%}

.cp_lt:hover{box-shadow: 0px 0px 5px 5px rgba(1,92,165,.2);}

.right{ float: right}






.products{ background:#fbfbfb; padding:100px 0; display:block; overflow:hidden;  }
.products-g ul{ width:102%}
.products-g ul li{ width:23%; padding:10px 0 20px; float:left; text-align:center; margin-right:2%; margin-bottom:2%; background:#fff;border-radius: 15px;
    border: 1px solid #f3f3f3;box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;position:relative  }
	
.products-g ul li a{ display:inline-block;position:relative}
	
.products-g ul li span{display:table-cell; text-align: center; vertical-align: middle; width:390px; height:320px; background:#fff; border:1px solid #fff; overflow: hidden;*display: block; *font-size:106px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;-webkit-transition-duration: .8s;transition-duration: .8s;}
.products-g ul li span img{max-width:100%;max-height:100%;display: inline-block;vertical-align: middle; width:auto; height:auto }
.products-g ul li h2{font-size: 18px; height:60px; line-height:30px; padding:10px; word-wrap:break-word; overflow:hidden;}
.products-g ul li dl{ display:inline-block;line-height: 40px;font-size: 15px; padding: 0 25px;transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: color;
    transition-duration: 0.6s;transition: all .3s;background-color: #26498d; color:#fff;text-transform:uppercase;border-radius: 50rem; }
.products-g ul li dl:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #335ba7;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: ease-out;border-radius: 50rem;
}
.products-g ul li dl:hover:before,.products-g ul li dl:active:before,.products-g ul li dl:focus:before{transform:scaleX(1);}

.products-g ul li dd{content: attr(data-rank);
    display: inline-block;
    position: absolute;
    top: 0px;
    left: 0;
    background: #26498d;
    width: 40px;
    height: 70px;
    line-height: 70px;
    color: #fff;
    font-size: 25px;
    text-align: center;
    border-radius: 15px 0;
    overflow: hidden;}


/*优势*/
.gonc{ overflow: hidden; margin: 100px 0 }
em{ font-style: normal}
.gnc{ overflow: hidden; margin: 0 auto; width: 100%; height: 195px;}
.gnc h3{ float: left; width: 435px; line-height: 100%;font-weight: normal; font-size: 20px; color: #333333;}
.gnc h3 span{ display: block; line-height: 100%; font-size: 47px; color: #333; padding-top: 2px;font-weight: bold; padding-bottom: 12px;}
.gnc h3 i{ display: block; padding-top: 31px;}
.gnc h3 i a{ display: inline-block; line-height: 100%; font-size: 18px; color: #012793; padding-right: 46px;background: url(../image/gnc.png) no-repeat right 4px; transition: all 0.2s;}
.gnc h3 i a:hover{ letter-spacing: 3px;}
.gnc ul{ float: right;}
.gnc ul li{ float: left; line-height: 100%; font-size: 18px; color: #8b8b8b; margin-left: 100px;}
.gnc ul li:first-of-type{ margin-left: 0;}
.gnc ul li em{ display: block; line-height: 100%; color: #333333; font-size: 18px;}
.gnc ul li em span{ display: inline-block; line-height: 90%;font-family:'wrjz'; font-size: 48px;}
.gnc ul li i{ display: block; line-height: 100%; height: 47px; padding-top: 8px;}
.gnc ul li img{ transition: all 0.2s;}
.gnc ul li:hover img{animation-duration: 1.5s;animation-name:flipInX;}
.gnc ul li:hover em{ color: #012793;}
.gnc ul li:hover{ color: #333;}
.gonc dl{ overflow: hidden;}
.gonc dl img{ width: 100%; height: 835px;object-fit:cover;}
.gonc dl dd em img{ width: 100%; height: 413px;object-fit:cover;}
.gonc dl dt{ float: left; position: relative; width: 38.4%;}
.gnf{ position: absolute; left: 0; width: 100%; top: 10%; text-align: center; color: #fff;}
.gnf h3{font-weight: normal; font-size: 24px; color: #fff; line-height: 100%; padding-bottom: 30px;}
.gnf h3 i{ display: block; line-height: 100%; padding-bottom: 10px;font-weight: bold; font-size: 56px;}
.gnf h3 i span{ color: #ffb400; font-size: 92px; line-height: 90%;font-family:'wrjz'; font-style: italic; padding-right: 17px; display: inline-block;}
.gnf h4{font-weight: normal; font-size: 20px; margin-bottom: 80vh;}
.gnf h4 em{ display: inline-block; line-height: 28px; margin: 0 6px; padding: 8px 0; border: 1px solid #fff; border-radius: 9px; width: 145px;}
.gnf h4 em span{ display:block;}
.gnf p a{ display: block; margin: 0 auto 20px; width: 182px; height: 52px; background: #ffb400; border-radius: 52px; line-height: 52px; color: #fff; font-size: 18px;font-weight: bold; transition: all 0.2s;}
.gnf p a:hover{transform: translateY(-7px);}
.gnf p em{ display: inline-block; padding-left: 31px; font-size: 16px;background: url(../image/gn_tel.png) no-repeat 0 2px;margin-top: 5vh;}
.gnf p em b{line-height: 90%;font-family:'wrjz'; display: inline-block; font-size: 30px;font-weight: normal;}
.gonc dl dd{ float: right; overflow: hidden; width: 61.6%;}
.gonc dl dd em{ display: block; font-size: 0; line-height: 0; position: relative; overflow: hidden; margin: 0 0 1.9vh 1.25%; width: 48.75%; float: left; }
.gonc dl dd em span{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 39px; line-height: 39px; color: #fff; font-size: 18px; background: rgba(0,0,0,0.5); text-align: center;}


/*youshi*/
.youshi .tite{ text-align: center}
.youshi .tite h2:after{ display: none}

.youshi{padding:60px 0 70px;background:#f3f3f3;}
.youshi .ys_span{margin-top:45px;text-align:center;}
.youshi .ys_span .swiper-pagination{position:relative;}

.youshi .ys_span .swiper-pagination-bullet{width:auto;height:auto;opacity:1;background:transparent;margin-left:107px;outline:none;}
.youshi .ys_span .swiper-pagination-bullet:first-child{margin-left:0;}
.youshi .ys_span i{display:inline-block;width:88px;height:88px;background-repeat:no-repeat;background-position:center center;background-size:100% 100%;}
.youshi .ys_span i.icon1{background-image:url(../image/ys_icon1.png);}
.youshi .ys_span i.icon2{background-image:url(../image/ys_icon2.png);}
.youshi .ys_span i.icon3{background-image:url(../image/ys_icon3.png);}
.youshi .ys_span i.icon4{background-image:url(../image/ys_icon4.png);}
.youshi .ys_span i.icon5{background-image:url(../image/ys_icon5.png);}
.youshi .ys_span p{font-size:17px;height:27px;line-height:27px;font-weight:bold;color:#666;margin-top:11px;}
.youshi .ys_span em{display:inline-block;border-top:8px solid #031f7a;border-left:8px solid transparent;border-right:8px solid transparent;margin-top:10px;opacity:0;}
.youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active em{opacity:1;}

.youshi .ys_ul{width:100%;overflow:hidden;padding:0 13.5%;margin-top:40px;position:relative;}
.youshi .ys_ul .swiper-slide{padding-bottom:10px;}
.youshi .ys_ul .ys_li{position:relative; background: #fff;}
.youshi .ys_ul .ys_li:before{content:'';width:100%;height:100%;background:rgba(0,0,0,.59);position:absolute;left:0;top:0;z-index:2;}
.youshi .ys_ul .ys_left{width:50%;float:left;}
.youshi .ys_ul .ys_img{width:100%;position:relative;z-index:1;}

.youshi .ys_ul .ys_right{width:50%;height:525px;position:absolute;right:0;top:0; background:#FFFFFF;box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -webkit-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -moz-box-shadow:2px 2px 5px rgba(0,0,0,.08);
    -o-box-shadow:2px 2px 5px rgba(0,0,0,.08);}

.youshi .ys_ul .ys_right .ys_txt{padding:0 15% 0 11%;position:absolute;top:10%;}
.youshi .ys_ul .ys_right .ys_txt .ys_title{}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{display:inline-block;font-size:67px;height:67px;line-height:67px;color:#031f7a;font-family:Arial;font-weight:bold;}
.youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{display:inline-block;font-size:30px;height:54px;line-height:54px;color:#333333;font-weight:bold;vertical-align:bottom;}
.youshi .ys_ul .ys_right .ys_txt p{font-size:16px;line-height:32px;color:#666;
    background-position:0 10px;padding-left: 25px;}
.youshi .ys_ul .ys_right .ys_txt span{font-size:26px;height:1em;line-height:1em;font-weight:bold;color:#989898;font-family:Arial;font-weight:bold;margin-top:14px;text-transform:uppercase;}
.youshi .ys_ul .ys_right .ys_txt i{display:block;width:43px;height:2px;margin:29px 0 16px;background:#031f7a;}
.youshi .ys_ul .ys_right .ys_txt a{display:block;width:150px;height:52px;line-height:50px;margin-top:62px;border:1px solid #dcdcdc;font-size:14px;color:#999;text-align:center;font-style:normal;text-transform:uppercase;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_li:before{content:none;}
.youshi .ys_ul .swiper-slide.swiper-slide-active .ys_right .ys_img{display:none;}
.youshi .ys_ul .swiper-button-prev,.youshi .ys_ul .swiper-button-next{width:91px;height:56px;background-image:url(../image/ys_jiantou.png);background-size:100% 100%;margin-top:-28px;}
.youshi .ys_ul .swiper-button-prev{left:11.5%;}
.youshi .ys_ul .swiper-button-next{right:11.5%;
    transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	-ms-transform:rotate(180deg);}



/*行业*/

.hyingyong .sj09{padding: 100px 0 100px 0;} 
.hyingyong{ width: 100%; padding: 80px 0; display: block; overflow: hidden}
.hyingyong .hyybox.current{bottom: 0;opacity: 1;margin: 0 auto;}
.hyingyong .hyybox{position: relative;bottom: -100px;opacity: 0;}
.hyingyong .hyybox li{float: left;width: 16.66%;transition: 0.5s;}
.hyingyong .hyybox li p{font-size: 16px;color: #333;text-align: center; font-weight: 600; background-color: #fff;line-height: 35px; padding: 25px 0; transition:0.2s ease all;}
.hyingyong .hyybox li span{display: block;width: 100%;position: relative;height: 100%;}
.hyingyong .hyybox li img{width: 100%;position: relative;display: block;}
.hyingyong .hyybox li span:before{content: "";width:100%;background-color: rgba(0,0,0,0.7); height:0;transition:0.2s ease all;position: absolute;top: 0;left: 0;opacity: 0;}
.hyingyong .hyybox li:nth-child(odd){padding-top: 80px;}
.hyingyong .hyybox li:nth-child(odd) span{border-bottom: 4px solid #012793;}
.hyingyong .hyybox li:nth-child(even) span{border-top: 4px solid #012793;}
.hyingyong .hyybox li:hover span:before{height: 100%;opacity: 1;z-index: 999;}
.hyingyong .hyybox li:hover:nth-child(even) span:before{height: 100%;}
.hyingyong .hyybox li:hover p{background-color: #012793;color: #fff;}

@media screen and (max-width:960px){
.hyingyong .hyybox li{width: 33.33%;}
.hyingyong .hyybox li:nth-child(odd){padding-top: 0px;}
    .hyingyong .hyybox li p{padding: 15px 0;}
}

@media screen and (max-width:540px){
.hyingyong .hyybox li{width: 48%;position: relative;height: 240px;margin:1%;} 
.hyingyong .hyybox li span{height: 200px;overflow: hidden;}
    .hyingyong .hyybox li img{ height: auto}
.hyingyong .hyybox li p{width: 100%;position: absolute;bottom: -10px;left: 0;background-color: #fff;font-size: 15px;}
.hyingyong .hyybox li:nth-child(odd) span{border-bottom: none;}
.hyingyong .hyybox li:nth-child(even) span{border-top: none;}
}


/*案例*/
.list6{ background: url("../image/bjs3.jpg") no-repeat;padding: 100px 0; background-size: cover; display: block; overflow: hidden; width: 100%}
.list6 h2{ padding-top: 0;}
.f_nr{ margin-left: -313px;}
.f_nr li{float:left; width:510px; margin:0 18px 35px; background: #fff; height: 500px; box-shadow: 0 9px 35px rgba(0,0,0,0.1);}
.f_nr li b{ display: block; overflow: hidden; font-size: 0; line-height: 0;}
.f_nr li b img{ width: 100%; height: 382px;object-fit:cover;;}
.f_nr li em{ display: block; padding: 28px 38px 0; width: 100%; box-sizing: border-box; transition: all 0.2s; }
.f_nr li em i{ display: none;}
.f_nr li em strong a{ display:block; line-height: 100%; font-size: 20px; color: #333333;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.f_nr li em strong a:hover{ color: #012793;}
.f_nr li em span{ display: block; margin-top: 19px; color: #8b8b8b; font-size: 16px; line-height: 30px;}
.f_nr li:hover em{ margin-top: -89px; background: #fff; position: relative;z-index: 5;}
.f_nr li:hover i{ display: block; padding-top: 37px;}
.f_nr li:hover i a{ display: inline-block; margin-right: 10px; color: #fff; font-size: 18px; width: 169px; height: 49px; line-height: 48px; border-radius: 48px; text-align: center; background: #012793; transition: all 0.2s;}
.f_nr li:hover i a:last-of-type{ background: #2e966c;}
.f_nr li:hover i a:hover{ transform: translateY(-7px);}


/*新闻*/
.news{ margin:60px 0; display: block; overflow: hidden }
.news .tite ul{ width: 18%}

.news_t{ width:100%; display:block; float:left; margin-top:40px}
.news_l{ width:40%; float:left;}
.news_l a{ display:inline-block}
.news_l dl{ padding:3% 2%}
.news_l img{ width:100%; height:310px;object-fit:cover;}
.news_l h1{ font-size:18px; line-height:36px; color:#333; height:36px; overflow:hidden;text-transform:capitalize}
.news_l p{line-height:26px; font-size:14px; width:100%; display:block; overflow:hidden; height:52px; color:#767676;}

.news_l:hover{ background:#f8f8f8}
.news_l:hover h1{ color:#033096}

.new_r{ width:55%;  float: right; }
.new_r li{ width:100%; float:left; border-bottom:1px solid #e8e8e8; padding-bottom:30px; margin-bottom:35px; overflow:hidden}
.new_r li span{ width:100px;float:left; padding-bottom:20px;}
.new_r li span b{ width:100%; float:left;line-height:46px;color:#033096;font-size:28px; font-weight:normal;}
.new_r li span i{color:#767676; font-size:14px; }
.new_r li h1{  font-size:18px; line-height:40px;text-transform:capitalize;overflow: hidden;/*超出部分隐藏*/ white-space: nowrap;/*不换行*/ text-overflow:ellipsis;/*超出部分省略号显示*/}
.new_r li p{ color:#888; height:44px; line-height:22px; overflow:hidden}
.new_r li:hover{border-bottom:1px solid #033096;}
.new_r li:hover h1{ color:#033096}
.new_r li:hover span b{ color:#4a4a4a}


/*视频*/
.aboutn,.aboutn dl{position: relative; width: 100%}
.aboutn dl dt{width: 100%;position: relative; line-height: 0; overflow: hidden;position:relative;}

.aboutn dl dt:before{width:100%;height:100%;background:rgba(0,7,15,.42);content:"";position:absolute;left:0;top:0;}


.aboutn dl dd{width:22%; position: absolute;left:13rem;top:7.65rem;}
.aboutn dl dd h4{ line-height: 3.5rem; margin-bottom: 1.9rem;}
.aboutn dl dd h4 a{font-size: 2.6rem;color:#ffffff; font-weight: normal;}
.aboutn dl dd p{line-height: 2.15rem; margin-bottom: 2rem;font-size: 1.1rem;color:#ffffff;}
.aboutn dl dd span{display: inline-block; line-height: 1.8rem; transition: .5s;}
.aboutn dl dd span a{display: inline-block; line-height: 1.8rem;font-size: .8rem;color:#ffffff;padding-right:1.45rem;background:url(../image/gui-jt_h.png) no-repeat right;background-size:.95rem .25rem;}
.aboutn dl dd span:hover{-webkit-transform:translate(0,-5px);transform:translate(0,-5px);}



.p2imga{display: block;
    width: 122px; height: 150px;
    line-height: 0;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    z-index: 200;}


.e_html-5 { margin-top: 10px;
    min-height: 50px;
    background_radio: 1;
    display-radio: 1;
    max-width: 122px;
    margin-left: auto;
    margin-right: auto;
}
.video_l {
    text-align: center;
}
.video_l img {
    filter: blur(0);
    transition: filter 1s;
}

.video_l h3 {
    position: absolute;
    top: -10px;  margin-top: 10px;
    z-index: 0;
}
.video_l h3 img {
    animation: rotating 5s linear infinite;
}
@keyframes rotating{from{transform:rotate(0)}to{transform:rotate(360deg)}}



body.fancybox-active{overflow:hidden}body.fancybox-iosfix{position:fixed;left:0;right:0}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99992;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:0;font-size:13px;padding:0 10px;height:44px;min-width:44px;line-height:44px;color:#ccc;text-align:center;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased;mix-blend-mode:exclusion}.fancybox-toolbar{top:0;right:0;margin:0;padding:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-is-closing .fancybox-stage{overflow:visible}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide>base,.fancybox-slide>link,.fancybox-slide>meta,.fancybox-slide>script,.fancybox-slide>style,.fancybox-slide>title{display:none}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font-size:16px;line-height:20px}.fancybox-button{box-sizing:border-box;display:inline-block;vertical-align:top;width:44px;height:44px;margin:0;padding:10px;border:0;border-radius:0;background:rgba(30,30,30,.6);transition:color .3s ease;cursor:pointer;outline:none}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:focus,.fancybox-button:hover{color:#fff}.fancybox-button[disabled]{color:#ccc;cursor:default;opacity:.6}.fancybox-button svg{display:block;position:relative;overflow:visible;shape-rendering:geometricPrecision}.fancybox-button svg path{fill:currentColor;stroke:currentColor;stroke-linejoin:round;stroke-width:3}.fancybox-button--share svg path{stroke-width:1}.fancybox-button--pause svg path:nth-child(1),.fancybox-button--play svg path:nth-child(2){display:none}.fancybox-button--zoom svg path{fill:transparent}.fancybox-navigation{display:none}.fancybox-show-nav .fancybox-navigation{display:block}.fancybox-navigation button{position:absolute;top:50%;margin:-50px 0 0;z-index:99997;background:transparent;width:60px;height:100px;padding:17px}.fancybox-navigation button:before{content:"";position:absolute;top:30px;right:10px;width:40px;height:40px;background:rgba(30,30,30,.6)}.fancybox-navigation .fancybox-button--arrow_left{left:0}.fancybox-navigation .fancybox-button--arrow_right{right:0}.fancybox-close-small{position:absolute;top:0;right:0;width:40px;height:40px;padding:0;margin:0;border:0;border-radius:0;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:22px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background-color:transparent;transition:background-color .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus{outline:none}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small,.fancybox-slide--image .fancybox-close-small{top:0;right:-40px}.fancybox-slide--iframe .fancybox-close-small:after,.fancybox-slide--image .fancybox-close-small:after{font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after,.fancybox-slide--image .fancybox-close-small:hover:after{color:#fff;background:transparent}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small{display:none}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 2vw 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all;position:relative}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-slide>.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-30px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}
.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}.fancybox-share{padding:30px;border-radius:3px;background:#f4f4f4;max-width:90%;text-align:center}.fancybox-share h1{color:#222;margin:0 0 20px;font-size:35px;font-weight:700}.fancybox-share p{margin:0;padding:0}p.fancybox-share__links{margin-right:-10px}.fancybox-share__button{display:inline-block;text-decoration:none;margin:0 10px 10px 0;padding:0 15px;min-width:130px;border:0;border-radius:3px;background:#fff;white-space:nowrap;font-size:14px;font-weight:700;line-height:40px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:#fff;transition:all .2s}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{position:relative;top:-1px;width:25px;height:25px;margin-right:7px;vertical-align:middle}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{box-sizing:border-box;width:100%;margin:10px 0 0;padding:10px 15px;background:transparent;color:#5d5b5b;font-size:14px;outline:none;border:0;border-bottom:2px solid #d7d7d7}.fancybox-thumbs{display:none;position:absolute;top:0;bottom:0;right:0;width:212px;margin:0;padding:2px 2px 4px;background:#fff;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-thumbs-x{overflow-y:hidden;overflow-x:auto}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0;white-space:nowrap}.fancybox-thumbs-x>ul{overflow:hidden}.fancybox-thumbs-y>ul::-webkit-scrollbar{width:7px}.fancybox-thumbs-y>ul::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y>ul::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs>ul>li{float:left;overflow:hidden;padding:0;margin:2px;width:100px;height:75px;max-width:calc(50% - 4px);max-height:calc(100% - 8px);position:relative;cursor:pointer;outline:none;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}@media (max-width:800px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs>ul>li{max-width:calc(100% - 10px)}}


/*合作伙伴*/

.cp_gd {width: 100%;height:170px;overflow: hidden;position: relative;margin: 60px 0;}
.cp_gd ul{position: absolute;}

.cp_gd ul li{float: left;width:300px; padding-bottom: 10px; list-style: none; margin: 20px 20px 20px 0; cursor: pointer; text-align: center; background: #fff;border:1px solid #f4f4f4;-webkit-box-shadow: 0px 0px 5px 5px rgba(146,146,146,.2);box-shadow: 0px 0px 5px 5px rgba(146,146,146,.2);}

.cp_gd ul li span{display:table-cell; text-align: center; vertical-align: middle; width:298px; height:128px; overflow: hidden;*display: block; *font-size:100px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.cp_gd ul li span img{max-width:100%;max-height:100%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.cp_gd ul li:hover{ transition: all .7s;}
.cp_gd ul li:hover span img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}



/*goot*/


		.footer{ width: 100%; display: block; overflow: hidden; background:url(../image/foot.jpg) no-repeat center;background-size:100% 20.75rem;padding:60px 0; box-sizing: border-box; background-size: cover;}

		.footer .left{width:30%;float:left;padding-top:.9rem;}
		.footer .left .ft-logo{width:15.85rem; line-height: 0; overflow: hidden; margin-bottom: 1.7rem;}
		.footer .left .ft-logo img{width:100%;}
		.footer .left h4{margin-bottom: 1.75rem;}

		.footer .left h4 span{display: block; line-height: 1.8em;font-size: 26px;color:#ffffff; font-weight: bold;}
		.footer .left h4 i{display: block; line-height: 1.2rem;font-size:16px;color:rgba(255,255,255,.3);font-weight: normal;}
		.footer .left strong em{display: block;float:left; line-height: 1.6rem; margin-right: 1.55rem;font-size: 16px;color:rgba(255,255,255,.5);font-weight: normal;}
		.footer .left strong em a{font-size: 16px;color:rgba(255,255,255,.5); font-weight: normal;}
		.footer .left strong i{display: block;width:100%;float:left; line-height: 1.6rem; margin-right: 1.55rem;font-size:16px;color:rgba(255,255,255,.5); font-weight: normal;}

		.footer .ft-nav{width:20%;float:left;}

		.footer .ft-nav h4,.footer .ft-xx h4,.footer .ft-code h4{ line-height: 2.7rem;font-size: 22px; font-weight: 600; color:#ffffff; font-weight: normal; margin-bottom: 1.15rem; position: relative;}
		.footer .ft-nav h4:before,.footer .ft-xx h4:before,	.footer .ft-code h4:before{width:1.05rem;height:.1rem; background:rgba(255,255,255,.3);content:""; position: absolute;left:0;bottom:0;}
		.footer .ft-nav ul li{float:left; width:50%; line-height: 40px;}
		.footer .ft-nav ul li a{font-size: 17px;color:rgba(255,255,255,.5);}
		.footer .ft-nav ul li:nth-child(2n){float:right;}

		.footer .ft-xx{width:20%;float:left;margin-left: 4.65rem;}
		
		.footer .ft-xx span{display: block; line-height: 1.55rem; margin-bottom: .4rem; font-size: 1.1rem;color:#ffffff; font-weight: bold;}
		.footer .ft-xx p,.footer .ft-code .code span p{line-height: 40px;font-size: 17px;color:rgba(255,255,255,.5);}

		.footer .ft-code{width:20%;float:right;}

		.footer .ft-code .code span{display: block;width:47%; text-align: center; margin-top: 3%; overflow: hidden;float:left;}
		.footer .ft-code .code span:nth-child(2){float:right;}
.footer .ft-code .code span img{max-width: 88%}



/*下载*/
.xw-list ul li{width: 100%;
    float: left;
    overflow: hidden;
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 10px rgba(0,0,0,.2); padding: 10px 0;}
.xw-list ul li a{ display: inline-block; width: 96%; margin-left: 2%; overflow: hidden}

.xw-list ul li h3{ width: 70%; float: left; overflow: hidden; line-height:45px;height:45px; font-size: 18px; font-weight: 600 ;text-transform:capitalize}

.xw-list ul li img{ float: right;  height: 30px; margin-top: 8px;}

.xw-list ul li:hover{ border: 1px solid #346c3b; box-shadow: 0px 0px 10px rgba(52,108,59,.4);}

.xw-list ul li:hover h3{ color:#346c3b }
.xw-list ul li:hover img{filter: grayscale(100%) brightness(300%);}
















/*分页符*/.pagination-bar {text-align:center;margin:30px 0; width: 100%; display: block; overflow: hidden}
.pagination-bar ul {display:block;}
.pagination-bar ul li {display:inline-block;margin:2px;vertical-align:top;padding-left:0;width:auto;}
.pagination-bar ul li a {background:#eee;height:35px;display:inline-block;line-height:35px;text-align:center;text-overflow:clip;padding:0 8px; margin:0 2px; border: 1px solid #dedede;min-width:35px; }
.pagination-bar ul li .page-num{ margin: 0 3px;}
.pagination-bar ul li.pageinfo {border: 1px solid #dedede;background:#eee;line-height:35px;text-align:center;padding:0 15px;}
.pagination-bar ul li.active, .pagination-bar ul li a.page-num-current{background:#00366b;color:#fff;height:35px;width:35px;display:inline-block;line-height:35px;text-align:center;}
.pagination-bar ul li a:hover {color:#fff;background:#00366b;}

.small_banner{width: 100%;height: 480px;position: relative;overflow: hidden;}
.small_banner .pic{width: 100%;height: 480px;position: relative;z-index: 1;background-size: cover;background-repeat: no-repeat;position: relative;background-position: center;}
.small_banner .mask{width: 100%;height: 100%;display: block;position: absolute;top: 0;left: 0;z-index: 2;background: rgba(0, 0, 0, 0.5);overflow: hidden;}
.small_banner .mask .a1{width: 100%;text-align: center;padding-top: 220px;line-height: 40px;height: 40px;font-family: "SF Pro SC", "HanHei SC", "SF Pro Text", "Myriad Set Pro", "PingFang SC", "Helvetica Neue", "microsoft yahei", "Microsoft YaHei", SimHei, sans-serif;font-size: 42px;color: #fff;font-weight: bold;letter-spacing: 1px;padding-bottom: 20px;position: relative;text-transform: uppercase;}
.small_banner .mask .a2{width: 20%;margin-left: 40%;height: 1px;background: rgba(255, 255, 255, 0.7);position: relative;top:30px;}
.small_banner .mask .a3{width: 100%;text-align: center;padding-top: 30px;line-height: 40px;height: 40px;font-family: "Arial Black";font-size: 24px;color: #fff;letter-spacing: 1px;font-family: thyFont1;position: relative;text-transform:uppercase;}

.bjs{ background:#f1f2f7; display:block;overflow: hidden; padding-bottom:50px}

.wui-text-top{ font-size:24px;text-transform:uppercase;}

.toph2{ padding-left:15px;
    border-left: 4px solid #0068b8;
    color: #0068b8;
    font-weight: 700;
    text-transform:uppercase;}


.sousuo form{ width:100%}
.sousuo form  select{width:100%;border: 1px solid #ddd;
    color: #666;
    font-size: 15px;height:40px; margin-bottom:10px;}

.sousuo form  select option{ line-height:40px;}

.sousuo form dd{ width:100%; text-align: center; margin:10px 0}
.sousuo form dd input{ width:45%; margin:0 2.5%; display:inline-block; line-height:40px; border:1px solid #26498d; color:#26498d;border-radius: 5px; background:#fff; float:left}

.clean50{clear:both;height:50px;overflow:hidden;}
.clean40{clear:both;height:40px;overflow:hidden;}
.clean30{clear:both;height:30px;overflow:hidden; }
.clean20{clear:both;height:20px;overflow:hidden; }
.clean10{clear:both;height:10px;overflow:hidden; }

.imco li{ width:100%; float:left; margin-bottom:10px;}
.imco li i{ font-size:28px; color:#0068b8; float:left; margin-right:10px}
.imco li .box-right{ float:left; width:80%}
.imco li .box-right p{color: #00366b;
    font-size:17px;
    line-height:32px;
    text-transform: uppercase;}
.imco li .box-right a{color: #888;
    text-decoration: none;
    display: inline-block;
    overflow: hidden;
    word-break: break-word;
    font-size: 15px;
    line-height: 24px;}


.vlbamc {
    border: 1px solid #ddd;
    padding: 20px;
    margin-bottom: 20px; background:#fff
}


/*产品详情页多图*/
.products_info {padding-bottom:20px;}
.products_info .edit {line-height:30px;}
.products_info .panel {width:50%!important;}




.brief {float:right;width:47%;position:relative;overflow:hidden;}
.brief h1 {font-size:24px;color:#0068b8;font-weight: bold;border-bottom:1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}

.brief span {color:#2d2b27;font-weight:bold;padding-right:10px; font-size: 16px;}
.brief p img{ max-width: 200px;}
.annex_list {border-bottom:1px solid #ddd;padding-bottom:18px;}
.annex_list ul li {line-height:40px;}
.annex_list ul li a i {font-size:24px;margin-right:10px;}
.annex_list ul li a:hover,.annex_list ul li a:hover i {color:#2d2b27;}
.vlbamc {border:1px solid #ddd;padding:20px;margin-bottom:20px;}
.bavlcn {margin-top:5%;margin-left: 8px;}
.bavlcn a {border-radius: 4px; line-height:40px; width:92%; margin:10px auto 0;display:inline-block;background:#26498d;color:#fff;}
.bavlcn a:hover {border-radius:5px;background:#0068b8;}
.bavlcn a b {z-index:1;position:relative;font-weight:normal;}
.bavlcn a i {font-size:25px; padding-right: 5px;}
.bavlcn dt{ display:inline-block;  text-align:center;border:1px solid #0068b8;border-radius: 4px; line-height:40px; width:48%; margin:10px auto 0}
.bavlcn dd{ line-height: 42px; font-size: 16px; padding-bottom: 20px;}

.alcet_title { width: 100%; display: block; overflow: hidden; font-size:22px;background:#eee;height:50px;line-height:50px;border-left:5px solid #0068b8;padding-left:20px;margin-bottom:20px;margin-top: 30px;}
.alcet_title a {float:right;font-size:14px;color:#2d2b27;margin-right:20px;}
.alcet_title a:hover {color:#ea4234;}
.alcet_title a i{font-size: 15px;}
.brief_l{background-color: #F0F4FA; padding:10px;border-radius: 4px; margin-bottom:10px;}
.brief_l p{ width:100%;border-bottom: 1px solid #dde3ed; padding:8px 0;line-height: 26px;overflow:hidden; display:block padding: 7px 0; font-size:14px;}
.brief_l strong{ width:43%; float:left; margin-right:8px; font-weight:normal }

table{font-size: inherit;font: 100%;border-collapse: collapse;border-spacing: 0;}
.sec_m img{ max-width:100%}
.sec_m table{ margin-right: auto;margin-left: auto; width: 80%}
.sec_m table,.sec_m table th,.sec_m table tr,.sec_m table td {border:1px solid #666;}

.sec_m table th,.sec_m table td {padding:4px 10px;}

.sec_m p{ line-height: 32px; font-size: 16px;}

.video{ width: 100%; text-align: center}
.video video{margin: 0 auto}
@media screen and ( max-width:768px) {.inner-message .alcet_title {line-height:40px;}
.layout-container{top:0}
}

@media screen and (max-width:768px) {.footer-middle {padding-top:10px;}
.inner-message {margin-bottom:0;}
.sidebar-block-but,.footer-content-but {position:relative;padding:10px 40px 10px 0px;display:block;}
.sidebar-block-but span,.footer-content-but span {text-transform:uppercase;line-height:20px;color:#999;}
.sidebar-block-but button,.footer-content-but button {position:absolute;top:9px;right:5px;width:30px;height:24px;border:0;color:#666;display:inline-block;border-radius:0;line-height:24px;background:none;}
.sidebar-block-but button i,.footer-content-but button i {font-size:20px;position:relative;}
.sidebar-block-but button i::after,.footer-content-but button i::after {content:"\e660";font-family:"iconfont";}
.sidebar-block-but.expand button,.footer-content-but.expand button {transform:rotateZ(180deg);}
.sidebar-box,.footer-main {display:none;}
.sidebar-box.expand,.footer-main.expand {display:block;}
    
    .video video{ width: 100% !important}
    .sec_m table{ width: 100%}
}
/*邮件*/
.inner-message {overflow:hidden;padding:0 32px 12px;background-color: #f7f7f7;  }
.inner-message-t {background:#f0f0f0;padding:10px 16px;margin-bottom:20px;}
.inner-message-t h5 {font-size:18px;line-height:24px;}
.inner-message .th {font-size:20px;margin-bottom:10px;}
.inner-message .inner-message-centered span {color:#F60;}
.inner-message-row {margin-top:20px;overflow:hidden;}
.inner-message-row .item {width:100%;float:left;margin-bottom:20px;}
.inner-message-row .item input {width:100%;line-height:30px;border:0;height:30px;color:#999;font-size:16px;}
.inner-message-row .item textarea {width:100%;line-height:30px;border:0;font-family:Arial,Helvetica,sans-serif;min-height:150px;background:#fff;color:#999;font-size:16px;}
.inner-message-row .item button {color:#fff;border-radius:5px;font-size:14px;background-color:#0068b8;display:block;line-height:30px;padding:8px 20px;cursor:pointer;border:0;position:relative;}
.inner-message-row .item button:hover {background:#175aa7;}
.inner-message-row .item button:active {background-color:#F60;}
.inner-message-row .item button i {z-index:10}
.inner-message-row .item.item-half {width:50%;}
.inner-message-half {padding:8px;border:1px solid #ddd;margin-right:20px; background:#fff}
.inner-message-box {padding:8px;border:1px solid #ddd; background:#fff}
.item-half.yzm{ width: 30%!important; min-width: 200px;}
.item-half.yzm img{float: right;position: relative;top: -34px;width: 100px;}
.item.submit{ width: 20%; margin-left: 20px;}
.item.submit .btn-text{ padding: 8px 50px;}

/*内页-新闻列表*/
.news-list{ margin-bottom: 30px;}
.news-list li {margin-bottom:20px;position:relative;background:#eee;padding: 10px;}
.news-list li::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#4d85ff, #00366b);transition:all ease .4s;-webkit-transition:all ease .4s;}

.news-list li:hover::after {width:100%;}
.news-list li:hover a .img {overflow:hidden;}
.news-list li:hover a .img img {transform:scale(1.1);}
.news-list li a {z-index:1;position:relative;display:flex;}
.news-list li a .img {width:20%; height: 200px; float: left}
.news-list li a .img img {height:100%; width: 100%;object-fit:cover; transition:ease all 0.4s;-webkit-transition:ease all 0.4s;-moz-transition:ease all 0.4s;-o-transition:ease all 0.4s;}

.news-list li a .info-w {width:78%;padding-right:.4rem;justify-content:space-between;-webkit-justify-content:space-between;display:-webkit-flex;display:flex;}
.news-list li a .info {width:calc(100% - 180px);}
.news-list li a .info h3 {font-size:18px;margin-top:20px;display:inline-block;overflow:hidden;width:100%;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;}
.news-list li a .info .els2 {height:60px;margin:20px 0;line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

.news-list li a:hover .info .els2 {color:#fff;}
.news-list li a .icon {width:100%;height:24px;}
.news-list li a .date {width:150px;padding-right:.2rem;padding-left:.2rem;border-right:1px solid #ddd;-webkit-flex-direction:column;flex-direction:column;align-items:center;-webkit-align-items:center;display:flex;justify-content:center;-webkit-justify-content:center;text-align:center;}
.news-list li a .date em,.news-list li a .date span {width:100%}
.news-list li a .date em {font-size:30px;margin-left:-15px}
.news-list li a .date span {font-size:18px;margin-top:20px;}
.news-list li:hover a h3 {color:#fff;}
.news-list li a:hover .con .d1,.news-list li a:hover .con .d2,.news-list li a:hover .date {color:#fff;transition:all 0.5s ease;}

.news-list li:hover a {color:#fff;transition:all 0.5s ease;background:linear-gradient(90deg,#4d85ff, #00366b);}



.news-list  ul li  i{display: block;
    width: 98px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #012a96;
    text-align: center;
    border: 1px solid #012a96;
    position: relative;
}
.news-list  ul li  i:before {
    content: '';
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 10px solid #fff;
    left: -1px;
    top: 50%;
    margin-top: -9px;
    z-index: 1;
}

.news-list  ul li  i:after {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #012a96;
    left: -1px;
    top: 50%;
    margin-top: -5px;
    z-index: 2;
}

.news-list  ul li:hover  i{   color: #fff;border: 1px solid #fff;}













@media screen and (max-width:1300px) {.news-list li a .date {width:110px;}
.news-list li a .date em {font-size:24px;}
.news-list li a .info {width:calc(100% - 130px);}
}
@media (max-width:768px) {
    
    .news-list li a .date,.news-list li a .info {height:auto;width:100%;}
.news-list li a {display:block;}
.news-list li a .info-w {width:100%;padding-right:0;display:block;}
.news-list li a .info {height:auto;}
.news-list li a .info .els2 {margin-top:5px;margin-bottom:5px;line-height:25px;height:50px;display:none;}
.news-list li a .date em,.news-list .date span {font-size:18px;width:auto;}
.news-list li a .date span {margin-top:0;}
.news-list li a .info h3 {margin-top:0;font-size:18px;overflow:inherit;text-overflow:inherit;white-space:inherit;padding:10px;}
.news-list li a .date {display:none;}
.news-list li a .pic img {width:150px;height:90px;}
.news-list li a .con {width:calc(100% - 150px);padding:0px 10px 0;}
.news-list li a .con .d1 {font-size:14px;line-height:25px;height:25px;}
.news-list li a .con .d2 {line-height:20px;height:40px;margin-top:5px;font-size:12px;}
    .news-list li a .img{height: 200px; width: 100%}
}








.news-info {padding:30px;border:1px solid #ddd;margin-bottom:20px; background: #fff}
.news-info .news_line {border-bottom:1px solid #ddd;padding-bottom:12px;margin-bottom:25px;}
.news-info h3 {font-size:20px;color:#2d2b27;text-align:center;text-align:center;}
.news-info .date {text-align:center;margin-top:20px;}
.news-info .edit {padding-top:.3rem;line-height:30px;font-size:16px;}
.news-info .edit img{ max-width:100%}
.news-info .edit ul li {list-style-type:inherit;}
@media (max-width:768px) {.news-info .head h3 {font-size:18px;color:#2d2b27;}
.news-info {margin-bottom:20px;padding:30px 10px 10px 10px;}
.news-info .edit {font-size:14px;line-height:25px;}
.other-upper-next{font-size: 12px!important;}
}
/*新闻详情页-上下篇*/
.other-upper-next {overflow:hidden;line-height:28px;font-size:15px;padding:10px;background-color:#eee;margin-top:30px;}
.other-upper-next-box {overflow:hidden;}
.other-upper-next .other-upper {float:left;}
.other-upper-next .other-next {float:right;}
.other-upper-next .other-upper i {font-size:16px;display:inline-block;vertical-align:middle;margin-right:5px;}
.other-upper-next .other-next i {float:right;font-size:14px;display:inline-block;vertical-align:middle;margin-left:5px;}
.other-upper-next span a:hover {color:#2d2b27;}

.lxwm .layout-wrapper,.lxwm .inner-message{padding: 0 ;}

.wui-text-size-hr@S{line-height:42px;}

/*关于我们*/
.gy_bt{ width: 100%; text-align: center; padding: 40px 0; display: block; overflow: hidden }
.gy_bt h2{ line-height: 1.5em; font-size:41px;}
.gy_bt i{ display: inline-block; width: 80px; height: 5px; background: #012f97; margin: 22px auto}
.gy_bt p{font-size: 16px; color: #4c5664;}

.gy_li ul,.gywm_sz,.wenhua  ul{ width: 102%;}
.gy_li ul li,.wenhua ul li{ width: 31.33%; float: left; margin-right: 2%; margin-bottom: 2%; padding: 1.5%;transition: transform 0.3s ease,box-shadow 0.3s ease;-webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);border-radius:10px; height: 270px;}

.gy_li ul li span{ display: inline-block; width: 80px; height: 80px; margin-bottom: 25px; background: #e7eeff;border-radius:50px; text-align: center; line-height: 80px;}
.gy_li ul li span img{ height: 38px; vertical-align: middle}
.gy_li ul li h3,.gy_li ul li p{ line-height: 1.5em}
.gy_li ul li h3{ margin-bottom: 10px;}
.gy_li ul li a{ font-size: 16px; color: #012f97;margin-top: 10px; display: inline-block}
.gy_li ul li:hover,.wenhua ul li:hover,.lct ul li:hover dl{ transform: translateY(-5px);
                box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);transition: all .4s;-webkit-transition: all .4s;}

.gy_nr{ width: 100%;-webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);border-radius:10px; display: block; overflow: hidden;margin-bottom: 30px;}
.nr_L{ padding: 2%; float: left; width: 50%;}
.nr_L h2{line-height: 2em; font-size: 30px;}
.nr_L p{ font-size: 16px; line-height: 34px;}
.nr_r{ width: 50%; float: right}
.nr_r img{ width: 100%; height:503px;object-fit:cover; }

.gywm_sz .counter{ width: 23%; margin-right: 2%; margin-bottom: 2%; -webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);border-radius:10px;  padding: 2% 0;}

.gywm_sz  .counter .title{ border: none}
.gywm_sz  .counter .counter-value{ color: #3573ff}


.qylc{ width: 100%; background: #f5f7fa;display: block; overflow: hidden; padding: 50px 0; margin-bottom: 50px;}
.lct{ width: 100%; display: block; overflow: hidden; border-left: 2px solid #c8d9fb}
.lct ul{ width:978px; margin: 0 auto}
.lct ul li{ width: 100%; position: relative; float: left; margin-bottom: 30px;}
.lct ul li span{ display: inline-block; width: 85px; margin-top: 45px; height: 32px; text-align: center; line-height: 32px; color: #fff; background: #033091;border-radius:25px;  float: left}
.lct ul li dl{ width:76.5%; float: left;margin-left: 30px; padding: 2%;-webkit-box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);box-shadow: 0px 6px 10px 3px rgba(0,0,0,.1);border-radius:10px;background:#fff  }
.lct ul li dl p{ line-height: 30px; font-size: 15px; color: #4c5664}
.lct ul li dl p:first-child{ font-size: 22px; font-weight: 600; margin-bottom:5px; color: #000}

.lct ul li:nth-child(2n) span{ float: right}
.lct ul li:nth-child(2n) dl{ float: right; margin-right: 30px;}









.wenhua ul li{ padding:0; height: auto }

.wenhua ul li span{width: 100%; height: 192px; text-align: center; line-height: 192px; background: #e7eeff; display: block}
.wenhua ul li span img{max-width: 100%; height: 66px;}
.wenhua ul li dl{ display: block; padding:4% 6%}
.wenhua ul li dl h2{ font-size: 30px; line-height: 2em}
.wenhua ul li dl p{font-size: 24px; color: #165dff}




.wui-text-size-2md{ font-size:40px;}
.ours ul{ width:102%; overflow:hidden}
.ours ul li{ width:48%; float:left; margin-right:2%; margin-bottom:2%; }
.ours ul li .our_l{ width:100%; display:block; overflow:hidden; margin-bottom:20px;text-align:left}
.ours ul li .our_l h2{ font-size:24px; font-weight:600; line-height:180%}
.ours ul li .our_l  h6{ font-size:17px;font-weight:600; margin:10px 0}
.ours ul li .our_l p{ font-size:15px; line-height:30px;}
.ours ul li dd{ width:100%; text-align:center}
.ours ul li dd img{ max-width:100%}

.hton_l{ width:40%; float:left; margin-top:50px;text-align:left}
.hton_l h2{ font-size:30px; line-height:180%;text-transform:uppercase;}
.hton_l h6{ font-size:18px; margin:10px 0}
.hton_l p{ font-size:15px; line-height:30px; color:#999}
.hoton ul{ width:45%; float:right}
.hoton ul li{ width:32%; float:left; border:1px solid #000;}
.hoton ul li img{ width:100%; height:280px;object-fit:cover;}

.zry ul{ width:101%;overflow:hidden }
.zry ul li{ width:24%; margin-right:1%; margin-bottom:1%; float:left}
.zry ul li img{ width:100%; height:240px;object-fit:cover;}


/*关于我们*/	
.row{  text-align:left}
.col-xs-12{width: 100%;position: relative;}	
.col-xs-12 h2{font-size: 20px;
    color: #666;
    font-weight:600;
    margin: 0 0 26px;
}	
.accordeon {
    border-top: 0;
    margin: 0 0 39px;

}

.accordeon .title {
    position: relative;
   font-weight: 700;
    line-height: 1;
    margin: 0;
    padding: 15px;
    cursor: pointer;
    outline: none;
    background:#f1f2f7;
    margin: 0;
    display: table;
    width: 100%; margin-bottom:10px;
}

.accordeon .title i.fa {
    display: none;
}	
.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
	
	.accordeon .title.ui-state-active p {
    background-image: url(../image/blue_minus.png); color:#26498d
}

.accordeon .title p {
    margin: 0;
    display: inline;
    padding: 0 49px 0 10px;
    background: url(../image/blue_plus.png) right no-repeat;

    display: table-cell; font-size:20px; font-weight:400; color:#333333
}

.accordeon .ui-accordion-content {
margin: 0; 
}
.accordeon .text-with-image, .accordeon .plain-text {
    border: 0;
    margin:15px 10px;
    padding-top: 0;
}

figure {
    margin: 0;
}
.text-with-image .desc {
    overflow: hidden;
    line-height: 26px;
}


.wui-18{ width:18%; float:left;}

/*产品系列*/
.inner-page-r{ width:80%; float:right;}
.pro_bt{height: 50px;
    border-bottom: 2px solid #d4d4d4;
    margin-bottom: 20px;width: 100%; display: block}
.pro_bt h2{display: inline-block;
    font-size: 30px;
    font-weight: normal;
    line-height: 50px;
    padding-right: 24px;
    border-bottom: 2px solid #ababab;}


.products-list ul{ width:100%}
.products-list ul li{ width:100%; background: #fff; float:left; padding: 2%; border: 1px solid #dedede;margin-right:2%; margin-bottom:2%; }
.products-list ul li .imgs{ width:32%; height:342px;  float: left}
.products-list ul li .imgs img{ width:100%; height:100%;object-fit:cover;}
.products-list ul li:hover{ transition: all .7s; border: 1px solid #012a96;}
.products-list ul li:hover .imgs img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.3);transform:scale(1.3);}
.products-list ul li h3{ height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:normal}

.products-list ul li  dl{ width: 63%; float: right}
.products-list ul li  dl h3{height: 52px;
    font-weight: normal;
    font-size: 24px;
    color: #333;
    line-height: 48px;
    margin-bottom: 10px;
    overflow: hidden; text-overflow: ellipsis;}
.products-list ul li  dl dd{max-height: 193px;
    font-size: 16px;
    line-height: 32px;
    color: #626262;
    overflow: hidden; margin-bottom: 20px;}
.products-list ul li  dl  i{display: block;
    width: 98px;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #012a96;
    text-align: center;
    border: 1px solid #012a96;
    position: relative;
}
.products-list ul li  dl i:before {
    content: '';
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 10px solid #fff;
    left: -1px;
    top: 50%;
    margin-top: -9px;
    z-index: 1;
}

.products-list ul li  dl i:after {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 7px solid #012a96;
    left: -1px;
    top: 50%;
    margin-top: -5px;
    z-index: 2;
}

.products-list ul li:hover  dl i{ background:#012a96; color: #fff }
.products-list ul li:hover h3{color: #012a96}


.top_ms{ width: 100%; padding:2%  3%; background: #f2f2f2; line-height: 36px; font-size: 16px; margin-bottom: 30px;;display: block; overflow: hidden}












.footer-wrap{ width:100%;}
.layout-footer{ background:#f1f2f7}
.inner-page-r-con{ background:#fff; padding:20px;}
.com_title{ line-height:56px; text-align:center; font-size:22px;text-transform:capitalize}
.wui-grid-co2{ width:20%}
.wui-text-size-xs{ margin-top:20px;}
.wui-flex-auto{ width:75%; float:right;margin-bottom: 40px;}
.wui-flex{ float:left}
.wui-menu-text,.wu_zi{ font-weight:600}
.wu_zi{ border-left:3px solid #26498d; padding-left:18px;text-transform:uppercase;}


.lj_more{ width:100%; overflow:hidden; display:block; text-align:center}
.lj_more a{ display:inline-block; background:#26498d; color:#fff; padding:15px 40px; font-size:20px;}



.edit p{ font-size: 16px; line-height: 32px;}
.edit img{max-width:60%;}

/*导航条*/

.w_grid{width: 100%;
    max-width: 1700px;position:relative;top:-50px;background-color: rgba(255, 255, 255, 1);
    box-shadow: 3px 7px 10px 0px rgba(0,0,0,0.2);
    overflow: visible;
    height: 80px; line-height: 80px; z-index: 88}
.wui-crumb{ line-height: 80px; margin-right: 30px}
.w_rt{ float: left}
.w_rt ul li{ display: inline-block; float: left}
.w_rt ul li a{position: relative;
    font-size: 17px;

    padding: 0px 30px;
    color: #333;
    display: block;
    transition: 0.3s ease 0s;}
.w_rt ul li a:before {
    position: absolute;
    content: '';
    left: 5%;
    bottom: 0px;
    width: 0%;
    height: 3px;
    background-color: #1e9159;
    transition: all .3s;
}

.w_rt ul li a:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 15px;
    display: block;
    background: #ccc;
    top: 50%;
    margin-top: -7px;
    right: 0px;}

.w_rt ul li.active a,.w_rt ul li:hover a{ color: #1e9159; font-weight: 600}
.w_rt ul li:hover a:before { width: 90%}


/*关于我们*/

.qywh,.qywh img{ width: 100%; height: auto}

.honor-list ul{ width: 102%;}
.honor-list ul li{ width:23%; float: left; margin-right: 2%; margin-bottom: 2%;font-size: 16px;
    transition: 0.3s ease 0s;
    background: #f2f2f2;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;}
.certificate-listing-frame{display:table-cell; text-align: center; vertical-align: middle; width:379px; height:240px;  overflow: hidden;*display: block; *font-size:220px;/*约为高度的0.873，200*0.873 约为175*/ *font-family:Arial;}
.certificate-listing-frame img{max-width:100%;max-height:100%;display: inline-block;vertical-align: middle; width:auto; height:auto}
.honor-list ul li .more{color: #222;
    white-space: nowrap;
    transition: 0.3s ease 0s;
    display: block;
    width: 100%;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    padding: 3% 10px;
    box-sizing: border-box;}

.honor-list ul li:hover{ transition: all .7s; background-color: rgba(1, 46, 152, 0.85);}
.honor-list ul li:hover  img{-webkit-transition:-webkit-transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;transition:transform 2s cubic-bezier(.165,.84,.44,1),opacity .5s;-webkit-transform:scale(1.2);transform:scale(1.2);}
.honor-list ul li:hover .more{ color: #fff}







@media screen and (max-width:1699px){
    .youshi{padding:40px 0;}
    .youshi .ys_span{margin-top:30px;}
    .youshi .ys_span i{width:80px;height:80px;}
    .youshi .ys_span p{font-size:16px;height:26px;line-height:26px;margin-top:9px;}
    .youshi .ys_span em{margin-top:8px;}
    .youshi .ys_ul{margin-top:40px;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 12% 0 7%;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:60px;height:60px;line-height:60px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:24px;height:44px;line-height:44px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:20px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:20px 0 10px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:15px;line-height:30px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:50px;height:46px;line-height:44px;width:140px;} 
    
    
    
}

@media screen and (max-width:1499px){
    .youshi{padding:30px 0;}
    .youshi .ys_span{margin-top:20px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:70px;}
    .youshi .ys_span i{width:70px;height:70px;}
    .youshi .ys_span p{font-size:14px;height:24px;line-height:24px;margin-top:6px;}
    .youshi .ys_span em{margin-top:5px;}
    .youshi .ys_ul{margin-top:22px;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 10% 0 4%;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:50px;height:50px;line-height:50px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:20px;height:36px;line-height:36px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:17px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:12px 0 6px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:14px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:30px;height:40px;line-height:38px;width:120px;}
    .youshi .ys_ul .swiper-button-prev, .youshi .ys_ul .swiper-button-next{width:70px;height:43px;margin-top:-22px;}
    .youshi .ys_ul .swiper-button-prev{left:10%;}
    .youshi .ys_ul .swiper-button-next{right:10%;}




}
@media screen and (max-width:1199px){


    .youshi{padding:20px 0;}
    .youshi .ys_span{margin-top:15px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:40px;}
    .youshi .ys_span i{width:60px;height:60px;}
    .youshi .ys_span p{font-size:14px;height:24px;line-height:24px;margin-top:6px;}
    .youshi .ys_span em{margin-top:0;border-top-width:5px;border-left-width:5px;border-right-width:5px;}
    .youshi .ys_ul{margin-top:15px;padding:0 0;}
    .youshi .ys_ul .ys_right .ys_txt{padding:0 50px 0 15px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:50px;height:50px;line-height:50px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:20px;height:36px;line-height:36px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:17px;}
    .youshi .ys_ul .ys_right .ys_txt i{margin:12px 0 6px;}
    .youshi .ys_ul .ys_right .ys_txt p{font-size:14px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt a{margin-top:30px;height:40px;line-height:38px;width:120px;}
    .youshi .ys_ul .swiper-button-prev, .youshi .ys_ul .swiper-button-next{width:40px;height:25px;margin-top:-13px;}
    .youshi .ys_ul .swiper-button-prev{left:0;}
    .youshi .ys_ul .swiper-button-next{right:0;}





}

@media screen and (max-width:768px) {
        .layout-header .header-pc{ display: none}  
    .banner{ height: 400px;}
    .tite h3{ font-size: 36px;}
    .tite h2{ font-size: 26px;}
    
    .about,.gonc{ margin: 40px 0}
    .about_l{ width: 100%}
    .about_r{ width: 100%; position: inherit}
    .about_r img{ width: 100%; height: auto}
    .about_l p{ font-size: 16px}
    .counter{ width: 50%; margin-top: 15px;}
    .bjt3{ background-size: cover;min-height: inherit; padding: 30px 0; }
    .container{ padding-top: 0}
    .counter .counter-value{ font-size: 40px}
    .counter .counter-content{ height: 55px}
    
    .cp_xl{    padding: 40px 0 60px;}
    .cp_lt{ width: 99%; margin-right: 0; margin-bottom: 2%}
    .ctt dl h2{ font-size: 30px;}
    .ctt dl h3{ font-size: 20px;}
    .cp_lt ul{ width: 102%}
    .cp_lt ul li{ width: 48%; margin-right: 2%}
    .cp_lt dd{ width: 100%; line-height: inherit}
    
    
    .products{ padding: 50px 0}
    .tite ul{  width: 100%; float: left}
    .products-g ul li{ width: 48%}
    .products-g ul li span{ height: 260px;}
    .products-g ul li dl{ display: none}
    .products-g ul li{ padding: 0}
    .layout-root{ padding-bottom: 0}
  
    
    .gnc{ height: auto; padding-bottom: 20px;}
    .gnc h3 span{ font-size: 30px;}
    .gnc h3{ width: 100%; font-size: 16px;}
    .gnc ul,.gonc dl dt{ display: none}
    .gonc dl dd{ width: 100%}
    .gonc dl dd em img{ height: 220px;}
    
    .youshi,.hyingyong,.list6{padding:40px 0;}
    .youshi .ys_span{margin-top: 20px;}
    .youshi .ys_span{margin-top:10px;}
    .youshi .ys_span .swiper-pagination-bullet{margin-left:0;width:20%;border-radius:0;}
    .youshi .ys_span i{display:none;}
    .youshi .ys_span p{margin-top:0;font-weight:normal;background:#DFE2E5;border-right:1px solid #FFF;height:36px;line-height:36px;}
    .youshi .ys_span .swiper-pagination-bullet.swiper-pagination-bullet-active p{background:#031f7a;color:#FFF;}
        .youshi .ys_ul{margin-top:10px;}
    .youshi .ys_ul .ys_li:before{content:none;}
    .youshi .ys_ul .ys_left{width:100%;float:none;}
    .youshi .ys_ul .ys_right{width:100%;position:relative;}
    .youshi .ys_ul .ys_right .ys_img{display:none;}
    .youshi .ys_ul .ys_right .ys_txt{position:relative;top:0;padding:10px;}
    .youshi .ys_ul .ys_right .ys_txt.tly{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0);}
 
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_num{font-size:30px;height:30px;line-height:30px;}
    .youshi .ys_ul .ys_right .ys_txt .ys_title .ys_p{font-size:18px;height:26px;line-height:26px;}
    .youshi .ys_ul .ys_right .ys_txt span{font-size:12px;}
    .youshi .ys_ul .ys_img img{ width: 100%; height: 300px;object-fit:cover;}
    
    .youshi .ys_ul .ys_right{ height: auto}
    
    .f_nr li{ width: 410px; height:auto}
    .f_nr li em{padding:  28px 38px ;}
    .f_nr li b img{ height: 280px;}
    
    .news .tite ul{ width: 100%}
    .aboutn dl dd{left:20px;;top: 30px;width: 90%;}
    .p2imga{top:80%}
    
    .aboutn dl dd h4 a{ font-size: 36px;}
    .aboutn dl dd p{ font-size: 16px}
    
    .footer{padding: 30px 0 60px;}
    .footer .left{ width: 100%}
   .footer .ft-xx{ width: 100%; margin-left: 10px; margin-top: 10px; padding-bottom: 20px;}
    .footer .ft-code, .footer .ft-nav,.footer .left h4{ display: none}
    .footer .left strong i{ width: auto; display: inline-block}
    
    .footer .left .ft-logo{ width: 100%; text-align: center}
    .footer .left .ft-logo img{ max-width: 50%;width: auto}
    
    
    .small_banner{height: 240px;}
    .small_banner .mask .a1{ padding-top: 13%; font-size: 36px;}
    .mlu{ display: none}
    .w_grid{ line-height:40px;display:flex;justify-content: center;align-items: center;text-align:center;}
    .w_rt ul li a{ padding: 0; }
    .w_rt ul li{width: 33.3%; text-align: center}
    .w_rt{ width: 100%}
    
    .honor-list ul li{ width: 48%}
    .certificate-listing-frame{ height: 200px;}
    .honor-list{ padding-bottom: 20px;}
    
    .wui-p-v-32{padding: 0}
    .lxt,.products-list ul li dl dd{ display:none}
    .wui-w-5x,.wui-backing-tiny-gray-9{ width: 100%}
    .wui-flex{ float: inherit}
    
    .inner-page-r,.products-list ul li dl{ width: 100%; margin-top: 20px;}
    .products-list ul li .imgs{ width: 100%; height: auto}
    .brief,.panel{ width: 100% !important}
    .brief{ margin-top: 25px;}
    .bavlcn dd{ line-height: 32px;}
    .bavlcn dt{ width: 98%}
    .alcet_title{ height: auto; font-size: 17px;}
    .item.submit .btn-text{padding: 8px 20px; line-height: 20px}
    .wui-menu-sublist{ display: none}
    .bjs{ padding-bottom: 20px}
    
    .products_info .panel{ width: 100% !important}
    
    
    
    
    
    .wui-18{width:100%;display: none}
    

	.layout-footer{ padding-bottom: 25px;}
	.honor-list li { width: 47.1%}
    
    
    .gy_li ul, .gywm_sz, .wenhua ul{ width: 100%}
    .gy_li ul li, .wenhua ul li{ width: 100%; margin-right: 0; margin-bottom: 4%; padding: 4%; height: auto}
    .nr_L{ width: 100%; padding: 4%}
    .nr_r{ width: 100%}
    .nr_r img{ height: auto}
    .gywm_sz .counter{ width: 48%}
    .qylc{ padding: 30px 0}
    
    .lct{ height: 1000px; overflow: auto}
    .lct ul{ width: 100%;}
    .lct ul dl{ width: 99%;}
    .lct ul li span{ margin-top: 0; margin-bottom: 20px;}
    .lct ul li dl p:first-child{font-size:18px}
    .lct ul li dl{ width: 100%; margin-left: 0; }
    .lct ul li:nth-child(2n) dl{margin-right: 0}
    
    .gy_bt h2{ font-size: 30px;}
    
    
    
}

@media screen and (max-width:414px) {
    .tite ul li{padding: 0 30px;}   
    .products-g ul li span{ height: 190px;}
    .products-g ul li h2{ font-size: 16px; height: auto}
    .lj_more a{ font-size: 16px;}
    .f_nr li{ width: 320px;}
    
    .cp_gd{ height: 140px;margin: 40px 0;}
    .cp_gd ul li{ width: 240px;padding-bottom: 0}
    .cp_gd ul li span{ height: 90px;}
    
    
    
    
    
    
    
    
    
}