#tf-menu.navbar-default {

    background-color:#fff;
	border-top: 1px solid #dee4f9;

}

/*.on {

    background-color:#fff!important;

}*/

#tf-home{

    position: relative;
    margin-top: 66px;

}

#tf-menu {

    padding: 5px 15px 0;

}

/*线上线下一体化解决方案 模块样式 开始*/

.big-title{

    font-size:36px;
	font-weight:bold;
	color: #333;

}

.small-desc{

    font-size: 18px;

}

.center_img{

    width: 64%;
    margin:44px auto 50px;

}

.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:80%;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:90%;

    overflow: hidden;

    margin: 0 auto;

    padding: 0 0 70px;

}

.owl-wrapper li{

    width:25%;float: left;cursor: pointer;list-style: none;

}

.owl-wrapper li .item {

    margin: 20px;

}

.group_inner{

    background: #fff;

    cursor: pointer;

    transition: all 0.6s;

    overflow: hidden;
	
	border-radius: 10px;

}

.group_inner:hover{

    transform: scale(1.1);

}

.group_img{width: 100%;}

.group_img img{width: 86%; margin: 12px auto 0}

.group_inner .group_desc{

    padding: 0 15px 20px;

    color: #555;

    line-height: 20px;

    margin: 0;

}

.group_inner .group_desc1{

    line-height: 48px;

    margin: 0;

    font-weight: bold;
	
	color: #222; 
	
	font-size:21px;

}

/*云果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;
	background: #eceff8;
}

#tf-works li.pull-right { margin-top: 10px}

#tf-works .module-header{

    padding-bottom: 50px;

}

.portfolio-item {

    margin-bottom: 46px;
    overflow: hidden;
	background: #fff;
	border-radius: 10px;

}

.portfolio-item .hover-bg {

    overflow: hidden;

    position: relative;

}

.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;
	font-size: 15px;
	color: #444;
    margin: 15px 0;
}

.store_logo_img img{

    width: 32%;

}

#tf-works .look-more{

    font-size: 14px;

    color: #A9A9A9;

    padding: 7px 42px;

}

/*合作案例 模块样式 结束*/



/* 公司咨询 start*/

#firm_infor{

    padding: 44px 0 30px;

}

.firm_mart{

    margin: 35px auto 30px;

}

.info_href_a{

    background: linear-gradient(170deg, #0063e4 0%,  #00c6ff 100%);

    padding: 8px 15px;

    display: block;

    color: #fff;
	
	border-radius:10px;

}

.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: #333;

    font-size: 13px;

}

.mesg_time{

    color: #999;

    font-size: 12px;

}

.firm_active_img{

    width: 100%;

    margin: 20px auto 10px;

    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, #0063e4 0%,  #00c6ff 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;

}