body{background-color:#fff}
a{text-decoration: none !important;}
.tab-head{overflow:hidden;margin:2rem auto;width:100%;text-align:center}
.tab-head-item{display:inline-block;margin:5px 7px;padding:.35rem 2rem;border-radius:4px;background-color:#EAEAEA;text-align:center;font-size:15px;cursor:pointer}
.tab-head .selected{background-color:#3FB7EC;color:#fff}
.tab-content{overflow:hidden;width:100%}
.tab-content .lg-container{margin:0 auto;margin-right:auto;margin-left:auto;padding-right:0;padding-left:0;width:100%!important;max-width:1440px}
.tab-content .panel{display:none}
.tab-content .show{display:block}
.solution-title{margin-top:4rem}
#solution{margin-right:-10px;margin-bottom:4rem;margin-left:-10px;padding-top:3rem}
.item{margin:0 10px;margin-bottom:20px;border:1px solid #ddd;background-color:#fff}
.s-line{width:100%;height:1px}
#solution .text-content ul li a{color:#666;font-size:12px}
.prod-banner{width:100%}
.prod-banner img{width:100%;display: block}
.v-line{position:absolute;top:18%;right:0;width:1px;height:50%}
.icon-box{margin:15px auto;width:6rem;height:6rem}
.border-l-white-1{border-left: 1px solid #FFFFFF}
.module-box:hover{color:#3FB7EC!important;transition:.15s}
.prod-item{position: relative;overflow: hidden;}
.prod-item img{width: 100%;display: block;}
.prod-text{width: 100%;height: 100%;position: absolute;z-index: 2;top: 0;left: 0;color: #FFFFFF;padding: 50px;}
.prod-text-2{width: 50%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;z-index: 2;top: 0;left: 50%;color: #FFFFFF;padding: 50px;}
.prod-text-3{width: 50%;height: 100%;background-color: rgba(0,0,0,0.4);position: absolute;z-index: 2;top: 0;left: 0;color: #FFFFFF;padding: 50px;}
.prod-text-2:hover,.prod-text-3:hover{background-color: rgba(50,115,255,0.7);}
.prod-title-1{font-size: 24px;}
.prod-title-2{font-size: 16px;}
.prod-title-3{font-size: 14px;}
.fixed-btn-group{position:fixed;right:0;bottom:30%;z-index:9999}
.fixed-btn{display:block;margin-bottom:2px;padding:.17rem 24px;background-color:rgba(127,141,171,.7);color:#fff;text-align:center;font-size:16px !important;}
.active-bg{background-color:#3877FF;background-image:url(../../images/arrow-r_icon.png);background-position:center left;background-size:18px 18px;background-repeat:no-repeat;background-position-x:6px}

.tabNav1{background-color:rgb(50,115,255);}
.top-bg{width: 100%;padding: 55px 0;background: url("../../../static/images/solution/bg_sulution.jpg") no-repeat; background-size: 100% 100%;}
#tab1{overflow:hidden;zoom:1;background-color: rgb(50,115,255);  }
#tab1>li {float:left;color:#fff;width:33.3333%;height:100px;line-height:100px;background-color:rgb(50,115,255);cursor:pointer;text-align:center;font-size: 16px;}
#tab1>li.current {color:#ffffff;background-color: #0950EA;}
#tab1>li.current:active{background-color: #faf9f9; }
#tab1>li:hover{color:#ffffff;background-color:  #0950EA;opacity: 0.8}
#content1{overflow: hidden; background-color: transparent; width: 100%;}
#content1>.ul-1 {display:none;}

.video-box{width: 100%;height: 100%;overflow: hidden;}

.font-bold{font-weight: 800;}
.text-indent{text-indent: 2em;}
.more-content{margin-bottom: 45px;display: none}
.show-more-block{width: 100%; padding:20px; text-align: center; background:#ffffff; box-shadow: 0 0 51px 34px rgba(255,255,255,1);}
.btn-more{display: inline-block; padding: 5px 20px; border: 1px solid #f1a417; border-radius: 4px; cursor: pointer;}
.video-icon{position: absolute; top: 50%;left: 50%; margin-top: -16px; margin-left: -16px;}
video{background: transparent url('../../../static/images/index/bg1.jpg') no-repeat 0 0; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

.more-item{background-color: #EAF2FF; box-shadow: 0 0 1px 2px #f1f1f1; margin: 5px;}
.more-item-headline{padding: 20px 15px;}
.more-item-cont{padding: 15px; height: 200px; overflow: hidden;}
.more-item:hover{box-shadow: 0 0 5px 2px #ccc; background-color: #ffffff;}
.more-item:hover .more-item-headline{background-color: #3274FF; color: #ffffff;}


#tab2{overflow:hidden;zoom:1;background-color: #ffffff;  }
#tab2>li {float:left;color:#333;width:25%;background-color:#ffffff;cursor:pointer;text-align:center;font-size: 16px;
    text-align: center;padding: 40px 15px;}
#tab2>li.current {color:#ffffff;background-color: #0950EA;}
#tab2>li.current:active{background-color: #faf9f9; }
#tab2>li:hover{color:#ffffff;background-color:  #0950EA;}
#content2{overflow: hidden; background-color: transparent; width: 100%;}
#content2>.ul-2{display:none;}
.product-type-icon{width: 40px; display: block; margin: 0 auto;}
.prod-type-name{display: inline-block; margin-top: 20px;}
.product-content{width: 100%;padding: 55px 0;background: url("../../../static/images/solution/bg_product.jpg") no-repeat; background-size: 100% 100%;}

.swiper-wrapper{
    position:relative;z-index:1;display:-webkit-box;
    display:-moz-box;display:-ms-flexbox;display:-webkit-flex;
    display:flex;-webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;box-sizing:content-box;
    width:100%;
    -webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-ms-transition-property:-ms-transform}
.swiper-slide{
    height:100%;background:#fff;font-size:18px;
    box-shadow: 0 0 2px 1px rgba(50,115,255,0.8);
    transition:.12s;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;
    justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
.prod-title{margin-right:15px;margin-left:15px;color:#333;font-size:14px}
.prod-img{width: 100%;}

.swiper-container .col-sm-3,.swiper-container .col-sm-4,.swiper-container .col-sm-5{
    background-color: #ffffff;
    margin-right:20px;
}



@media (max-width:1024px){
    .icon-box{margin:15px auto;width:4rem;height:4rem}
}
@media (max-width:768px){
    .prod-title-1{font-size: 16px;}
    .prod-title-2{font-size: 14px;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal!important;word-wrap:break-word;-webkit-line-clamp:2;-webkit-box-orient:vertical}
    .prod-title-3{font-size: 12px;}
}
@media (max-width:414px){.module-box{margin-bottom:20px}
    .v-line{width:0}
    .prod-banner{overflow:hidden;width:100%}
    .prod-banner img{width:140%}
    .banner{margin-top: 64px}
    .fixed-btn-group{position:fixed;right:0;bottom:15px;z-index:9999}
}