﻿
/* CSS Document */
#sp-left .sp-module ul, #sp-right .sp-module ul {
    list-style: none;
    margin: 5px 0 0 5px;
    text-align: center;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.menu>li.current.active>a {
    color: mediumblue;
    border-bottom: 2px solid mediumblue;
}
section#sp-main-body .row {
    justify-content: center;
}
.signing .qltabs_container.horizontal .qltabs_head .qltab_head{
width: 8.32%
}
.qltabs{
border-top: 1px solid #eee;
}
.article-details img{display: inline-block;}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a:hover{
    color: #3675F6;
    font-weight: bold;
}

a{
transition: color 0ms, background-color 0ms;
}
.article-details table p{margin: 0;padding:0}
	.article-details table th,td{font-weight: normal;}
.drop-down-Solution + div{
width: 160px !important;
}

.drop-down + div{
width: 140px !important;
left: 50% !important;
 margin-left: -70px !important;
}
.drop-down + div li{
    text-align: center;
}
.drop-down-Solution +div li{
padding-left:6px !important;
    text-align: left;
}

.article-details .article-header h1 {font-size:28px;color:#0E172D;}
.article-details  p{font-size:16px;line-height: 28px;color:#0E172D;}

.sp-megamenu-parent .sp-dropdown .sp-dropdown-inner{
  padding:10px 10px 10px 10px;
}
#sp-main-body{background:##eef0f6;padding: 0;font-weight:500;}
.view-category.article_bg_grey #sp-main-body{background:#EEF0F6;}
.article_bg_grey.custom-html #sp-main-body{background:#EEF0F6;}
#sp-component {background-color: #eef0f6;padding:50px;}
h1{font-size: 34px;font-weight: bold;color: #1D2B4D;}
h3{font-size: 24px;color:#3675F6;margin-bottom:10px;margin-top:30px;}
h5{font-size: 22px;color:#0E172DD;font-weight: bold;margin-bottom:10px;margin-top:30px;}
h6{font-size: 16px;color:#0E172D;font-weight: bold;margin-bottom:10px;margin-top:30px;}
p{font-size: 16px;color: #0E172D;line-height: 26px;font-weight:500;}
 h1, h2, h4{margin-bottom:2rem;}
p{margin-bottom:2rem;}

#sp-header {position: fixed;background-color:rgba(255,255,255,0.2);
    box-shadow: none;
}
/*#sp-header .sp-megamenu-parent > li > a{color:#ffffff;}*/
#sp-header.header-sticky{background-color: #ffffff;box-shadow: 0 2px 4px rgba(1,23,109,0.1);}
#sp-header.header-sticky .sp-megamenu-parent > li > a{color: #1D2B4D;}
#sp-header.header-sticky .sp-megamenu-parent > li > a:hover{
color:#3675F6;
}
#sp-header .logo{width:383px;}
#sp-header .logo a{width:383px;}
/*#sp-header .logo-image{ background-image: url(/images/logo.png);display: block;width: 383px;height: 22px;}
#sp-header.header-sticky .logo-image{ background-image: url(/images/logo1.png);display: block;width: 383px;height: 22px;}*/

#sp-classic-case{width: 1200px;
    background-color: #2C3654;
    position: absolute;
    bottom: 44px;
    left: 50%;
    z-index: 999;
    margin-left: -600px;}


.cp li{
	display: block;
  	width:110px;
    margin: 12px 0;
    color: #1d2634;
    font-size: 14px;
}
.cp li a{
font-weight:400;
}
.cp ul{
padding:0;
}



.sp-module ul > li > a{
color:#1d2634;
font-weight:400;
}
#sp-header.header-sticky ~ section#sp-main-body{
padding-top:0;
}
.sp-column  h3{display:inline-block;}

.article-details .article-header h1{
text-align: center;
}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span{
padding:0;margin:0 15px;
}

body.ltr .sp-megamenu-parent > li.sp-has-child > a:after, body.ltr .sp-megamenu-parent > li.sp-has-child > span:after{display:none !important;}

.sp-megamenu-parent > li > a, .sp-megamenu-parent > li > span
{
font-size: 18px;
margin: 0 20px;
}
.sp-megamenu-parent .sp-dropdown li.sp-menu-item > a{
font-weight:400;
}
.sp-megamenu-parent{
float: right;
position: unset;
}
body.ltr .sp-megamenu-parent .sp-dropdown.sp-menu-center{
margin-left: -206px;
left: 50% !important;
}
.sp-megamenu-parent .cp{
position:unset;
}

.cp .row .col-sm-2:nth-child(1)
{    flex: 0 0 30%;
    max-width: 30%;
}

.col-sm-2{
	flex: 0 0 14%;
    max-width: 14%;	
}

.cp .menu{
    height: 300px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
}
.article-details table{border:none;}
/*分类列表*/
.category-list {
    BACKGROUND-COLOR: WHITE;
    PADDING: 15px 40PX;
    BORDER: aliceblue;
    BORDER-RADIUS: 10PX;
}
.category-list .table-bordered td, .category-list .table-bordered th {
    border: none;
}
.category-list .category a {
    color: #0E172D;
    font-size: 16px;
}
.category-list .category a:hover {
    color: #3675F6;
}
.category-list .list-title:after {
    content: "";
    width: 0px;
    height: 0px;
    position: relative;
    left: -14px;
    top: -16px;
    display: block;
    border-style: solid;
    border-width: 4px 0px 4px 6px;
    border-color: transparent transparent transparent #BCCFEC;
}
.category-list .list-title:hover:after {
    border-color: transparent transparent transparent #3370EF;
}
.category-list .list-date {
    text-align: right;
    color: #B1BBC9;
    font-size: 14px;
    line-height: 32px;
}
/*文章列表*/
.custom-html #sp-component{
margin-top:40px;
}
.article-list #sp-component {
    padding: 0px 50px 0 50px;
margin-top:40px;
}
.article-list .table-bordered td, .article-list .table-bordered th {
    border: none;
}
.article-list table.category thead > tr, table.category tbody > tr {
    border-top: 1px solid #E8ECF1;
    border-right: none;
    border-bottom: none;
    border-left: none;
}
.article-list table.category thead > tr:first-child, table.category tbody > tr:first-child {
    border: none !important;
}
.article-list .table-bordered {
    border: none;
}
.article-list table.category thead > tr th, .article-list table.category tbody > tr th, .article-list table.category thead > tr td, .article-list table.category tbody > tr td {
    padding: 21px 0 9px 0;
}
.article-list .category-listarticle-list a {
    color: #0E172D;
    font-size: 16px;
}
.article-list .category-listarticle-list a:hover {
    color: #3675F6;
}
.article-list .category-listarticle-list a:hover::after {
    border-color: transparent transparent transparent #3675F6;
}
.article-list .list-title:after {
    content: "";
    width: 0px;
    height: 0px;
    position: relative;
    left: -14px;
    top: -16px;
    display: block;
    border-style: solid;
    border-width: 4px 0px 4px 6px;
    border-color: transparent transparent transparent #BCCFEC;
}
.article-list .list-title:hover::after {
    border-color: transparent transparent transparent #3370EF;
}
.article-list .list-date {
    text-align: right;
    color: #B1BBC9;
    font-size: 14px;
    line-height: 32px;
}
.article-list .page-link {
    margin-right: 10px;
    border-radius: .25rem;
    text-align: center;
    padding: .5rem .9rem;
}
.article-list .mr-auto {
    margin: auto;
}
.article-list .pagination-counter {
    display: none;
}
.article-list .pagination-wrapper {
    position: absolute;
    left: 50%;
    margin-left: -164px;
    bottom: -68px;
}
.article-list #sp-main-body {
    padding-bottom: 108px;
}
.pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff;
}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus {
    color: #3675F6;
}

/*qletab*/
.qltabs_container.horizontal .qltabs_head .qltab_head{
		padding:12px 0;
	}
.qltabs_container.horizontal .qltabs_head .qltab_head {
    background-color: #fff;
    width: 10%;
    text-align: center;
}
.qltabs_container.horizontal .qltabs_head .qltab_head.active {
    background-color: #fff;
    color: #3675F6;
    margin-top: -16px;
    font-size: 20px;
}
.qltabs_container.horizontal .qltabs_head .qltab_head.active:after {
}
.qltabs_container.horizontal .qltabs_head .qltab_head.active:before {
    content: "";
    width: 14px;
    height: 16px;
    position: relative;
    left: 38px;
    top: 53px;
    display: block;
    background-image: url(404.png);
	border:none;
	border-radius: 0;
}

.qltab_head:before {
        content: "";
    width: 8px;
    height: 8px;
    position: relative;
    left: 40px;
    top: 40px;
    display: block;
    border: 1px solid #D7DCE6;
    border-radius: 50%;
    background: #fff;
}
/*联系我们*/
#headContent{
    font-size: 24px;
    margin-bottom: 1rem;
}

.sidebar{
margin-right: -5px;
margin-left:-15px;
}
/*选型疑问*/
.selection .qltabs_container.horizontal .qltabs_head .qltab_head.active{
color:#fff;
margin:0;
font-size:16px;
background-color:#3675F6;
}

.selection .qltab_head:before{
content:none;
}
.selection .qltabs_container.horizontal .qltabs{
border-top:none;
}

.selection .qltabs_container.horizontal .qltabs_head .qltab_head.active:before{
content:none;
}
.selection .qltabs_container.horizontal .qltabs_head .qltab_head{
background-color:#EEF0F6;
width:14%;
}
/*文章内容*/
.article-list .article-header{
margin-top:50px;
}
#sp-main-body .article-details table td{
padding:10px;
}
.article-details p {
margin-bottom:1rem;
}
/*团队建设*/
.layout-blog.teams .article-list .article{
background:#fff;
margin-bottom:24px;
}
.layout-blog.teams #sp-component{
background:none;
padding:0;
}
.layout-blog.teams .article-list .article:hover{
box-shadow:0 20px 20px rgba(1,23,109,0.1);
cursor:default;
}
.layout-blog.teams h2{font-size:24px;color:#0E172D;}
.layout-blog.teams p{font-size:14px;color:#555C67;}
.layout-blog.teams .published{font-size:14px;color:#B1BBC9;}
.layout-blog.teams .article-info{margin-bottom:0;}
.layout-blog.teams .col-md-4{padding-left:12px;padding-right:12px;}
.layout-blog.teams .article .article-body .article-header a{
     overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 344px;
    display: block;
}
.view-article.teams .published{display:none;}
/*员工风采*/
.style .sp-column  h3{
display: block;margin: 30px auto 10px auto;
}
/*移动端样式*/
@media screen and (max-width: 500px) {
  #sp-header .logo {
        display:none;
    }
}

@media (min-width: 992px){
#column-wrap-id-1622083242591{
max-width: 44%;
}
#column-wrap-id-1622083242592{
max-width: 28%;
}
#column-wrap-id-1622083242593{
max-width: 28%;
flex: 0 0 28%;
}  
}


/*article-details */
.article-details{padding:3% 0 ; font-weight:600;background: url(404.png) no-repeat center bottom}
.article-details .auto{box-shadow:0px 10px 30px rgba(0,0,0,.2);border-radius: 8px;background: #fff}
.article-details .left{background: #f8f8f8;border-radius: 3px 0 0 3px;position: relative;}
.article-details .left .intro-main{/*border: 1px #e6e6e6 solid;*/;}
.article-details .left .info{ padding:10px 26px 0;}
.article-details .left span{display: block;font-size: 15px;color: #666;position: relative;padding: 16px 0 16px 30px;border-bottom: 1px dashed #e8e8e8;font-weight: normal;}
.article-details .left span:before{display: inline-block;content: '';width: 20px;height: 20px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.article-details .left .add:before{background: url(../image/add2.png) no-repeat center;}
.article-details .left .edu:before{background: url(../image/edu.png) no-repeat center;}
.article-details .left .phone:before{background: url(../image/phone.png) no-repeat center;}
.article-details .left .fax:before{background: url(../image/fax.png) no-repeat center;}
.article-details .left .email:before{background: url(../image/email.png) no-repeat center;}
.article-details .left .pic{ width:100%; display:block;padding: 30px 0;}
.article-details .left .pic img{ width:78%; display:block;margin:0 auto;border:6px solid #eaeaea;}
.article-details .left .share{padding: 20px 26px;background: none;text-align:left;border-radius: 3px;width: 100%;position: absolute;left:50%;bottom:0px;transform: translateX(-50%);}
.article-details .left .share a{display: inline-block;content: '';width: 32px;height: 32px;border-radius: 50%;border:1px solid #d1d1d1;}
.article-details .left .share a{margin:0 30px 0 0;}
.article-details .left .share a.download{background: url(404.png) no-repeat center #fff;}
.article-details .left .share a.email2{background: url(404.png) no-repeat center #fff;}
.article-details .left .share a.Printing{background: url(404.png) no-repeat center #fff;}

.article-details .top{background: #F2F1EF;border-radius: 8px 8px 0 0;position: relative;padding:3%;}
.article-details .top .pic{ float: left;width: 26%;}
.article-details .top .pic img{ border:6px solid #eaeaea;height:300px;}
.article-details .top .info{float: left;width: 74%;padding-left: 5%;}
.article-details .top .info h3{color: #1A1F22;font-size: 36px;margin:0 0 10px;line-height: 1;padding:10px 0;font-weight: normal;}
.article-details .top .info h3 em{font-size: 18px;margin-left: 20px;color: #888;font-weight: normal;font-style: normal;}
.article-details .top .info .zyly{margin-bottom: 2%;}
.article-details .top .info .zyly span{display: inline-block;line-height: 36px;padding:0 20px;height: 36px;background: #F8F8F8;color: #333;font-size: 14px;margin-bottom: 10px;margin-right: 10px;}

.article-details .top .info > span{display: block;font-size: 15px;color: #666;position: relative;padding: 12px 0 12px 30px;font-weight: normal;border-bottom: 1px dashed #e0e0e0;}
.article-details .top .info > span.add i:last-child { display: none;}
.article-details .top .info > span:before{display: inline-block;content: '';width: 20px;height: 20px;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.article-details .top .info .qq:before{background: url(../image/qq.png) no-repeat center;}
.article-details .top .info .wx:before{background: url(../image/wx.png) no-repeat center;}
.article-details .top .info .edu:before{background: url(../image/edu.png) no-repeat center;}
.article-details .top .info .phone:before{background: url(../image/phone.png) no-repeat center;}
.article-details .top .info .fax:before{background: url(../image/fax.png) no-repeat center;}
.article-details .top .info .email:before{background: url(../image/email.png) no-repeat center;}

.article-details .top .share{padding: 20px 26px;background: none;text-align:right;border-radius: 3px;width: 100%;position: absolute;right:0;top:34px;}
.article-details .top .share a{display: inline-block;content: '';width: 32px;height: 32px;border-radius: 50%;border:1px solid #d1d1d1;}
.article-details .top .share a{margin:0 10px 0 0;}
.article-details .top .share a.download{background: url(404.png) no-repeat center #fff;}
.article-details .top .share a.email2{background: url(404.png) no-repeat center #fff; display: none;}
.article-details .top .share a.Printing{background: url(404.png) no-repeat center #fff;}

.article-details .left .article{padding:3%;}
.article-details .left .article .dl{}
.article-details .left .article .dl dt{font-size: 18px;color: #D72229;}
.article-details .left .article .dl dd{margin:16px 0;padding-bottom: 16px;border-bottom: 1px dashed #e6e6e6}
.article-details .left .article .dl dd a{font-size: 14px;line-height: 24px;font-weight: normal;position: relative;padding-left:15px;}
.article-details .left .article .dl dd a:after{ width:5px; height:5px; background:#bbb; position:absolute; left:0; top:5px; border-radius:3px; content:'';}

.article-details .title-css{ position: relative;padding-top: 12px;}
.article-details .title-css span{display: inline-block;font-size: 24px;color: #333;font-weight: bold; position:relative;z-index: 3;font-family: 'SourceHanSerifCN-Bold';padding-bottom: 10px;}
.article-details .title-css span em{display: none;font-style: normal;text-transform: uppercase;font-family: "Times New Roman";color: #888;font-size: 18px;font-weight: normal;margin-left: 10px;}
.article-details .singlePage h3{color: #1A1F22;font-size: 36px;font-family: 'SourceHanSerifCN-Bold';margin:0 0 10px;line-height: 1;padding:10px 0;}
/*.article-details .title-css:after{display: block;width:100%; height:1px; border-bottom:1px dashed #e6e6e6;border-radius:3px; content:'';margin:10px 0 0;}*/

.article-details .zyly span{display: inline-block;line-height: 36px;padding:0 20px;height: 36px;background: #F8F8F8;color: #333;font-size: 14px;margin-right: 10px;}

.article-details .singlePage h3 em{font-size: 18px;margin-left: 20px;color: #888;font-weight: normal;font-style: normal;}
.article-details .singlePage .box{ margin-bottom: 3%;}

.article-details .singlePage .title-css{float: left;width: 20%}
.article-details .singlePage .main{float: left;width: 80%}
.article-details .singlePage .box p{line-height: 2;font-size:17px;color: #666;margin:12px 0 0;padding-left:15px;position:relative;font-weight: normal;}
.article-details .singlePage .box p:after{ width:5px; height:5px; background:#bbb; position:absolute; left:0; top:16px; border-radius:3px; content:'';}
.article-details .singlePage .box .ul li {line-height: 2;font-size:17px;color: #666;position:relative;font-weight: normal;}
.article-details .singlePage .box .dl{margin:12px 0 0;}
.article-details .singlePage .box .dl dd{float: left;margin-right: 20px;line-height: 2;font-size:17px;color: #666;padding-left:15px;position:relative;font-weight: normal;}
.article-details .singlePage .box .dl dd:after{ width:5px; height:5px; background:#bbb; position:absolute; left:0; top:16px; border-radius:3px; content:'';}

.article-details .singlePage .box .txt{position: relative;padding-left: 16px;padding:10px 0 10px 20px;}
.article-details .singlePage .box .txt:before{display: inline-block;content: '';width: 1px;height: 100%;position: absolute;left:5px;top:0;border-left:1px solid #e6e6e6;}
.article-details .singlePage .box .txt p{margin:0 0 10px;padding:0;text-align: justify;}
.article-details .singlePage .box .txt p:last-child{margin:0;}
.article-details .singlePage .box .txt p:after{ width:10px; height:10px; background:rgb(215, 34, 41); position:absolute; left:-19px; top: 14px; border-radius:50%; content:'';border:3px solid #e6e6e6;}
.article-details .singlePage .box a:hover{text-decoration: underline;}
@media(min-width:641px){
.article-details .left{}
.article-details .singlePage{background: #fff;padding:3%;border-radius: 0 0 8px 8px ;}
}
@media(max-width:768px){
.article-details .top .pic{float: none;width: 60%}
.article-details .top .info{float: none;width: 100%;padding-left: 0;}
.article-details .top .share{top:14px;}
.article-details .singlePage .title-css{float: none;width: 100%}
.article-details .singlePage .main{float: none;width: 100%}
}
