/* 
* @Author: tiger
* @Date:   2015-10-20 19:34:32
* @Last Modified by:   tiger
* @Last Modified time: 2016-01-03 23:28:25
*/
    
    * {
        font-family: guoshi, "Microsoft YaHei UI", "Microsoft YaHei", Arial, sans-serif, STHeiti, PingHei;
        font-weight: lighter
    }
    
    nav.absolute {
        position: absolute;
    }
    
    nav {
        padding-top: 18px;
        position: relative;
        width: 100%;
        z-index: 2;
    }
    
    @media (max-width: 768px) {
        nav {
            padding-top: 0px;
            position: relative;
            width: 100%;
            padding-left: 0px;
            padding-right: 0px;
            z-index: 2;
        }
        .stripe .contain {
            margin: 0px auto;
            width: 100%;
        }
        .navbar-header {
            padding: 8px;
            width: 90%
        }
    }
    
    @media (min-width: 1024px) {
        .cover .paragraph {
            width: 70%;
            margin: 20px auto 0;
        }
    }
    
    @media (min-width: 1200px) {
        .cover-wrapper.decor {
            background-attachment: fixed;
        }
    }
    
    @media (max-width: 480px) {
        .cover-wrapper.video {
            margin-top: 50px;
        }
        .cover-wrapper video {
            opacity: 1;
        }
        .cover-wrapper .video-copy {
            position: relative;
            padding-top: 20px;
            padding-bottom: 70px;
            background-color: #00718f;
        }
    }
    
    header.headroom--unpinned {
        top: -50px;
    }
    
    header>.container {
        padding-right: 0;
        padding-left: 0;
    }
    
    .navbar-inverse {
        margin-bottom: 0;
        border: none;
    }
    
    .navbar .container {
        width: auto;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding-left: 0!important;
    }
    
    .navbar-brand {
        padding: 10px 0!important;
    }
    
    .navbar-inverse .navbar-collapse {
        border-color: rgba(29, 29, 29, 0.34);
    }
    
    .navbar-inverse .navbar-toggle {
        border-color: transparent;
        border-radius: 0;
    }
    
    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {}
    
    .navbar-inverse .navbar-nav>li>.index-nav-link {
        color: #fff;
        font-size: 1.1em;
        text-align: right;
        opacity: .6;
        font-weight: 600;
        padding: 10px 0px 10px 20px;
    }
    
    .navbar-inverse .navbar-nav>li>.nav-list-link {
        color: #000;
        font-size: 1.1em;
        text-align: center;
        opacity: .4
    }
    
    .navbar-inverse .navbar-nav>li>a.nav-active {
        opacity: 1;
    }
    
    .navbar-inverse .navbar-nav>li>a.nav-list-active {
        opacity: 1;
        color: #c60104;
        font-weight: 700;
    }
    
    .navbar-inverse .navbar-nav>li>a:focus,
    .navbar-inverse .navbar-nav>li>a:hover {
        color: #c60104;
    }
    
    @media (min-width: 768px) {
        header {
            margin-top: 0px;
        }
        header.headroom--unpinned {
            top: -70px;
        }
        header .container {
            padding-right: 20px;
            padding-left: 20px;
        }
    }
    /* FEATURETEE */
    
    .featurette {
        padding-top: 60px;
        padding-bottom: 70px;
    }
    
    .featurette_anli {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .anlileft {
        text-align: left
    }
    
    .anlileft a {
        margin-right: 15px;
        margin: 20px 15px 20px 0px;
        color: #333;
        float: left
    }
    
    .anlileft a:hover {
        color: #F90;
        text-decoration: none
    }
    
    .feature [class^=col-] {
        margin-top: 40px;
    }
    
    .featurette h2 {
        color: #181818;
    }
    
    .feature p {
        margin-bottom: 0;
    }
    
    @media (min-width: 768px) {
        .feature [class^=col-] {
            margin-top: 0;
        }
    }
    
    @media (min-width: 1024px) {
        .featurette {
            padding-top: 120px;
            padding-bottom: 120px;
        }
        .featurette_anli {
            padding-top: 25px;
            padding-bottom: 25px;
        }
        .anlileft {
            text-align: right
        }
        .anlileft a {
            margin-right: 50px;
            color: #333;
            float: right;
            font-size: 18px
        }
        .anlileft a:hover {
            color: #F90;
            text-decoration: none
        }
    }
    /* WORKS */
    
    .works [class^=col-] {
        padding-right: 0;
        padding-left: 0;
    }
    
    .works img {
        display: block;
        width: 100%;
    }
    /* FLEXBOX */
    
    .flexbox {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        color: #181818;
    }
    
    .flexbox-inner {
        padding: 15px;
    }
    
    .flexbox-inner p {
        margin-top: 5px;
        margin-bottom: 0;
    }
    
    .flexbox-inner h3 {
        margin-top: 0;
    }
    /* SHOWCASE */
    
    .showcase {
        width: 100%;
        margin: 0 auto;
    }
    
    .gutter {
        width: 3%;
    }
    
    .item {
        display: none;
        width: 48.5%;
    }
    
    .item.w2,
    .item.w4 {
        width: 100%;
    }
    
    .showcase .item img {
        display: block;
        width: 100%;
        height: auto;
    }
    
    @media (min-width: 768px) {
        .gutter {
            width: 2%;
        }
        .item {
            width: 32%;
        }
        .item.w2 {
            width: 66%;
        }
    }
    
    @media (min-width: 1024px) {
        .item {
            width: 23%;
        }
        .item.w2 {
            width: 48%;
        }
    }
    
    @media (min-width: 1280px) {
        .gutter {
            width: 20px;
        }
        .item {
            width: 275px;
        }
        .item.w2 {
            width: 570px;
        }
    }
    /* CONTACT */
    
    @media (min-width: 768px) {
        .contact-wrapper {
            position: relative;
        }
        .contact-wrapper:before {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 50%;
            content: '';
            background: #f8f8f8;
        }
        .contact {
            padding-left: 40px;
        }
    }
    
    @media (min-width: 1024px) {
        .contact {
            padding-left: 80px;
        }
    }
    /* QRCODE */
    
    .qrcode {
        background: #f2f2f2;
        color: #191919;
        text-align: center;
    }
    
    .qrcode img {
        width: 90%;
    }
    
    @media (min-width: 768px) {
        .qrcode img {
            width: auto;
        }
    }
    /* LINKS */
    
    a,
    a:focus,
    a:hover {
        color: #8B8B8B;
    }
    /* P */
    
    p {
        line-height: 1.5;
    }
    /* LEAD */
    
    .lead {
        line-height: 32px;
    }
    
    @media (min-width: 768px) {
        .lead {
            font-size: 18px;
        }
        .footer .info {
            float: right;
        }
    }
    /* HEADLINE */
    
    h2 {
        margin-top: 0;
        margin-bottom: 20px;
    }
    
    @media (min-width: 768px) {
        h1 {
            font-size: 64px;
        }
        h2 {
            font-size: 36px;
        }
    }
    /* BUTTON */
    
    .btn-outline {
        color: #181818;
        font-size: 14px;
        font-weight: 600;
        letter-spacing: 5px;
    }
    
    .btn-outline:focus,
    .btn-outline:hover {
        color: #000;
        font-weight: 600;
        text-decoration: none
    }
    
    .btn-lg {
        padding: 13px 39px;
        border-radius: 3px;
        font-size: 16px;
    }
    
    .btn-outline-inverse {
        color: #fff;
        border-color: #fff;
    }
    
    .btn-outline-inverse:focus,
    .btn-outline-inverse:hover {
        color: #fff;
        background-color: #0bb;
        border-color: #0bb;
    }
    /*footer*/
    
    .footer {
        background: #000;
        display: table;
        padding-top: 120px;
        padding-left: 5%;
        padding-right: 5%;
        padding-bottom: 120px;
        width: 100%
    }
    
    .footer img {
        float: left;
    }
    
    .footer .nav {
        margin: 0px;
        color: #fff;
        width: auto;
    }
    
    .footer .nav .info-title {
        font-weight: 600;
    }
    
    .footer .nav ul {
        list-style-type: none;
        margin: 0 0 10px;
        padding: 0;
        display: flex;
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
        padding-left: 15%;
    }
    
    .footer .nav li {
        flex: 1;
        display: block;
        min-width: 200px;
        line-height: 1
    }
    
    .footer .nav a {
        color: #fff;
        font-size: .6875em;
        letter-spacing: .15em;
        -webkit-transition: color 300ms;
        transition: color 300ms;
        text-transform: uppercase
    }
    
    .footer .nav a:active,
    .footer .nav a:focus,
    .footer .nav a:hover {
        color: #999
    }
    
    .footer .info {
        width: 100%;
    }
    
    .footer .copyright {
        width: 100%;
        font-size: 1em;
        font-weight: 500;
        color: #FFFFFF;
        letter-spacing: 0.47px;
        text-align: center;
    }
    
    .footer .copyright a {
        color: #FFFFFF;
    }
    
    @media screen and (max-width:600px) {
        .footer {
            background: #0a0a0b;
            display: table;
            /*padding:  30px 20px 30px 20px;*/
            width: 100%;
        }
        .footer img {
            width: 80px;
            height: 130px;
        }
        .no-js .footer {
            display: block;
            overflow: hidden;
            padding: 40px
        }
        .no-js .footer .nav {
            display: block;
            margin: 0;
            padding: 20px 0;
            width: 100%
        }
    }
    
    @media screen and (min-width:600px) {
        .footer {
            display: table;
            /*padding:65px 30px*/
        }
        .footer h1 {
            padding-right: 70px
        }
        .footer img {
            width: 95px;
            height: 150px;
        }
    }
    
    @media screen and (min-width:769px) {
        .footer {
            /*padding:80px 40px 50px 40px;*/
        }
        .footer h1 {
            padding-right: 100px
        }
        .footer img {
            width: 110px;
            height: 170px;
        }
    }
    /* HR */
    
    hr {
        margin-top: 0;
        margin-bottom: 0;
        border-color: #e5e5e5;
    }
    
    hr.half-rule {
        width: 50px;
        margin-top: 35px;
        border-top: 4px solid #0bb;
    }
    
    @media (min-width: 768px) {
        hr.half-rule {
            margin-bottom: 20px;
        }
        hr.half-rule.double-margin {
            margin-bottom: 40px;
        }
    }
    /* TRANSITION * */
    
    header,
    button,
    img,
    a,
    .btn {
        -webkit-transition: all ease .4s;
        -moz-transition: all ease .4s;
        -o-transition: all ease .4s;
        transition: all ease .4s;
    }
    /* ANIMATION */
    
    @-webkit-keyframes fadeInDown {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0, -15px, 0);
        }
        70% {
            opacity: 1;
            -webkit-transform: translate3d(0, 0, 0);
        }
        100% {
            opacity: 0;
            -webkit-transform: translate3d(0, 10px, 0);
        }
    }
    
    @keyframes fadeInDown {
        0% {
            opacity: 0;
            transform: translate3d(0, -15px, 0);
        }
        70% {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
        100% {
            opacity: 0;
            transform: translate3d(0, 10px, 0);
        }
    }
    
    .fadeInDown {
        -webkit-animation: fadeInDown 1s ease-in infinite;
        animation: fadeInDown 1s ease-in infinite;
    }
    
    .index-logoaa {
        background: url('../img/index/ourwork.png') center no-repeat;
    }
    
    .index-logoaa {
        width: 4.4em;
        height: auto;
        background: url('../img/index/ourwork.png') center no-repeat;
    }
    
    .logoaa {
        background-size: contain;
        display: block;
        overflow: hidden;
        -webkit-transition: color 500ms;
        transition: color 500ms;
        font-size: 48px;
        padding-top: 20px;
        margin-left: 0!important;
    }
    
    @media (min-width: 480px) {
        .nav-container {
            margin-bottom: 20px;
        }
        .logoaa {
            transform: scale(.6)
        }
        @media (min-width: 768px) {
            .nav-container {
                margin-bottom: 25px;
            }
            .logoaa {
                transform: scale(.8)
            }
        }
        @media (min-width: 1024px) {
            .nav-container {
                margin-bottom: 40px;
            }
            .logoaa {
                transform: scale(1)
            }
        }
        .navbar-brand {
            height: 65px
        }
        @media (min-width:768px) {
            .navbar-inverse {
                background: none;
            }
        }
        @media (min-width:992px) {
            .navbar-inverse {
                background: none
            }
        }
        @media (min-width:1280px) {
            .navbar-inverse {
                background: none
            }
        }
        @media (min-width:1280px) {
            .navbar-inverse {
                background: none
            }
        }
        @media (max-width:768px) {
            .navbar-bg {
                background: rgba(0, 0, 0, 0.93);
            }
        }
        @media (min-width:768px) {
            .navbar-header {
                top: 20px;
                left: 30px;
            }
        }
        @media (min-width:768px) {
            .daohang {
                flex: 1;
            }
        }
        .full-btn:active,
        .full-btn:focus,
        .full-btn:hover {
            background-color: #000;
            color: #FFF;
            -webkit-transition: all .5s ease!important;
            transition: all .5s ease!important
        }
        .full-btn:active {
            padding: 39px 37px 37px 39px
        }
        .full-btn.full-btn-dark {
            background-color: #000;
            color: #FFF
        }
        .full-btn.full-btn-dark:active,
        .full-btn.full-btn-dark:focus,
        .full-btn.full-btn-dark:hover {
            background-color: #FFF;
            color: #000
        }
        .full-btn.disabled {
            display: none
        }
        .full-image {
            overflow: hidden;
            position: relative;
            width: 100%
        }
        .full-image img {
            float: left;
            height: auto;
            width: 100%
        }
        @media (max-width:768px) {
            .logoaa {
                font-family: 'gainsee_icon';
                color: #FFF;
                display: block;
                height: 50px;
                overflow: hidden;
                -webkit-transition: color 500ms;
                transition: color 500ms;
                font-size: 38px;
                padding-top: 20px;
            }
            .navbar-brand {
                height: 65px
            }
            .cover-wrapper.video {
                background: url(../images/lianxi.jpg) no-repeat top fixed;
                height: 500px;
                min-height: 0;
            }
            .lianxi {
                padding-top: 0px;
                padding-bottom: 30px;
                width: 100%;
                margin: 0px auto;
                padding: 0px 20px
            }
            .lianxi .lxleft {
                width: 100%;
                float: none;
                font-size: 18px;
                text-align: center;
                line-height: 50px
            }
            .lianxi .ableft {
                width: 100%;
                float: none;
                font-size: 18px;
                text-align: center;
                line-height: 30px;
                padding-bottom: 30px;
            }
            .lianxi .lxright {
                width: 100%;
                float: none;
                text-align: left
            }
            .lianxi .lxright li {
                line-height: 60px;
                font-size: 16px
            }
            .lianxi .lxright p {
                line-height: 30px;
                font-size: 16px
            }
            .ditu {
                width: 100%;
                height: 300px;
            }
            /*内容页*/
            .lianxi .nrleft {
                width: 100%;
                float: none;
                font-size: 24px;
                text-align: center;
                line-height: 50px
            }
            .lianxi .nrleft span {
                font-size: 16px
            }
            .cover-wrapper.neirong {
                background: url(../images/lianxi.jpg) no-repeat top fixed;
                height: 300px;
                min-height: 0;
                filter: url(blur.svg#blur);
                /* FireFox, Chrome, Opera */
                -webkit-filter: blur(1px);
                /* Chrome, Opera */
                -moz-filter: blur(1px);
                -ms-filter: blur(1px);
                filter: blur(1px);
                filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
                /* IE6~IE9 */
            }
            .nrimg img {
                width: 100%
            }
        }
        @media (min-width:768px) {
            .cover-wrapper.video {
                background: url(../images/lianxi.jpg) top fixed;
                height: 1000px;
                min-height: 0;
            }
            .lianxi {
                padding-top: 0px;
                padding-bottom: 60px;
                width: 90%;
                margin: 0px auto;
                padding: 0px 20px 230px 0px
            }
            .lianxi .lxleft {
                width: 40%;
                float: left;
                font-size: 24px;
                text-align: right;
                line-height: 50px
            }
            .lianxi .ableft {
                width: 40%;
                float: left;
                font-size: 36px;
                text-align: left;
                line-height: 50px
            }
            .lianxi .lxright {
                width: 50%;
                float: right;
                text-align: left
            }
            .lianxi .lxright li {
                line-height: 60px;
                font-size: 18px
            }
            .lianxi .lxright p {
                line-height: 32px;
                font-size: 18px
            }
            .ditu {
                width: 100%;
                height: 900px;
            }
            /*内容页*/
            .lianxi .nrleft {
                width: 40%;
                float: left;
                font-size: 36px;
                text-align: left;
                line-height: 50px
            }
            .lianxi .nrleft span {
                font-size: 16px
            }
            .cover-wrapper.neirong {
                background: url(../images/fuwu.jpg) no-repeat top fixed;
                height: 500px;
                min-height: 0;
                filter: url(blur.svg#blur);
                /* FireFox, Chrome, Opera */
                -webkit-filter: blur(1px);
                /* Chrome, Opera */
                -moz-filter: blur(1px);
                -ms-filter: blur(1px);
                filter: blur(1px);
                filter: progid: DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);
                /* IE6~IE9 */
            }
            .nrimg img {
                width: 100%
            }
            .fangda {
                width: 100%;
                overflow: hidden;
                height: auto;
            }
        }