#tf-menu.navbar-default {
    background-color:#fff;
    border-color: #fff;
}
.on {
    background-color:#fff!important;
}
#tf-home{
    position: relative;
    margin-top: 57px;
}
#tf-menu {
    padding: 5px 20px 0 20px;
}
/*线上线下一体化解决方案 模块样式 开始*/
.big-title{
    font-size: 28px;
}
.small-desc{
    font-size: 12px;
}
.center_img{
    width: 64%;
    margin:44px auto 50px auto;
}
.center_img img{
    width: 100%;
}
/*线上线下一体化解决方案 模块样式结束*/
.setup_content{margin-top: 40px;}
.xn_c_index_343_main {width:100%;height:auto;overflow:hidden;margin:48px auto 76px auto;background: #1F1F1F;}
.xn_c_index_343_typeTop {overflow:hidden;width: 73%;margin: 0 auto;}
.xn_c_index_343_tul{margin:0;}
.xn_c_index_343_tul>li:first-child i {display:block;width:84px;height:84px;background-image:url(../image/solution1.png);background-repeat:no-repeat;background-size: 100% 100%;background-position:center;margin:0px auto 23px;background-color:#00aaff;border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;}
.xn_c_index_343_tul>li:first-child+li i {display:block;width:84px;height:84px;background-image:url(../image/solution2.png);background-repeat:no-repeat;background-size: 100% 100%;background-position:center;margin:0px auto 23px;background-color:#00aaff;border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
.xn_c_index_343_tul>li:first-child+li+li i {display:block;width:84px;height:84px;background-image:url(../image/solution3.png);background-repeat:no-repeat;background-size: 100% 100%;background-position:center;margin:0px auto 23px;background-color:#00aaff;border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;}
/* .xn_c_index_343_tul>li:first-child+li+li+li i {display:block;width:84px;height:84px;background-image:url(../image/solution4.png);background-repeat:no-repeat;background-position:center;margin:0px auto 23px;background-color:#00aaff;border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;} */
.xn_c_index_343_tli {width:33.333%;float:left;overflow:hidden;background: #000;position:relative;}
.xn_c_index_343_tlicur,.xn_c_index_343_typeTop li:hover {}
.xn_c_index_343_tImg {overflow:hidden;position:relative;opacity: 0.3;transition:all .6s;}
.xn_c_index_343_tli:hover .xn_c_index_343_tImg{opacity:1;}
.xn_c_index_343_zindex {background:rgba(0,0,0,0.3);position:absolute;top:0;right:0;left:0;bottom:0;}
.xn_c_index_343_tImg img {width:100%;height:100%;display:block;border:0;}
.xn_c_index_343_tName {overflow:hidden;position:absolute;z-index:2;text-align:center;width:200px;left:50%;margin-left:-100px;height:132px;top:50%;margin-top:-66px;transition:all .6s;}
.xn_c_index_343_tli:hover .xn_c_index_343_tName{display:none;}
.xn_c_index_343_tName a {font-size:18px;color:#fff;}
.xn_c_index_343_tName i:hover {}
.xn_c_index_343_tlicur .xn_c_index_343_tName a,.xn_c_index_343_typeTop li:hover .xn_c_index_343_tName a {}
.xn_c_index_343_typeBot {height:96px;overflow:hidden;margin-bottom:50px;position:relative;display:none !important;}
.xn_c_index_343_typeBot li {height:96px;overflow:hidden;position:absolute;left:0;top:0;display:none;z-index:33;}
.xn_c_index_343_blineNo {width:120px;height:96px;overflow:hidden;float:left;border-right:1px solid #ddd;margin-right:29px;text-align:center;}
.xn_c_index_343_blineNo span {font-size:30px;color:#444;}
.xn_c_index_343_blineNo span.xn_c_index_343_ben span {line-height:30px;font-size:16px;color:#888;text-transform:uppercase;display:block;}
.xn_c_index_343_bIntro {width:1050px;height:96px;line-height:30px;overflow:hidden;float:left;font-size:14px;color:#888;}
.xn_c_index_343_emcur {width:240px;height:2px;display:inline-block;background-color:#333;display:none !important;}
.xn_c_index_343_name {color:#ffffff;font-size:28px;text-align:center;display:block;line-height:60px;margin-bottom:18px;margin-top: 40%;}
.xn_c_index_343_introduce2 {color:#fff;font-size:14px;width:74%;display:block;margin:0 auto;text-align:center;line-height:26px;}
.xn_c_index_343_introduce2 p span{font-size: 15px;}
.xn_c_index_343_introduce {opacity:0;position:absolute;top:0;right:0;left:0;bottom:0;z-index:3;-webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear;transform:translateY(15px);-o-transform:translateY(15px);-webkit-transform:translateY(15px);opacity:0;z-index: 100000;}
.xn_c_index_343_qq {
    position: absolute;display: block;width: 84px;height: 84px;background-repeat: no-repeat;background-position: center;
    border-radius: 50%;-o-border-radius: 50%;-webkit-border-radius: 50%;top: 50%;left: 50%;margin-left: -42px;
    margin-top: -66px;-webkit-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;z-index: 1000;opacity: 0;
}
.xn_c_index_343_tli:nth-child(1) .xn_c_index_343_qq{
    background-color: rgba(52,53,230,0.8);
}
.xn_c_index_343_tli:nth-child(2) .xn_c_index_343_qq{
    background-color: rgba(255,166,39,0.8);
}
.xn_c_index_343_tli:nth-child(3) .xn_c_index_343_qq{
    background-color: rgba(77,169,16,0.8);
}
.xn_c_index_343_tli:hover .xn_c_index_343_introduce{opacity:1;transform:translate(0px);-o-transform:translate(0px);-webkit-transform:translate(0px);}
.xn_c_index_343_tli:hover .xn_c_index_343_qq{transform: scale(10);opacity: 1;-o-transform: scale(10);-webkit-transform: scale(10);}

/*云果os核心优势 开始*/
#tf-team {
    background: url(../image/core-img.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: #fff
}
#tf-team .overlay {
     background: -moz-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
     background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.8)),color-stop(17%,rgba(0,0,0,0.73)),color-stop(35%,rgba(0,0,0,0.66)),color-stop(62%,rgba(0,0,0,0.55)),color-stop(100%,rgba(0,0,0,0.4)));
     background: -webkit-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
     background: -o-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
     background: -ms-linear-gradient(top,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
     background: linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.73) 17%,rgba(0,0,0,0.66) 35%,rgba(0,0,0,0.55) 62%,rgba(0,0,0,0.4) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc000000',endColorstr='#66000000',GradientType=0 );
     height: auto;
     background-attachment: fixed;
     padding: 80px 0
 }
 #team {
    margin: 0 auto
}
.owl-wrapper{
    width: 82%;
    overflow: hidden;
    margin: 0 auto;
    padding: 0 0 70px 0;
}
.owl-wrapper li{
    width:25%;float: left;cursor: pointer;list-style: none;
}
.owl-wrapper li .item {
    margin: 12px 10px;
}
.group_inner{
    background: #fff;
    cursor: pointer;
    transition: all 0.6s;
    overflow: hidden;
}
.group_inner:hover{
    transform: scale(1.1);
}
.group_img{
    width: 100%;
}
.group_img img{
    width: 100%;
}
.group_inner .group_desc{
    padding: 0 10px 0 10px;
    color: #555;
    line-height: 44px;
    margin: 0;
    font-weight: bold;
}
/*云果os核心优势 结束*/

.section-title.center {
    padding: 62px 0 30px 0;
}
.section-title h2,.section-title.center h2 {
    font-weight: bold;
}
.section-title.center hr {
    border-top: 4px solid rgba(252,172,69,.34);
    width: 40px;
    text-align: center;
    margin-top: 10px;
    position: relative;
    left: 17%
}
#clients .item {
    padding: 0;
    margin: 35px;
    color: #fff;
    text-align: center
}
/*合作案例 模块样式 开始*/
#tf-works {
    padding: 60px 0 28px 0;
}
#tf-works li.pull-right {
    margin-top: 10px
}
#tf-works .module-header{
    padding-bottom: 50px;
}
.portfolio-item {
    margin-bottom: 46px;
    overflow: hidden;
}
.portfolio-item .hover-bg {
    overflow: hidden;
    position: relative;
    border-radius: 10px;
}
.portfolio-item .hover-bg a{
    display: block;
}
.hover-bg .hover-text {
    position: absolute;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    background: rgba(0,0,0,.66);
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: all .5s;
    display: flex;
    align-items: center;
}
.hover-bg .hover-text>p {
    width:86%;
    margin:0 auto;
    line-height: 24px;
    font-size: 14px;
    opacity: 0;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s
}
.hover-bg:hover .hover-text>p {
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}
.hover-bg:hover .hover-text {
    opacity: 1
}
.store_logo_img{
    text-align: center;
    margin: 20px 0 0 0;
}
.store_logo_img img{
    width: 32%;
}
#tf-works .look-more{
    font-size: 14px;
    color: #A9A9A9;
    padding: 7px 42px;
}
/*合作案例 模块样式 结束*/

/* 公司咨询 start*/
#firm_infor{
    background: #F2F2F2;
    padding: 44px 0 30px 0;
}
.firm_mart{
    margin: 35px auto 30px auto;
}
.info_href_a{
    background: linear-gradient(170deg, #0048dc 0%, #b400ff 75%, #b400ff 100%);
    padding: 8px 15px;
    display: block;
    color: #fff;
}
.firm_more{
    float: right;
    font-size: 12px;
    padding: 2px 0 0 0;
}
.firm_more img{
    width: 6px;
    position: relative;
    top: -1px;
    margin-left: 3px;
}
.mesg_ul{
    width: 100%;
}
.mesg_ul li{
    width: 100%;
    line-height: 34px;
    overflow: hidden;
}
.mesg_ul li a{
    width: 100%;
    display: block;
    overflow: hidden;
}
.mesg_name{
    max-width: 75%;
    color: #333333;
    font-size: 13px;
}
.mesg_time{
    color: #999999;
    font-size: 12px;
}
.firm_active_img{
    width: 92%;
    margin: 20px auto 10px auto;
    border: none;
}
.firm_active_img img{
    width: 100%;
}
.firm_info_desc{
    color: #999;
    font-size: 12px;
    -webkit-line-clamp: 6;
    line-height: 24px;
}
.firm_desc{
    color: #333;
    font-size: 12px;
    -webkit-line-clamp: 5;
    line-height: 26px;
}
.download_btn{
    color: #fff;
    background: linear-gradient(170deg, #0048dc 0%, #b400ff 75%, #b400ff 100%);
    border: none;
    padding: 6px 10px;
    font-size: 12px;
    border-radius: 4px;
    margin-top: 10px;
}
/* 公司咨询 end*/

.navbar-default.on .navbar-nav>li>a{
    color: #777;
}
.on .selectNet li a{
    color: #333!important;
}

.modal-body.info_video{
    padding: 0;
    font-size: 0;
}
.info_video video{
    width:100%;
}
.info_dialog{
    width: 800px;
    margin: 10% auto 0 auto;
}