body {background-color: #fff; color: #333; font-family: "Microsoft YaHei",Helvetia,"lucida Grande",Verdana,Arial;font-size: 14px;line-height: 1.42857; }

a:hover, a:focus {outline:inherit}

.navbar {border:none;}

.navbar-collapse {border:none; box-shadow: none;}

.header-main {background-attachment: fixed; background-color: rgb(38, 38, 38); background-image: url("../image/header-bj1.jpg"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover;  box-shadow: -6px 0 0 0 rgb(0, 0, 0); height: 70%; min-height: 690px; padding-bottom: 102px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s;}

.header-section { padding-left:0; padding-right:0;}

.navbar-header {position:relative; z-index:2;}

.navbar-default {border-color:inherit;}

.header-back {background-color: transparent; background-image: url("../image/body.png"); height: 100%;  min-height: 700px; position: absolute;  width: 100%;}

.navbar-about {  background-image: url("../image/intro-bg-mtn.jpg"); height:500px; }

.navbar-contact { background-image: url("../image/contact-bg.jpg"); height:500px; background-position:40% 50%;}

.About-case {background-image: url("../image/bg-head-32d717c9.jpg"); height:500px;}

.product-background {background-image: url("../image/Product.jpg"); height:500px;}

.service-background {background-image: url("http://web.txsm.com/themes/img/News.jpg"); height:500px;}

.navbar-brands { background-color: transparent;border-bottom:1px solid rgba(255, 255, 255, 0.15); border-radius: 0; z-index: 5; padding:20px 30px;}

.navbar-logo { background-image: url("../picture/logo.png");  background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;width: 180px;}

.navbar-default .navbar-nav > li > a {color:#fff;}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {background: rgba(255, 255, 255, 0.2) none repeat scroll 0 0; color:#fff}

.navbar-default .navbar-nav > li > a:hover {color:#fff; background:rgba(255, 255, 255, 0.1) none repeat scroll 0 0}

.container-zindex {z-index:9999; position:relative;}

.img-responsive {display: block; height: auto;  max-width: 100%;  z-index:999;}

.container-zindex h1 {color:#fff; font-weight:bold;  margin:0; font-size:60px; letter-spacing:3px; }

.container-index h1 {text-align:center; font-size:50px;}

.container-index p {text-align:center}

.container-zindex span {display:block; font-size:40px; font-weight:normal;}

.container-zindex p {color:#fff; font-size:18px; padding-top:20px;}

.cover-container {text-align:center; margin-top:50px; height:600px;}

.marketing {margin-top:40px; margin-bottom:30px; padding-top:20px;}

.marketing .col-lg-3 {text-align:center;}

.marketing .row .col-lg-3 h2 {font-size:18px;}

.marketing .row .col-lg-3 p {color:#888; font-size:13px;}

.marketing .featurette h2 {padding-bottom:10px;}

.marketing .featurette p {font-size:18px; line-height:2em;}

.marketing-media {margin-bottom:100px; margin-top:80px;}

.main-footer .widget { padding: 0 30px;}

.widget {margin-bottom: 35px;}

.widget .recent-post .recent-single-post { margin-bottom: 14px;padding-bottom: 14px;}

.main-footer {background: #424242 none repeat scroll 0 0;color: #959595; padding: 35px 0 0;}

.main-footer .widget .recent-post .recent-single-post .post-title {color: #959595;}

.main-footer .widget .recent-post .recent-single-post .post-title:hover {color: #e67e22;}

.main-footer .widget .recent-post .recent-single-post .date {color: #505050;}

.contact-icon i {color:#888; padding-right:5px;}

.footer-back {height:200px; background-color:#3e4147}

.main-footer1 {background:none; border-top:1px solid #e9ecef;}

.content-about {margin-top:60px;}

.content-about div {margin-bottom:10px;}

.company-img {text-align:center; }

.company-img img {width:70%; vertical-align: middle; margin-top:35px;}

.Client-main {margin-top:20px;}

.Client-list {margin-top:30px; margin-bottom:20px;}


.container-fluid-backs {background-color:#f5f5f5;}







.nav-pills > li > a {border-radius:inherit; background-color:#eee;}

.nav-pills > li > a:hover {background-color:#337ab7; color:#fff;}

.container .jumbotron, .container-fluid .jumbotron {text-align:justify; border-radius:3px;}

.jumbotron h1 {font-size:40px;}

.jumbotron p {font-size:16px; line-height:1.5em; color:#666;}

.sw_categorys_navs {background-color:#fff; z-index:100; position:relative;}

.Introduction {background-attachment: fixed; background-color: rgb(38, 38, 38); background-image: url("http://web.txsm.com/themes/img/about/aboutone.png"); background-position: 50% 100%; background-repeat: no-repeat; background-size: cover; height: 70%; min-height:400px; position: relative; transform: rotate(0deg) scale(1) translate(0%, 0%); transition: all 2s ease 0s; color:#fff;}




.thumbnail {border-radius:0; padding:0; border:none; margin-bottom:20px;}

.post-header {padding:0 12px;}

.tag-bootstrap-v3 {background-color:#fff;}

.tag-bootstrap-v3:hover {box-shadow:0 0 5px rgba(50, 50, 50, 0.6)}

.post-title i {color:#949494; font-style:normal;}

.carousel {position:relative;}

.Clear-margins {padding-left:0;}

.navbar-inverse {background-color:#3f89c8; z-index:999; border-radius:3px;}

.isStuck {z-index:9999;}

.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .active > a:hover {background-color:#2570b3;}

.navbar-inverse .navbar-nav > li > a {color:#fff; display:block; text-align:center;}


.container-fluid-back {background:url("../image/footer.jpg") no-repeat center bottom; height:460px;}


.text-header-title h1 {color:#eee; padding-top:30px; padding-bottom:20px;}

.text-header-title p {font-size:18px; line-height:1.5em; color:#eee;}

.text-header-title span {color:#ffcc00;  font-size:19px; }

.text-center-h1 h1 {padding-bottom:25px;}


.thumbnail-clear div {padding-left:0; padding-right:0;}

.thumbnail-bottom {padding:5px; margin-bottom:0;}

.thumbnail-clear img {opacity:1}

.thumbnail-clear img:hover {opacity:0.6;}

.btn-group-lg > .btn, .btn-lg {font-size:14px; border-color:#5cb85c; border-radius:3px;}

.glyphicon {padding-left:2px;}

.container blockquote .Abstract-text-p {padding:10px 0 0 30px; color:#999; font-size:14px; line-height:1.5em; background-size:24px auto; background-repeat:no-repeat; background-position:left top; background-image:url("http://web.txsm.com/themes/img/quote.svg")}

blockquote {border-left:none; font-size:14px; line-height:1.5em; padding-top:20px; padding-left:0; color:#999;}

.present-list {margin: 0; padding:0; margin-bottom:20px; margin-left:12px;}

.present-list li {line-height:1.8em;}

#features p {line-height:1.8em;}

.Customize .col-lg-3 {padding-top:30px; padding-bottom:80px;text-align:center;}

.Customize div h3 {color:#5a5a5a; font-size:18px; text-align:center;}

.Customize div p {color:#777; line-height:1.8em; }



.jumbotron {background-color:#edece4; margin-bottom:20px;}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev {margin-left:-30px;}

.carousel-control .glyphicon-chevron-right, .carousel-control .icon-next {margin-right:-30px;}

.carousel-control.left {background-image:none;}

.carousel-control.right {background-image:none;}

.sidebar.affix {position:fixed; top:45px;}

.sidebar.affix-bottom, .sidebar.affix {width:263px;}

.sidebar .nav > .active > a, .sidebar .nav > .active:hover > a, .sidebar .nav > .active:focus > a {border-right:1px solid #1d365d; background-color:transparent; }


/*zy meaning*/
.zyMeaning {
    width: 100%;
    margin: 50px auto 40px;
}

    .zyMeaning li {
        width: 33.3%;
        float: left;
        text-align: center;
        list-style:none;
    }

        .zyMeaning li div {
            padding: 0 5px;
        }

        .zyMeaning li + li div {
            border-left: 1px solid #EBEBEB;
        }

        .zyMeaning li h2 {
            color: #ff7200;
            font-weight: normal
        }

        .zyMeaning li p {
            color: #999;
            padding-top: 12px;
            line-height: 18px;
        }


        /*news list*/
.newsList{border-top:1px solid #999;}
.newsList aside{width:158px;/*min-height:200px;*/border-top:4px solid #999;float:left;text-align:center;color:#999;}
.newsList aside strong{display:block;font-size:3.75em;padding:15px 0;}/*font-size:60px;*/
.newsList aside em{display:block;font-size:1.125em;}/*font-size:18px;*/
.newsList article{padding:0px 0px 20px 180px;}
.newsList article time,.newsMore{display:none;}
.newsList article h2{color:#636363;}
.newsList article div,.newsList article p,.newsList article .more b{font-size:0.875em;line-height:2em;color:#999;}/*font:14px/28px*/
.newsList .newsContent div,.newsList .newsContent p{margin-bottom:20px;}
.newsList article img{display:block;margin:20px auto 0;}/*In newslist page,the image size is 800*260*/
.newsList .newsContent img{width:100%;height:auto;}
.newsList article .more,.newsList article .more b{color:#666;}
.newsList article .more:hover{text-decoration:underline;}

@media only screen and (min-width:1024px) {
/*news list*/
.newsList{width:980px;border-top:1px solid #999;margin:20px auto;}
}

@media only screen and (min-width:768px) {
/*news list*/
.newsList article h2{font-size:1.5em;line-height:1.5em;padding:15px 0;}/*font:24px/36px*/
}

@media only screen and (max-width:1023px) and (min-width:768px) {
        /*news list*/
    .newsList{width:100%;margin:25px auto 15px;}
    .newsList aside{width:128px;}
    .newsList article{padding:0px 10px 20px 150px;} 
    .newsList article img{width:100%;height:auto;}
}

@media only screen and (max-width:767px) {
        /*news list*/
    .newsList{margin:0 10px;border-top:0 none;border-bottom:1px dashed #C3C3C3;}
    .newsList aside{display:none;}
    .newsList article{padding:15px 0;}
    .newsList article time{display:block;color:#ccc;font-size:0.5625em;line-height:2.4444em;}/*font:9px/22px;*/
    .newsList article h2{color:#636363;font-size:1em;line-height:1.5em;}/*font:16px/24px*/
    .newsList article div,.newsList article p,.newsList article .more{font-size:0.75em;line-height:2.3333em;color:#999;}/*font:12px/28px*/
    .newsList article div:last-child,.newsList article p:last-child{margin-bottom:0;}
    .newsList article img{display:block;width:100%;margin:10px auto 0;}
    .newsList article .more{color:#666;}
    .newsList article .more:hover{text-decoration:underline;}
}

.pageList{width:800px;margin:0 auto;color:#999;font-size:0.875em;padding-left:180px;}/*font-size:14px;*/
.pageList a{color:#999;padding:0 17px 0 2px;}
.pageList .on, .pageList a:hover{color:#ff7200;}
.pageList span a{padding:0;}
.pageList span a:hover{text-decoration:underline;}
.pageList span{color:#999;float:left;}
.pageList .toNext{float:right;}

/* news section */
.news-section {
    padding: 20px 0;
}

.news-row {
    margin-top: 30px;
}

.news-item {
    margin-bottom: 20px;
}

.news-box {
    background: #fff;
    padding: 20px;
    border: 1px solid #e9ecef;
    border-radius: 3px;
    transition: all 0.3s ease;
}

.news-box:hover {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.news-box h3 {
    font-size: 16px;
    margin-bottom: 10px;
    line-height: 1.5em;
}

.news-box h3 a {
    color: #333;
    text-decoration: none;
}

.news-box h3 a:hover {
    color: #337ab7;
}

.news-box p {
    color: #999;
    font-size: 13px;
    line-height: 1.8em;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-time {
    color: #bbb;
    font-size: 12px;
}

.news-more {
    margin-top: 20px;
}

.news-more .btn-primary {
    background-color: #337ab7;
    border-color: #337ab7;
    border-radius: 3px;
    padding: 10px 30px;
}

.news-more .btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
}

/* novel section */
.novel-section {
    padding: 20px 0;
}

.novel-row {
    margin-top: 30px;
}

.section-box {
    background: #fff;
    padding: 25px;
    border: 1px solid #e9ecef;
    border-radius: 3px;
}

.section-box h3 {
    font-size: 18px;
    color: #333;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px dashed #e9ecef;
}

.section-box h3 i {
    color: #337ab7;
    margin-right: 10px;
}

.category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.category-list li {
    padding: 10px 0;
    border-bottom: 1px dotted #eee;
}

.category-list li:last-child {
    border-bottom: none;
}

.category-list li a {
    color: #666;
    text-decoration: none;
    font-size: 14px;
    transition: color 0.3s ease;
}

.category-list li a:hover {
    color: #337ab7;
    padding-left: 5px;
}

.recommend-container {
    display: flex;
    justify-content: space-between;
}

.recommend-column {
    width: calc(50% - 10px);
}

.recommend-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.recommend-list li {
    padding: 10px 0;
    border-bottom: 1px dotted #eee;
    position: relative;
}

.recommend-list li:last-child {
    border-bottom: none;
}

.recommend-list li .rank {
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #eee;
    color: #999;
    font-size: 12px;
    border-radius: 50%;
    margin-right: 12px;
}

.recommend-list li:first-child .rank,
.recommend-list li:nth-child(2) .rank,
.recommend-list li:nth-child(3) .rank {
    background: #ff7200;
    color: #fff;
}

.recommend-list li a {
    color: #333;
    text-decoration: none;
    font-size: 14px;
    margin-right: 10px;
}

.recommend-list li a:hover {
    color: #337ab7;
}

.recommend-list li .hot-tag {
    display: inline-block;
    padding: 2px 8px;
    background: #f8d032;
    color: #8b6914;
    font-size: 11px;
    border-radius: 3px;
}

.recommend-footer {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px dashed #e9ecef;
}

.more-link {
    color: #337ab7;
    text-decoration: none;
    font-size: 14px;
}

.more-link:hover {
    text-decoration: underline;
}

/* app download section */
.app-download {
    background: #f8f9fa;
    padding: 50px 0;
    margin: 40px 0;
}

.app-qrcode img {
    max-width: 200px;
    margin: 0 auto;
}

.app-qrcode p {
    margin-top: 15px;
    color: #666;
    font-size: 14px;
}

.app-info {
    padding-top: 30px;
}

.app-info h2 {
    font-size: 28px;
    color: #333;
    margin-bottom: 10px;
}

.app-desc {
    color: #999;
    font-size: 16px;
    margin-bottom: 30px;
}

.app-features {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.app-features li {
    padding: 10px 0;
    color: #666;
    font-size: 14px;
}

.app-features li i {
    color: #337ab7;
    margin-right: 10px;
}

.app-buttons .btn {
    margin-right: 15px;
    padding: 12px 30px;
    border-radius: 3px;
}

.app-buttons .btn-success {
    background-color: #5cb85c;
    border-color: #5cb85c;
}

.app-buttons .btn-success:hover {
    background-color: #4cae4c;
    border-color: #449d44;
}

.app-buttons .btn-primary {
    background-color: #337ab7;
    border-color: #337ab7;
}

.app-buttons .btn-primary:hover {
    background-color: #286090;
    border-color: #204d74;
}


/*partners*/
.partners{width:100%;}
.partners li{float:left; list-style:none;}
.partners .partWrap{height:175px;margin:0 5%;background:#F5F5F4;border:1px solid #ECECEC;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:0 0 5px #f4f4f4;-moz-box-shadow:0 0 5px #f4f4f4;box-shadow:0 0 5px #F4F4F4;position:relative;z-index:0;}
.partHead{float:left;}
.partHead span{display:block;width:92px;height:92px;padding:5px;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.partHead img{display:block;width:92px;height:92px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.partHead p{color:#666;text-align:center;padding-top:10px;font-size:1.125em;}/*font-size:18px;*/
.partInfo{color:#666;padding-left:136px;}
.partInfo h2{font-size: 1em;padding-top:40px; margin-top:0; margin-bottom:0;}/*font-size:16px;*/
.partInfo p{font-size:0.75em;padding-top:15px;}/*font-size:12px;*/
.partInfo a{color:#666;text-decoration:underline;}


@media only screen and (min-width:1024px) {
/*partners*/
.partners{width:100%;margin:55px auto 35px;}
.partners li{width:49%;padding-bottom:20px;}
.partHead{padding:17px 17px 0;}
}
@media only screen and (max-width:1200px) and (min-width:1024px){
/*partners*/
.partInfo a{display:block;padding-top:10px;}
}

@media only screen and (max-width:1023px) and (min-width:768px) {
/*partners*/
.partners{width:80%;margin:22px auto;}
.partners li{margin-bottom:22px;}
}

@media only screen and (max-width:1023px) {
/*partners*/
.partners li{width:100%;}
}

@media only screen and (max-width:767px) {
/*partners*/
.partners{width:90%;margin:15px auto;}
.partners li{margin-bottom:15px;}
.partners .partWrap{height:117px;}
.partHead{padding:10px 10px 0 50px;}
.partHead span{width:62px;height:62px;padding:3px;}
.partHead img{width:62px;height:62px;}
.partHead p{padding-top:7px;font-size:0.75em;}/*font-size:12px;*/
.partInfo{padding-left:130px;}
.partInfo h2{font-size: 0.67em;padding-top:27px;}/*font-size:10.72px;*/
.partInfo p{font-size:0.5em;padding-top:10px;}/*font-size:8px;*/
}

@media only screen and (max-width:400px){
/*partners*/
.partHead{padding-left:10px;}
.partInfo{padding-left:90px;}
.partInfo h2{padding-top:20px;}
.partInfo p{padding-top:8px;}
.partInfo a{display:block;padding-top:8px;}
}