@charset "utf-8";
body,nav,dl,dt,dd,p,h1,h2,h3,h4,ul,ol,li,input,button,textarea,footer{margin:0;padding:0}
body{font-family:'Microsoft Yahei','helvetica','arial'; font-size:14px;color:#101010;background:#fff;-webkit-text-size-adjust:none;min-width:320px;}
h1,h2,h3,h4,h5,h6{font-size:100%}
form{display:inline}
ul,ol{list-style:none}
a{text-decoration:none;}
a:hover,a:active,a:focus{text-decoration:none;}
img{vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}
button,input,select,textarea{font-size:100%;vertical-align:middle;outline:none;}
textarea{resize:none}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;-moz-appearance:button}
input:focus:-moz-placeholder,input:focus::-webkit-input-placeholder{color:transparent}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}
table{border-collapse:collapse;border-spacing:0}
.fl{float:left;}
.fr{float:right;}
.hide{display:none;}
.show{display:block;}
.ellipsis{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.break{word-break:break-all;word-wrap:break-word}
header,footer,article,section,nav,menu,hgroup{display:block;clear:all;}
button, select {text-transform: none;}
button, input, optgroup, select, textarea {color: inherit;font: inherit;margin: 0;}
em{font-style: normal;}

.clearfix:after{content:".";height:0;visibility:hidden;display:block;clear:both;font-size:0;line-height:0;}
.bg_eee{background:#eee;}
/*修改bootstrap*/
p{margin:0;}
.v_a_m{vertical-align: middle;}
.f_s20{font-size: 18px;}
.btn-primary.btn-blue {
    color: #fff;
    background-color: #03A9F4;
    border-color: #03A9F4;
}

html{font-size:62.5%}
@media only screen and (min-width:481px){html{font-size:70%!important}}
@media only screen and (min-width:561px){html{font-size:78%!important}}
@media only screen and (min-width:641px){html{font-size:86%!important}}


.navbar .container {
    width: auto;
}
.tg_banner{position: relative; overflow: hidden;}
.tg_banner img{width: 100%}


.tg_c1{padding: 50px 0;}
.tg_h1{
    line-height: 36px;
    font-size: 26px;
    margin-bottom: 40px;
    padding-bottom: 15px;
    background: url(../images/bg_line1.jpg) center bottom no-repeat;
    text-align: center;
}
.tg_h1 span{font-size: 20px;}
.feature{margin-bottom: 60px;}
.feature h4 {
    margin-bottom: 14px;
    line-height: 20px;
    overflow: hidden;
}
.feature .feature-icon {
    width: 107px;
    height: 107px;
    margin: 0 auto 20px;
    background-image: url(../images/index/feature-icon@2x.png);
    background-size: 107px 880px;
}
.feature.project .feature-icon{background-position:0 0}
.feature.task .feature-icon{background-position: 0 -110px}
.feature.wall .feature-icon{background-position: 0 -220px}
.feature.file .feature-icon{background-position: 0 -330px}
.feature.event .feature-icon{background-position: 0 -440px}
.feature.bookkeeping .feature-icon{background-position: 0 -550px}
.feature.news .feature-icon{background-position:0 -660px }
.feature.review .feature-icon{background-position: 0 -770px}
.btn-primary.ghost {
    margin-top: 20px;
    color: #03A9F4;
    padding: 14px 26px;
    font-size: 18px;
    min-width: 200px;
    background-color: transparent;
    border-color: #03A9F4;
}
.tg_c1a>div{margin-bottom: 20px;}
.tg_c1a img {
    width: 100%;
    border: 1px solid #bfbfbf;
}
.cases-list {
    margin-top: 50px;
    margin-bottom: 50px;
}
.cases-list .box-item {
    height: 150px;
    margin-bottom: 30px;
    position: relative;
}
.cases-list .box-item .case {
    display: block;
    margin: 0 auto;
    height: 150px;
    border-radius: 3px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    text-align: center;
    -webkit-transform: translateZ(0);
    -webkit-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out;
}
.cases-list .box-item .content {
    height: 30px;
    padding: 0;
    text-align: center;
    border-radius: 0 0 3px 3px;
    width: 100%;
    z-index: 2;
    background-color: rgba(0,0,0,.5);
    position: absolute!important;
    bottom: 0;
}
.cases-list .box-item .content>p.cotegory {
    margin: 0;
    font-size: 14px;
    line-height: 30px;
}
.cases-list .box-item.more .content {
    height: 150px;
    border-radius: 3px;
}
.cases-list .box-item.more .content>p.cotegory {
    font-size: 38px;
    line-height: 150px;
}

.site-footer {
    background-color: #333;
    color: #fff;
}
.site-footer .footer-nav {
    padding: 30px 0 10px;
    margin-left: 0;
    margin-bottom: 0;
}
.site-footer .footer-nav .nav-group {
    float: left;
    color: #777;
    width: 20%;
}
.site-footer .footer-nav .nav-group h4 {
    color: #d9d9d9;
    margin-bottom: 20px; font-size: 18px;
}
.site-footer .footer-nav .nav-group>li {
    margin-bottom: 15px;
}
.site-footer .footer-nav .nav-group>li>a {
    -webkit-transition: all .35s ease-in-out;
    -o-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
    text-decoration: none;
    color: #777;
}
.site-footer .footer-nav .nav-group>li>a:hover {
    color: #ededed;
}
.site-footer .copyright {
    background-color: #000;
    min-height: 70px;
}
.site-footer .copyright .text, .site-footer .copyright .text a {
    color: #a6a6a6;
}
.site-footer .copyright .text {
    display: block;
    font-size: 16px;
    padding: 24px 0;
}
.tg_banner_c{position: absolute;top:50%; left: 10%; width: 80%; z-index: 10}
.tg_banner_c h1{font-size: 46px; color: #fff; line-height: 80px;}
.tg_banner_c .btn-primary{background: #03A9F4; border-color: #03A9F4; padding: 12px 26px;}
.navbar{background: #fff; opacity: 0.97;}
.navbar.header_top {
    border-bottom: transparent;
    background: -moz-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
    background: -webkit-gradient(linear,top,bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));
    background: -webkit-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
    background: -o-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
    background: -ms-linear-gradient(top,rgba(0,0,0,.4),rgba(0,0,0,0));
}
.navbar-brand{font-size: 30px; color: #000;}
.navbar-nav>li>a{color: #383838; font-size: 16px;}
.navbar-nav>li>a:hover,.navbar-nav>li>a:focus{background: none; color: #03A9F4;}
.navbar.header_top .navbar-brand{color: #fff;}
.navbar.header_top .navbar-nav>li>a{color: #fff;}
.swiper-pagination-bullet{background: #fff;opacity:0.8}
.swiper-pagination-bullet-active{background: #007aff}
.navbar-toggle{color: #444; font-size: 24px; padding: 0;}


.tg_login_box{padding: 0;}
.tg_login_banner img{width: 100%;}
.tg_login_c{margin: 0 auto; max-width: 350px; padding: 50px 12px 0;}
.tg_login_c .form-control{padding: 12px; height: 46px;}
.tg_login_c .btn{padding: 12px;}
.tg_yc{padding: 50px 0; text-align: center;}
.tg_yc_img img{width: 100%;}
.tg_ssp .tg_yc_img img{width: 30%;}
.tg_ssp .tg_yc_img.w100 img{width: 80%;}
.tg_yc_h1{line-height: 4.5rem; font-size: 3rem; margin: 15px 0 20px;}
.tg_yc_p1{line-height: 30px; font-size: 18px; margin: 10px 0 30px;}
.bg_f1f1f1{background: #f1f1f1}
.tg_yc_h2{font-size: 2.4rem; line-height: 3.2rem; margin-bottom: 20px;}
.tg_btn1{background: none; border: 1px solid #fff; color: #fff;}
.tg_btn1:hover{color: #03A9F4;}
.tg_btn1_li{padding: 9px 10px 2px;}
.tg_head_user{line-height: 40px; color: #fff; padding: 5px 15px 5px 8px; font-size: 16px;}
.navbar-nav li.tg_head_user{ text-align: left;}
.tg_head_user img{width: 40px; height: 40px; margin-right: 7px;}
.navbar .navbar-nav .tg_btn1{border-color: #6e6e6e; color: #6e6e6e;}
.navbar.header_top .navbar-nav .tg_btn1{color: #fff; border-color: #fff;}
.navbar.header_top .tg_head_user{color: #fff;}
.navbar .tg_head_user{color: #6e6e6e;}
.header_top .tg_btn1{color: #6e6e6e;}
.navbar-nav>li.tg_head_user>a,.navbar-nav>li.tg_btn1_li>a{padding: 0;}
.tg_head_user .tg_btn1{margin-top: 3px;}
.tg1012_p1{padding-top: 50px;}
.tg1012_p1 img{width: 100%;}
.page-footer{background: #3d3d3d; color: #a3a3a3; font-size: 12px; padding: 8px 20px 5px 20px; text-align: center; position: fixed; left: 0; bottom: 0; width: 100%; z-index: 99;}
@media (max-width: 1024px){
    .site-footer .footer-nav .nav-group:first-child {
        min-width: 50%;
    }
    .site-footer .footer-nav .nav-group {
        min-width: 50%;
        text-align: center;
        padding-top: 20px;
        border-bottom: 1px dashed #6e6e6e;
        margin-bottom: 0;
        height: 190px;
    }
    .site-footer .footer-nav .nav-group:last-child {
        width: 100%;
        height: 190px;
        border: none;
        text-align: center;
    }
}
@media (max-width: 768px){
    .tg_banner_c h1{font-size: 26px;line-height: 50px;}
    .tg_banner_c .btn-primary{ padding: 8px 18px;}
    .navbar.header_top .navbar-brand{color: #000;}
    .navbar.header_top .navbar-nav>li>a{color: #383838;}
    .navbar.header_top {
        background: #fff;
    }
    .navbar.header_top .tg_head_user{color: #6e6e6e;}
    .tg_ssp .tg_yc_img img{width: 100%;}
    .navbar .navbar-nav .tg_btn1{border-color: #6e6e6e; color: #6e6e6e;}
    .navbar.header_top .navbar-nav .tg_btn1{border-color: #6e6e6e; color: #6e6e6e;}
    .navbar-nav li{text-align: center;}
}
@media (max-width: 480px){
    .tg_banner_c h1{font-size: 20px;line-height: 40px;}
    .tg_banner_c .btn-primary{ padding: 6px 16px;}
    .tg_login_c{padding-top: 25px;}
    .tg_c1{padding: 20px 0;}
    .feature{margin-bottom: 20px;}
    .tg_h1{font-size: 22px;}
    .tg_h1 span{font-size: 18px;}
    .tg_btn1.btn-lg{padding: 5px 8px;}
}