/*html { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); _filter:none;} */
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 { font-family: "Helvetica Neue",Helvetica,Arial,"Microsoft Yahei","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif, tahoma, arial, "\5B8B\4F53";}
/** {-webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
#dituContent,#dituContent * {-webkit-transition: 0; -moz-transition: 0; -o-transition: 0; transition: 0;}*/
a:hover { text-decoration: none;}

.global-header-fixed { position: fixed; left: 0; right: 0; top: 0; z-index: 100; }
.navbar-top { background-color: #2b303b; height: 2.5rem; line-height: 2.5rem; color: #ccc; border-bottom: solid 1px rgba(255,255,255,.08); position: relative; z-index: 2;}
.navbar-top #slogan { color: #ccc; font-size: 0.75rem; margin-left: 0.5rem; border-left: 1px solid #ccc; padding-left: 0.25rem;}
.navbar-top a { font-size: 0.875rem; color: #fff; padding-left: 1.125rem;}
.navbar-top a:hover { color: #fff; }
.navbar-top a .iconfont { margin-right: 0.4rem; font-size: 0.875rem;}
.shadow { box-shadow: 0 5px 15px rgba(0,0,0,0.3);}

.bg-black { background-color: #2e3033; color: #ccc;}
.block-footer { padding: 3rem 0 0.5rem; background-color: #2e3033; color: #ccc;}
.footer-map a { color: #ccc;}
.footer-map a:hover { color: #fff; }
.footer-map-title { font-size: 1rem; margin-bottom: 0.5rem; color: #fff; text-transform:capitalize;}
.footer-map-title a { color: #fff; }
.footer-map-title i { font-size: 1rem; margin-right: 0.5rem; }
.footer-map-item { font-size: 0.9rem; line-height: 1.8rem; text-align: justify;}

.list-group-footer-inline { flex-direction: row; }
.list-group-footer-inline .list-group-item { background-color: transparent; border: none; padding: 0 0.5rem;}
.list-group-footer-inline .list-group-item a { color: #ccc;}
.list-group-footer-inline .list-group-item a:hover { color: #fff;}

.nav-header { background-color: rgba(0, 0, 0, .1); z-index: 99; border-bottom: 1px solid hsla(0,0%,100%,.15); font-size: 1rem; padding-left: 0; padding-right: 0;}
.nav-header .iconfont { margin-right: 0.4rem; }
.navbar-dark .navbar-nav .active>.nav-link { color: #fff; }
.navbar-light { background-color: #fff; box-shadow: 0 2px 2px 0 rgba(207,216,221,.7); border-bottom: none;}
.navbar-light .navbar-nav .nav-link { color: #333;}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #a30083;}
.navbar-light .navbar-nav .active>.nav-link { color: #a30083; }
.navbar-gray { background-color: #2b303b; border-bottom-color: transparent;}
.lang-list { margin-right: 1rem; font-size: 0.875rem; }
.lang-list li.dropdown>a { color: rgba(255,255,255,.5); }
.lang-list li.dropdown>a:hover { color: rgba(255,255,255,.75); }
.lang-list li.dropdown li { padding: 0.25rem 1rem;; }
.lang-list li.dropdown li>a { color: #333; font-size: 0.875rem; }
.lang-list li.dropdown li>a:hover { color: #a30083; }
.navbar-light .lang-list li.dropdown>a { color: #333; }
.navbar-light .lang-list li.dropdown>a:hover { color: #a30083; }
/*.navbar-gray .navbar-nav .nav-link { color: #333;}*/
/*.navbar-gray .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover { color: #a30083;}*/
/*#navbar-header { display: flex; }*/
#header-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal;flex-direction:row;}
#header-nav .nav-item { padding: 0 0.625rem; font-size: 1rem; text-transform:capitalize;}

#carousel-index { margin-top: -4rem;}
#carousel-index .carousel-item img { }

.page-header { margin-top: -3.825rem; background-size: cover; background-repeat: no-repeat; background-position: center center; min-height: 22rem; padding-top: 5rem;}
.page-header .title { color: #ececec; font-size: 2.5rem; margin-top: 1.5rem; line-height: 1.6;}
.page-header .description { color: #ececec; margin-top: 1rem; font-size: 1rem;line-height: 2rem;}
.page-category-nav { height: 3.125rem; position: absolute; bottom: 0; left: 0; right: 0; background-color: hsla(0,0%,100%,.2); text-align: center; line-height: 3.125rem; color: #ececec; font-size: 1rem;}
.page-category-nav a { height: 3.125rem; line-height: 3.125rem; color: #ececec; font-size: 1rem;}
.page-category-nav .nav-item { height: 3.125rem; line-height: 3.125rem; color: #ececec; font-size: 1rem;}
.page-category-nav .nav-link { padding: 0 0.625rem; color: #ececec;}

/* panel */
.panel>.panel-heading { background-color: transparent;}
.panel>.panel-heading>.panel-title { border-left: 0.25rem solid #7b1fa2; padding-left: 0.6875rem; color: #666;}
.panel-body { padding: 0.625rem 1rem;}
.panel-primary .panel-heading { border-bottom: 0;}
/* 用于覆盖panel的全局效果 */
.panel-danger>.panel-heading { background-color: #f44336;}
.panel-success>.panel-heading { background-color: #0f9d58;}
.panel-danger>.panel-heading>.panel-title,.panel-success>.panel-heading>.panel-title { border-left: none; margin-left: 0; padding-left: 0;}

.panel-heading-high { padding-bottom: 0;}
.panel-heading-high .panel-title { font-size: 1.25rem;}
.panel-heading-high .nav-tabs { display: table; width: 100%; border-bottom: 0;}
.panel-heading-high .nav-tabs>li { display: table-cell; float: none; text-align: center; font-size: 1rem;}
.panel-heading-action .nav-tabs { margin: -0.625rem -1rem -0.625rem;}
.panel-heading-action .nav-tabs>li>a { font-size: 1rem; line-height: 1rem; padding: 0.75rem 1rem;}
.panel-heading-action .nav-tabs>li.active { border-bottom: 0;}
.panel-heading-action .dropdown-menu>.active>a { background-color: #ececec; color: #009986;}

.panel-nav-right .nav-tabs { float: right; margin-top: -0.625rem; margin-bottom: -0.625rem; border-bottom: 0;}
.panel-nav-right .nav-tabs>li>a { padding: 0.5rem 1rem;}

.table-bordered { border: 1px solid #e6e6e6; }
.table-bordered thead { background-color: #f5f5f5; }
.table-bordered tbody tr:nth-child(2n) { background-color: #f9f9f9; }

.card-leftthumb {border: 1px solid #e9ecef; background-color: #fff;}
.card-leftthumb .card-thumb {float: left; margin-right: 1.25rem; width: 10rem; border-radius: 0.5rem;}
.card-leftthumb .card-head { padding: 1.25rem; }
.card-leftthumb .card-title { font-size: 1.5rem; color: #7b1fa2; margin-bottom: 0.5rem;}
.card-leftthumb .card-title a { color: #7b1fa2;}
.card-leftthumb .card-description { font-size: 1rem; margin-bottom: 0.5rem; color: #999;}
.card-leftthumb .card-text { font-size: 1rem; }

.toast {
    max-width: 350px;
    overflow: hidden;
    font-size: .875rem;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.1);
    box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    opacity: 0;
    border-radius: .25rem;
}

.toast-header {
display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: .25rem .75rem;
    color: #6c757d;
    background-color: rgba(255,255,255,.85);
    background-clip: padding-box;
    border-bottom: 1px solid rgba(0,0,0,.05);
}

.toast-body {
  padding: .75rem;
}


.img-with-caption { position: relative; width: 100%;  -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.img-with-caption:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3);}
.img-with-caption>img { width: 100%; }
.img-with-caption>.caption {position: absolute; bottom: 0; left: 0; right: 0; padding: 1rem 0.5rem 0.75rem; color: #ececec; background: rgba(163,0,131,0.8);}
.img-with-caption>.caption-bottom { padding: 1rem 0.5rem 0.75rem; color: #333;}
.img-with-caption>.tag { position: absolute; top: 0; left: 50%; width: 7rem; margin-left: -3.5rem; text-align: center; font-size: 0.75em; padding: 0.2rem 0.4rem; color: #ececec; background: rgba(163,0,131,0.8);}
.img-with-caption>.caption>span { font-size: 0.8rem;  color: #ccc;}

.list-case-item { border: none; box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.12); background-color: #fff; padding: 1.5rem; margin-bottom: 1rem; color: #333; transition: transform .2s linear;}
.list-case-item:hover { box-shadow: 0 0 6px rgba(0,0,0,.1), 0 4px 6px rgba(0,0,0,.1);}
.list-case-item .logo { height: 2.5rem; margin-bottom: 1rem;}
.list-case-item .cover { height: 6rem; margin-bottom: 1rem; max-width: 100%;}
.list-case-item .title { font-size: 1.125rem; margin-bottom: 0.5rem; text-align: left;}
.list-case-item .description { font-size: 0.8rem; margin-bottom: 0; color: #666; line-height: 2; text-align: left;}

.list-group-show .list-group-item a { color: #333; display: block;}
.list-group-show .list-group-item.active a { color: #ececec; }

.document { background: #fff; padding: 2rem 2rem;}
.document-nav,.document-nav i { margin: 0.7rem 0; font-size: 0.875rem;}
.document-nav, .document-nav a { color: #999;}
.document-nav a:hover { color: #a30083;}
.document-nav-white,.document-nav-white a { color: rgba(255,255,255,.5); }
.document-nav-white a:hover { color: #ececec; }
.document-title { font-size: 2rem; line-height: 1.5; font-weight: 700;}
.document-meta { font-size: 0.75rem; color: #999;}
.document-description { font-size: 1rem; color: #999; }
.document-content { text-align:justify; padding: 1rem 0 2rem;}
.document-content img { max-width: 100%;}
.document-content p { font-size: 1rem; letter-spacing: 1px; line-height: 2rem;}
.document-content h2 { font-size: 1rem; font-weight: bold; line-height: 1.5;}
.document-footer-nav { font-size: 0.875rem; line-height: 2; }

.case-logo { width: 100%; text-align: center; border: 1px solid #e8eef5; margin-bottom: 2rem; padding: 3rem 2rem; background-color: #fff;}
.case-logo img { height: 5rem; }
.case-brand { font-size: 1.5rem; color: #333; margin-bottom: 1rem;}
.case-description { font-size: 0.875rem; color: #999; margin-bottom: 0.5rem; line-height: 2;}
.case-website { font-size: 0.875rem; color: #999; margin-bottom: 0.5rem; line-height: 2;}
.case-website .iconfont { font-size: 0.875rem;}
.case-content { text-align: center; }
.case-content img { width: 100%; }
.case-meta { font-size: 1.5rem; color: #999; font-weight: 700;}

.doc-bg { position: relative; background-color: #fff; min-height: 100%;}
.doc-bg:before { content: ''; position: absolute; left: 0; top: 0; width: 50%; height: 100%; background-color: #f7f8fa;}
.doc-nav { background-color: #f7f8fa; position: fixed; padding: 3rem 1rem; border-right: #e5e5e5 1px solid;}
.doc-nav-card { margin-bottom: 0.5rem; }
.doc-nav h1 { font-size: 1.5rem; margin-bottom: 0;}
.doc-nav h2 { font-size: 1rem; font-weight: bold; border-bottom: #e5e5e5 1px solid; padding: 1.5rem 0 1rem;}
.doc-nav h3 { font-size: 0.875rem; font-weight: bold; padding: 0.4rem 0; margin-bottom: 0;}
.doc-nav h3 i { font-size: 0.875rem;}
.doc-nav h4 { font-size: 0.875rem; padding: 0.4rem 0; margin-left: 0.5rem; line-height: 1.5; margin-bottom: 0;}
.doc-nav h4 a { color: #666;}
.doc-nav .toggle-header { cursor: pointer; }
.doc-nav a { color: #333;}
.doc-nav-accordion { overflow-y: auto; }
.doc-nav-accordion::-webkit-scrollbar { width: 0.5rem; height: 0.625rem; }
/*滑动轨道*/ 
.doc-nav-accordion::-webkit-scrollbar-track { border-radius: 0.25rem; background: none; }
/*滑块*/
.doc-nav-accordion::-webkit-scrollbar-thumb { border-radius: 0.25rem; background-color: #e5e5e5 }
/*滑块效果*/ 
.doc-nav-accordion::-webkit-scrollbar-thumb:hover { border-radius: 0.25rem; background-color: #d5d5d5; cursor: pointer;}

.doc-content { background-color: #fff; padding: 3rem 3rem; border-right: #e5e5e5 1px solid;}
.doc-content-card  { margin-bottom: 2rem; }
.doc-content-card h3 { font-size: 1rem; font-weight: bold; border-bottom: #e5e5e5 1px solid; padding-bottom: 1rem;}
.doc-content-card a { color: #333;}
.doc-nav a:hover,.doc-nav h2.active a,.doc-nav h3.active a,.doc-nav h4.active a,.doc-content-card a:hover { color: #a30083;}
/*.doc-content-card h4 { font-size: 0.875rem; font-weight: bold; }*/
.doc-footer { background-color: #fff; padding: 2rem 3rem; background-color: #f5f8fa; color: #999; border-right: #e5e5e5 1px solid;}
.doc-footer p { margin-bottom: 0.5rem;}
.doc-footer p:last-child { margin-bottom: 0rem;}

.document-page-header { position: relative; margin: -3rem -3rem 0rem; padding: 3rem 2rem 2.5rem;}
.document-page-header .document-nav { color: #ddd; }
.document-page-header .document-nav a { color: #ddd; }
.document-page-header .document-nav a:hover { color: #fff; }
.document-page-header .document-title { color: #fff; margin-top: 1rem; margin-bottom: 0.5rem;}
.document-page-header .document-description { color: #ddd; margin-bottom: 0; line-height: 2;}

.product-app { position: absolute; bottom: 0; left: 0; right: 0; background-color: hsla(0,0%,100%,.2); text-align: center; line-height: 3.125rem; color: #ececec; font-size: 1rem;}
.product-app .col { border-left: 1px solid rgba(96,104,105,0.4);}
.product-app .col:last-child { border-right: 1px solid rgba(96,104,105,0.4); }
.product-app a { color: #ececec; line-height: 1.5rem; padding: 1rem 1rem; display: block; text-align: left; margin: 0 -15px; -webkit-transition: background-color .35s ease; -moz-transition: background-color .35s ease; -o-transition: background-color .35s ease; transition: background-color .35s ease;}
.product-app a:hover { color: #ececec; text-decoration: none; background-color: hsla(0,0%,100%,.05); cursor: pointer;}
.app-bottom-button { color: #333; padding: 0.35rem 1rem; background-color: rgba(0,0,0,0.05); border-color: #ccc;}
.app-bottom-button:hover {color: #333; background-color: rgba(0,0,0,0.1); border-color: #ccc;}

.nav-tabs-primary { border-bottom-width: 2px; border-bottom-color: #e5e5e5;}
.nav-tabs-primary .nav-item { margin-bottom: -2px;}
.nav-tabs-primary .nav-link { color: #333; font-size: 1rem;}
.nav-tabs-primary .nav-link:focus, .nav-tabs-primary .nav-link:hover { border-color: transparent; color: #a30083; }
.nav-tabs-primary .nav-item.show .nav-link, .nav-tabs-primary .nav-link.active { border-bottom: 2px solid #a30083; border-right-color: transparent; border-left-color: transparent; border-top-color: transparent; border-radius: 0; background-color: transparent; color: #a30083;}
.nav-tabs-primary .nav-item.show .nav-link:focus, .nav-tabs-primary .nav-link.active:hover {border-bottom-color: #a30083;}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 1.25rem 0;
    border-radius: 0.25rem;
}
.pagination>li {
    display: inline;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 0.375rem 0.75rem;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination>li>span,.pagination>li>a:hover {background-color: #ececec;}

.index-carousel-caption {  position: absolute; right: 15%; top: 5rem; left: 15%; z-index: 10; padding-top: 1.25rem; padding-bottom: 1.25rem; color: #ececec;}
.index-carousel-caption .title { font-size: 2.5rem; margin-top: 2rem;}
.index-carousel-caption .description { margin-top: 1rem; font-size: 1rem; line-height: 1.5rem;}
.index-carousel-caption .thumb a { display: inline-block; margin-right: 0.375rem; color: #ececec; position: relative; background-color: rgba(0,0,0,0.7);}
.index-carousel-caption .thumb a img { height: 4rem;}
.index-carousel-caption .thumb a:hover img { opacity: 0.9;}
.index-carousel-caption .thumb a span { display: block; position: absolute; left: 0; right: 0; bottom: 0; line-height: 1.5rem; font-size: 0.75rem; background-color: rgba(0,0,0,0.6); text-align: center; overflow: hidden;}

.index-product-img { display: inline-block; margin-right: 0.375rem; color: #ececec; position: relative; background-color: rgba(0,0,0,0.7); }
.index-product-img:hover {color: #ececec;}
.index-product-img img { height: 4rem; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
.index-product-img:hover img { opacity: 0.9;}
.index-product-img span { display: block; position: absolute; left: 0; right: 0; bottom: 0; line-height: 1.5rem; font-size: 0.75rem; background-color: rgba(0,0,0,0.6); text-align: center;}
.index-block-info h3 { font-size: 1.25rem; font-weight: bold; border-bottom: 1px solid #e9ecef; padding-bottom: 0.625rem;}
.index-block-info .list-unstyled li { padding: 0.375rem 0; font-size: 1rem;}
.index-block-info .list-unstyled p { margin-bottom: 0;}
.index-block-info .list-unstyled p.description { font-size: 0.75rem; color: #999;}
.index-block-info .list-unstyled a { color: #333; }
.index-bottom-button { color: #ececec; padding: 0.35rem 1rem; background-color: transparent; border-color: #ececec;}
.index-bottom-button:hover { background-color: rgba(255,255,255,0.2); border-color: #ececec;}

.device { display: block; border: 0.25rem solid #dbdbdb; background-color: rgba(0,0,0,0.6)}
.device img:hover { opacity: 0.9;}

#back-to-top.show { opacity: 1; filter: alpha(opacity=100); display: block;}
#back-to-top {position: fixed; z-index: 9999; right: 1.25rem; bottom: 3.75rem; width: 3rem; height: 3rem; cursor: pointer; text-align: center; text-decoration: none; opacity: 0; border-radius: 50%; background: rgba(0, 0, 0, .35); filter: alpha(opacity=0);}
#back-to-top:hover { background: #666;}
#back-to-top .iconfont { font-size: 2rem; line-height: 3rem; color: #ececec;}
.transition35 { -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}

.list-news .media { padding: 1.6rem 0; border-bottom: 1px solid #E1E3E9; color: #333;}
.list-news a.media:hover { background: rgba(243,245,249,100) 75%;}
/*.list-news a.media:hover { background: linear-gradient(to right,rgba(243,245,249,0),rgba(243,245,249,100) 15%,rgba(243,245,249,100) 85%,rgba(243,245,249,0));}*/
.list-news .media img { width: 10rem;}
.list-news .media .media-title { font-size: 1.25rem; margin-bottom: 0.5rem; line-height: 2rem;}
.list-news .media .media-description { font-size: 0.875rem; margin-bottom: 0.5rem; color: #999; line-height: 1.5rem;}
.list-news .media .media-text { font-size: 0.75rem; margin-bottom: 0rem; color: #999; line-height: 1.5rem;}
.list-news .media .media-text i  { font-size: 0.75rem;}
.list-news-sm .media { padding: 0.5rem 0; border-bottom-width: 0;}
.list-news-sm .media .media-title { font-size: 1rem; margin-bottom: 0.25rem; line-height: 1.5rem;}
.list-products-hot .media { padding: 0.5rem 0; border-bottom-width: 0;}
.list-products-hot .media .media-title { font-size: 1rem; margin-bottom: 0rem; line-height: 1.5rem;}
.list-products-hot .media .media-title .badge { font-weight: normal;}
.list-products-hot .list-header-media { margin-bottom: 1rem; font-size: 1.25rem;}
.list-products-hot .list-header-media i { font-size: 1.25rem; }

.list-products-hot-dot .media { position: relative; padding-left: 1.7rem;}
.list-products-hot-dot .media:before { content: ''; display: inline-block; width: 5px; height: 5px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background: #CECECE; position: absolute; left: 0.5rem; top: 1rem; }


.list-product-card { padding: 1rem; display: block; color: #333; background-color: #fff; border-radius: 4px; margin-bottom: 2rem; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1), 0 1px 3px 0 rgba(0,0,0,.1); background-image: url(http://statics.duvtek.com/d/file/content/2020/01/5e2ef7948b807.png); background-position: bottom right; background-repeat: no-repeat; background-size: contain;}
.list-product-card:hover { background-color: #fdfdfd; color: #333; transform: translateY(-0.25rem);}
.list-product-card h5 { font-size: 1rem; color: #a30083; font-weight: bold;}
.list-product-card .card-description { font-size: 0.875rem; color: #999; margin-bottom: 0.25rem;}
.list-product-card .badge-list { margin-bottom: 0; }

.carousel-indicators li:hover { cursor: pointer; }

.icon { width: 1em; height: 1em; vertical-align: -0.15em; fill: currentColor; overflow: hidden;}
.icon-fire { color: #ff6a00; }
/*.icon-flask { color: #00a4ff }*/

.tool-block { border: 1px solid #e1e3e6; padding: 1rem; display: block;}
.tool-block:hover { box-shadow: 0 2px 6px rgba(0,0,0,.2); }
.tool-cover { max-width: 100%; margin-bottom: 1rem;}
.tool-title { font-size: 1rem; margin-bottom: 0rem; color: #333; line-height: 1.5rem;}
.tool-block:hover .tool-title { color: #a30083; }
.tool-description { font-size: 0.8rem; color: #aaa; margin-bottom: 0; line-height: 1.5rem;}

.support-block { box-shadow: 0 0 2px rgba(0,0,0,.12), 0 2px 2px rgba(0,0,0,.12); padding: 2rem; background-color: #fff; display: block; color: #333; transition: all .35s ease;}
.support-block h3 { font-size: 1.25rem; margin-bottom: 1rem; font-weight: bold;}
.support-block p { font-size: 0.875rem; color: #999; margin-bottom: 0; line-height: 1.6rem; text-align: justify;}
.support-block-compliance { margin-bottom: 1rem; padding: 1.5rem 2rem; }
.support-block-compliance:hover { box-shadow: 0 4px 8px 0 rgba(3,27,78,.12); transform: translateY(-0.25rem);}
.support-block-compliance h3 { font-size: 1rem; margin-bottom: 0.5rem; line-height: 1.5; margin-top: 0.5rem;}
.support-block-compliance img { width: 6rem; max-width: 100%; border: 1px solid #e5e5e5;}

.contact-bg { background-color: #f7f8fa; box-sizing: border-box; padding: 1.875rem; position: relative; background-image: url(http://statics.duvtek.com/d/file/content/2020/01/5e300b19bc363.svg); background-position: 0.62% 1.92%; background-size: 202.54777070063693% 131.51515151515153%; background-repeat: no-repeat;}
.contact-border { border: 1px solid #e5e5e5; box-sizing: border-box; padding: 1.875rem;}
.contact-title { font-size: 1.125rem; margin-bottom: 1rem;}
.contact-description { font-size: 0.875rem; color: #999;}
.contact-tel { color: #a30083; font-size: 1.25rem;}

.solutions-app-item { padding: 2rem; margin-bottom: 1.875rem; display: block; color: #fff; transition: all .35s ease; border: 2px solid #fff; box-shadow: 4px 4px 8px 0 rgb(55 99 170 / 20%), -4px -4px 8px 0 #fff;}
.solutions-app-item:hover { box-shadow: 0 5px 15px rgba(0,0,0,0.3); color: #fff; transform: translateY(-0.25rem);}
.solutions-app-item h3 { font-weight: bold; font-size: 1.5rem;}
.solutions-app-item p { font-size: 0.875rem; max-width: 13.75rem; margin-bottom: 0; text-align: justify;}

.solutions-case-item { box-shadow: 4px 4px 8px 0 rgb(55 99 170 / 15%), -4px -4px 8px 0 #fff; display: block; width: 100%; transition: all .35s ease; margin-bottom: 2rem; text-align: center; padding: 0.75rem 0.5rem; border-radius: 0.5rem;}
.solutions-case-item:hover { box-shadow: 0 4px 10px rgb(0 0 0 / 15%); transform: translateY(-0.25rem);}
.solutions-case-item img { height: 3rem; max-width: 100%;}

.abs-item-col { border-right: 1px solid #e5e5e5; }
.abs-item-col:last-child { border-right: none; }
.abs-item { text-align: center; }
.abs-item .title { font-size: 2rem; line-height: 3rem; font-weight: 400; margin-bottom: 1rem; color: #a30083;}
.abs-item .description { font-size: 1rem; }
.map-add { width: 100%; max-width: 30rem; position: relative;}
.map-add-bg { width: 100%; }
.map-add-dot { position: absolute; z-index: 99;}
/*.map-add-dot:after { content: ''; position: absolute; width: 22px; height: 22px; -webkit-box-shadow: inset #a30083 0 0 5px; box-shadow: inset #a30083 0 0 5px; border-radius: 50%; top: 0; left: 0; opacity: 0;}*/
.map-add-dot-layer { padding: 0.375rem; box-shadow: inset #a30083 0 0 0.3125rem; border-radius: 50%; display: inline-block; vertical-align: middle;}
.map-add-dot-layer-i { height: 0.625rem; width: 0.625rem; background-color: #a30083; border-radius: 50%;}
.map-add-dot-text { font-size: 0.875rem; line-height: 1rem; color: #fff;  display: inline-block; padding: 0 2px; vertical-align: middle;}

.event { padding-left: 3rem; }
.event-dash { border-left: 2px dashed #e5e5e5; min-height: 4rem;}
.event-main { border-left: 2px solid #e5e5e5; min-height: 10rem;}
.event-year { margin-bottom: 2rem; }
.event-year:last-child { margin-bottom: 0; }
.event-year .map-add-dot-layer { margin-left: -0.6875rem; }
.event-year-header .map-add-dot-text { font-size: 2rem; color: #333; padding-left: 1rem; font-weight: 600;}
.event-item { min-height: 3rem;}
.event-item .date { color: #999; font-size: 1rem; margin-right: 1rem;}
.event-item .title { color: #333; font-size: 1rem; }

.center-divider { position: relative; text-align: center; }
.center-divider:after { content: ""; position: absolute; top: 50%; left: 0; display: block; width: 100%; height: 1px; overflow: hidden;
    background-color: #e5e5e5; background-image: -webkit-gradient(linear,left top,right top,from(#fff),color-stop(#e4e4e4),color-stop(#fff),color-stop(#e4e4e4),to(#fff)); background-image: linear-gradient(90deg,#fff,#e4e4e4,#fff,#e4e4e4,#fff);}
.center-divider-content { background-color: #f7f8fa; padding: 0 2rem; display: inline-block; font-size: 0.875rem; color: #999; position: relative; z-index: 2;}

a { color:  #a30083; }
a:hover { color: #8a016f; }
.button-purple { background-color: #a30083; color: #fff; }
.button-purple:hover,.button-purple:focus { background-color: #8a016f; color: #fff; box-shadow: none;}
.badge-purple { background-color: #a30083; color: #fff;}

.button-gray { background-color: #222228; color: #949498; }
.button-gray:hover,.button-gray:focus { background-color: #24242d; color: #fff; box-shadow: none;}

a.badge-purple:hover { color: #fff; }
.btn,.btn i { font-size: 0.875rem; }

.con-case { padding-top: 1rem; padding-bottom: 1rem; border: 1px solid #ececec;}
.con-case-bg { position: relative; background-color: white; min-height: 14rem;}
.case { display: block; position: relative;}
.case-bg { background-repeat: no-repeat; background-size: cover; background-position: center top; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; transition:opacity 0.3s ease-in-out;}
.con-case:hover .case-bg { opacity: 1;}
.case .logo-container { position: absolute; left: 0; right: 0; top: 0; text-align: center;}
.case .logo-container-padding {}
.case .logo { height: 3.5rem; padding: 0.5rem 1rem 0.5rem; background-color: #fff; border-radius: 0rem 0rem 0.5rem 0.5rem; box-shadow: 0 2px 2px 0 rgb(30 30 30 / 20%);}
.case .title { font-size: 1rem; color: #212529; }
.case .description { font-size: 0.9rem; color: #212529; margin-bottom: 0; margin-top: 1rem;}


@media screen and (max-width:760.5rem){
    .xs-hide { display: none; }
    .nav-header .iconfont { display: none;}
    .list-news .media .media-title { font-size: 1.25rem;}
    .list-news .media img { width: 5rem;}
    .event-year-header .map-add-dot-text { font-size: 1.5rem }
    /*.navbar-top a {padding-left: 0.625rem;}*/
}/*宽度大于800px时 红色*/

@media screen and (max-width: 990px){
}/*宽度大于800px时 红色*/

@media screen and (min-width: 990px){
    .xs-hide { display: initial; }
    /*.nav-header { background-color: #333; font-size: 1.5rem;}*/
    .nav-header .iconfont { display: initial;}
}/*宽度大于800px时 红色*/

@media screen and (min-width: 1240px){
    .container { max-width: 1200px; }
    .list-news .media img { width: 10rem;}
    .list-news .media .media-title { font-size: 1.25rem;}
    .list-news-sm .media .media-title { font-size: 1rem; }
    .list-products-hot .media .media-title { font-size: 1rem; }
}