<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*#region global*/
/*body { font-family: "arial"}*/
body { color: #666;}
.form-control::-moz-placeholder,.form-control:-ms-input-placeholder,.form-control::-webkit-input-placeholder  {text-transform: uppercase}
a {color: #666;}
a:hover {text-decoration: none;}
iframe {border-width: 0;}
.input-group .input-group-addon-img {background: #fff;padding: 3px 6px;cursor: pointer}
.input-group .input-group-addon-img img { max-width: none !important}
.modal-dialog {margin: 80px auto;width: auto;max-width:996px}
@media(min-width:992px) {
    .navbar .nav&gt;li.desktop&gt;.dropdown-menu {  display: none;} 
    .navbar .nav&gt;li.desktop:hover&gt;.dropdown-menu {  display: block;  }
    .navbar .nav&gt;li.desktop&gt;.dropdown-menu&gt;li:hover&gt;.dropdown-menu {display: block;}
}
.dropdown-submenu &gt; a::after {
    border-left: 4px dashed #777;
}
/*#endregion*/

/*#region header*/
header .top{ font-size: 0.75rem;padding: 5px 0;background: #37ba92;color: #fff;text-align: right;}
header .top a{ color: #fff; }
header .btn { font-size: 12px;padding: 2px 12px;}
/*header span { margin-right: 25px;display:inline-block}
header .dropdown { margin-left: 25px;cursor: pointer}
@media(max-width:768px) {
    header span { margin-right: 10px;}
    header .dropdown { margin-left: 10px;}
}*/
/*#endrfgion*/
/*#region navbar*/
.navbar {padding: 20px 0;z-index: 9;background: #fff;}
@media(max-width:992px) {
    .navbar { padding: 5px 0;}
}
.navbar-brand {height: auto;padding: 3px 15px;}
.navbar-nav&gt;li&gt;a {font-size: 16px;padding: 35px 18px 15px;text-transform: uppercase;}
.navbar-nav&gt;li&gt;a:hover {background: transparent;color:#01a491}
.navbar-nav &gt; li.active &gt; a, .navbar-nav &gt; li &gt; a:focus { background: transparent;color:#01a491}
.nav .open &gt; a, .nav .open &gt; a:hover, .nav .open &gt; a:focus {border-color: transparent;box-shadow: 0 2px 6px rgba(0,0,0,.1);}
.dropdown-menu {background: rgba(255,255,255,.9);   }
.navbar-toggle {padding: 9px 15px;margin-top: 10px;border: 1px solid #eee;color:#999;}
.navbar-collapse {}
.dropdown-wide {position:static !important;}
.dropdown-wide&gt;.dropdown-menu {/*display:block !important;*/padding:20px 0;width:100%;}
@media(max-width:1170px) {
    .navbar-nav&gt;li&gt;a { padding: 35px 15px 15px}
}
@media(max-width:992px) {
    .navbar-nav{ border-top: 1px solid #f2f2f2;}
    .navbar-nav&gt;li&gt;a { padding: 12px 15px;font-size: 14px;border-bottom: 1px solid #f2f2f2;}
}

/*#endregion*/

/*#region banner*/
.banner {position: relative;}
.banner .sub-nav {position: absolute;bottom: 0;left: 0;right: 0;background: rgba(1, 162, 144, .7); line-height: 1}
.banner .nav {font-size: 14px;}
.banner .nav&gt;li { float: left;}
.banner .nav&gt;li&gt;a { color: #fff;padding: 24px 25px;transition: background-color 0.2s ease;}
.banner .nav&gt;li&gt;a:hover { background:#11baa7}
.banner .nav&gt;li&gt;a.active { background: #fff;color: #555;}

.banner .nav.sm&gt;li&gt;a{ padding: 15px 20px;}
@media(max-width:768px) {
    .banner .sub-nav { position:static}
    .banner .sub-nav&gt;.container{ padding-left: 0;padding-right:0}
    .banner .nav&gt;li {}
    .banner .nav&gt;li&gt;a { padding: 18px 16px;}

    .banner .nav.sm&gt;li { width: 50%;}
    .banner .nav.sm&gt;li&gt;a { text-align: center;}
}
/*#endregion*/
/*#region thridly nav*/
.thirdly-nav { display: inline-block;margin-bottom:0}
.thirdly-nav&gt;li { float: left;display: block;}
.thirdly-nav&gt;li&gt;a { display: block;border: 1px solid #eeeeee;padding: 8px 14px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;transition: all 0.3s ease}
.thirdly-nav&gt;li&gt;a:hover,.thirdly-nav&gt;li&gt;a:focus { background: #37ba92;border-color: #37ba92;color:#fafafa}
.thirdly-nav&gt;li&gt;a.active { background: #00a390;border-color:#00a390;color:#fff}
.thirdly-nav&gt;li li { margin-left: -1px;}
@media(max-width:768px) {
    .thirdly-nav&gt;li { width:50%}
}
/*#endregion*/

/*#region heading*/
.main-container{ padding-top: 25px;padding-bottom: 25px;}
.heading {border-bottom: 1px solid #eaeaea;line-height: 1;margin-bottom: 25px}
.heading h1,.heading h2,.heading h3,.heading h4 {font-size: 26px;;}

/*#endregion*/

/*#region breadcrumb*/
.breadcrumb { background: transparent;padding-left: 0;padding-right: 0;margin-bottom: 15px;}
.breadcrumb:before {font-family: fontawesome;content: "\f015";color: #777;margin-right: 5px;}
.breadcrumb .active { color: #00a493;}
/*#endregion*/

/*#region list-row*/
.list-item-row {overflow: hidden;height: 1%;margin-left: -15px;margin-right: -15px;}
.list-item-row .thumb {display: block;overflow: hidden;}
.list-item-row .thumb .img-responsive{margin: auto;transition: all 0.3s ease-in;}
.list-item-row .thumb:hover .img-responsive {transform: scale(1.2);}
.list-item-row .title{font-size: 1.5rem;margin-top: 0;padding: 6px 0;font-weight: 700;}
.list-item-row .title&gt;a {color: #555;transition: all 0.2s ease;}
.list-item-row .title&gt;a:hover { color:#00a390}
.list-item-row .summary {color: #757575;line-height:1.8}
.list-item-row .more{ text-align: center;}
.list-item-row .more a{ display: inline-block;padding: 8px 50px ;margin: auto;text-align: center;border: 1px solid #d9d9d9;font-size: 1rem;color:#999}
.list-item-row .more a:hover { color: #00a390;border-color:#00a390}
/*#endregion*/

/*#region list-item-col*/
.list-item-col {position: relative;margin-bottom: 25px;background:#fff;overflow: hidden;}
.list-item-col .thumb {display: block;margin: 2px;overflow: hidden;text-align: center;line-height: 1}
.list-item-col .thumb .img-responsive {transition: all 0.3s ease;margin: auto;}
.list-item-col .thumb:hover .img-responsive {transform: scale(1.2);opacity: 0.95;}
.list-item-col .magicthumb,list-item-col .magicthumb:hover { display: block !important;text-align: center;}
.list-item-col .magicthumb&gt;.img-responsive{ width: auto;}

.list-item-col time{ display: block;font-size: 0.75rem;background: #f4f4f4;padding: 3px 10px;margin-top: 12px;}

.list-item-col .caption {padding: 8px 8px;background: #fafafa;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.list-item-col .caption a:hover {}

.list-item-col .title { margin-top: 15px;height: 42px;overflow: hidden;text-align: center}
.list-item-col.border { border: 1px solid #e6e6e6;}

.list-item-col .cap{ position: absolute;width: 100%;padding: 8px 5px;font-size: 16px;text-align: center;bottom: 0;background: rgba(0,0,0, 0.6);color:#fff}
/*#endregion*/

/*#region article row*/
.article-row {margin-bottom: 25px;overflow: hidden;background: #f5f5f5;color: #777;transition: all 0.3s ease;}
.article-row .title,.article-row .title a{margin-top: 0;font-weight: 300;font-size: 20px;color: #555;font-weight: 600;transition: all 0.2s ease;}
.article-row .title a:hover { color: #05a194;}
.article-row p { margin-bottom: 0;}
.article-row time {display: block; font-size: 12px;color: #999;font-weight: 100;}
.article-row .padding { padding: 30px 30px 5px;}
/*#endregion*/

/*#region article list*/
.article-list {list-style-type: none;margin: 0;padding: 0;margin-bottom: 15px;}
.article-list li {border-bottom: 1px dashed #eee;padding-top: 15px;padding-bottom: 15px;}
.article-list&gt;li&gt;a {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.article-list&gt;li&gt;a:hover {color: #fe8301;}
.article-list li a:before{font-family:fontawesome;content:"\f105";margin-right:8px;margin-left: 4px;}
.article-list li span {float: right;padding-right: 5px;margin-left: 8px;color: #999;}
/*#endregion*/

/*#region content-head-container*/
.product-head { }
.product-head .title {font-size: 1.5rem;color: #555;font-weight: 600;}
.product-head .summary{line-height:1.8}
/*#endregion*/

/*#region thumb-items*/
.thumb-items {overflow: hidden;height: 1%;padding-left: 6px;padding-right: 6px;margin: 0 0 10px 0;}
.thumb-items&gt;ul {display: block;overflow: hidden;height: 1%;list-style-type: none;padding: 0;margin: 0 -6px;}
.thumb-items&gt;ul&gt;li {float: left;width: 20%;padding:2px;}
.thumb-items&gt;ul&gt;li&gt;a,.thumb-items&gt;ul&gt;li&gt;a[data-zoom-id], .mz-thumb, .mz-thumb:focus {display: block;max-width: 100%;border:1px solid #ddd;}
.thumb-items&gt;ul&gt;li&gt;a.mz-thumb-selected {border-color: #ff6600;}
.thumb-items&gt;ul&gt;li&gt;a&gt; img {max-height: 80px;margin: auto;}
/*#endregion*/

/*#region content-container*/
.content-container {line-height: 1.8;}
.content-container p img {display: block;text-indent: 0;}
.content-container .title {text-align: center;font-size: 26px;}
.content-container .summary {text-align: center; color: #777;font-size: 14px;padding-top: 5px;padding-bottom: 5px;}
.content-container .summary time,.content-container .summary span { color:#999}
.content-container img {max-width: 100% !important;height: auto !important;}
.content-container table {width: 100%;max-width: 100%;margin-bottom: 1rem;background-color: transparent;}
.content-container table p {margin-bottom: 0;}
/*#endregion*/

/*#region content table container*/
.table-container table th,.table-container table td {padding: 5px;vertical-align: middle;font-size: 14px;border: 1px solid #dee2e6;text-align: center;}
.table-container table tbody tr:nth-of-type(odd) {background-color: rgba(0, 0, 0, 0.03);}
.table-container table tbody tr:hover {background-color: #a5d5e2;color: #fff;}

@media (max-width:  767.99px) {
     .table-container-responsive-md table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:991.99px) {
    .table-container-responsive-lg table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;}
}
@media (max-width:1199.99px) {
  .table-container-responsive-xl table {display: block;width: 100%;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: -ms-autohiding-scrollbar;
  }
}
/*#endregion*/

/*#region video col*/
.video-col {}
.video-col .thumb {line-height:1;}
.video-col .thumb&gt;a {display: inline-block;position: relative;line-height:1;}
.video-col .thumb&gt;a:after {display: block;position: absolute;z-index: 2;left: 0;top: 0;right: 0;bottom: 0;font-family: fontawesome;content: "\f01d";line-height: 1;color: rgba(255, 255, 255,.6);font-size: 70px;width: 70px;height: 70px;margin: auto;}
.video-col .thumb&gt;a:hover:after {color: rgba(255, 255, 255,.8);}
.video-col .caption {text-align: center;padding: 5px 8px;height: 48px;overflow: hidden;}
@media(max-width:576px) {
    .video-col .caption {height: auto;}
}
/*#endregion*/

/*region certificate*/
.certificate {}
.certificate .thumb {display: block;overflow: hidden;}
.certificate .thumb&gt;img {margin: auto;}
.certificate .caption {padding: 8px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;text-align: center;}
/*endregion*/
/*#region download item*/
.file-item{ margin-bottom: 30px;}
.file-item h6 { font-size: 0.875rem;font-weight: 600}
.file-item span{ color: #0b9f93;}
.file-item .btn{ font-size: 0.75rem;padding: 4px 12px;}
/*#endregion*/
/*#region footer*/
.contact { background:url(/uploads/image/txdcimages/line.jpg) no-repeat left center;}
@media(max-width:768px) {
    .contact{ background: none;}
}
/*#endregion*/
/*region #feedback*/
.form-feedback { padding: 0;margin-bottom: 20px;}
.form-feedback h4 {font-size: 28px;font-weight: 700;margin-bottom: 25px;color: #333;}
.form-feedback .form-control {border-radius: 0;border-color: #ebebeb;font-size: 14px;height: 40px;padding: 8px 12px;}
.form-feedback textarea.form-control { height: auto;}
.form-feedback .btn {font-size: 14px;padding: 9px 20px;}
.form-feedback #feedback-result.text-danger {color:#d25c5c }
/*#endregion*/
/*#region partner*/
.partner {
    background:url(/uploads/image/txdcimages/hz-bg.jpg) no-repeat center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding-top: 80px;
    padding-bottom: 100px;
    font-size: 30px;
}
.partner h2 { font-size: 50px;font-weight: 800;letter-spacing: 6px;}
.partner a { color: #fff;}
.partner .w { background:url(/uploads/image/txdcimages/line.png) no-repeat center center;color: #fff;font-size: 34px;padding-top: 30px;padding-bottom: 30px;}
.partner .phone {max-width: 300px;margin: 20px auto 40px;text-align: left; background: url(/uploads/image/txdcimages/phone.png) no-repeat left center;padding-left: 100px;}
.partner .phone p { margin-bottom: 0;}
@media(min-width:768px) {
    .pl-6 { padding-left: 100px;}
.pr-6 { padding-right: 100px;}
}

.inbox { background: #fff;color: #666;font-size: 18px;margin-bottom: 30px;}
.inbox .caption { padding: 30px;}
@media(max-width:768px) {
    .partner { font-size: 26px;}
    .partner h2 { font-size: 40px;}
    .partner .w { font-size: 30px;}
    .partner .phone { margin: 10px auto 30px;}
}

.login { padding: 30px 50px;}
.login .form-group { margin-bottom: 23px;}
.login .form-control {border-radius: 0;border-color: #ebebeb;font-size: 16px;height: 46px;padding: 12px 12px;}
.login h5 { font-size: 24px;margin-bottom: 30px;text-align: left;}
#login-result{ font-size: 14px;}
.btn-large { font-size: 16px;padding:10px 35px}
.youshi {
     background:url(/uploads/image/txdcimages/youshi-bg.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
.brand { padding-top: 50px;padding-bottom: 80px;text-align: center;}
.brand h6{ color: #333;margin-top: 25px;}
.youshi .z-title{ color: #fff;}
.youshi .col-md-6{ margin-bottom: 20px;}
.youshi .col-md-6&gt;div{ background: #fff; text-align: center;padding: 20px;}
.youshi h6{ font-size: 18px;margin-top: 30px;margin-bottom: 20px;}
.youshi .caption { padding: 0 20px;height: 58px;overflow: hidden;}
@media(max-width:768px) {
    .youshi .caption{ height: auto;}
}
.z-title{ text-align: center;margin-bottom: 40px;}
.z-title h5 {display: inline-block;font-size: 34px;text-align: center;}
.z-title h5:after { margin: 20px auto 0;display: block;content: "";width: 100px;height: 2px;background:#37ba92}
.form-horizontal .text-danger { color:#ff0000}
/*#endregion*/
/*#region footer*/
footer {
    background: #f0f0f0;
    padding-top: 25px;
    padding-bottom: 20px;
}
footer h6 { font-size: 20px;margin-bottom: 1rem;}
footer .line { border-top: 1px solid #ddd;margin-top: 16px;margin-bottom: 0;padding-top: 12px;font-size: 12px;}
.sub-title { background: #00a692;font-size: 24px;color: #fff;padding:10px}
/*#endregion*/
/*#region home page*/

.home-box h4 { text-transform: uppercase;font-size: 18px;color: #555;}
.box { border: 1px solid #f1f1f1;padding: 5px;margin-bottom: 25px;}
.box h6 { text-overflow: ellipsis;overflow: hidden;white-space: nowrap}
.box .more { display: inline-block;padding: 5px 30px;margin-bottom: 6px;margin-top: 8px;background: #00ac84;color: #fff;border-radius: 16px;}
.box .media-left { line-height: 1.3;}
.box .year{ font-size: 20px;}
.home-search {background: #f3f3f3;padding-top: 15px;padding-bottom: 15px;}
.home-search .form-control { min-width: 280px;}
.home-search .btn { padding-left: 30px;padding-right: 30px;}
@media(max-width:768px) {
    .home-search .form-control { min-width: 200px;}
    .home-search .btn { padding-left: 15px;padding-right: 15px;}
}
.home-product { padding-top: 50px;padding-bottom: 50px;}
.header { text-align: center;color: #0359ae;margin-bottom: 30px;}
.header h4 { font-size: 26px;}

.home-solution { background: #f6f6f6;padding-top: 30px;padding-bottom: 30px;}

.home-bottom { padding-top: 40px;padding-bottom: 40px;text-align: center;}


@media(max-width:1400px) {
    .media{ display: none;}
}
.intro { line-height: 1.58;}
.intro p { margin-bottom: 8px;}

@media(max-width:1070px) {
    .intro img{max-width:180px}
    .intro{ line-height: 1.64;}
}
@media(min-width:1200px) {
    .intro img{max-width:100px}
    .intro .child{ display: none;}
}
@media(min-width:1400px) {
    .intro img{ max-width: 100%;}
     .intro .child{ display: block;}
    
    /*.intro{line-height:1.63}
   */
    
    /*.intro .child{ display: none;}*/
}


.about-box {display: flex;justify-content: space-between;}
.about-box-img{border: 1px solid #f1f1f1;padding: 11px; width: 46%}
.about-box-img img{width: 100%;height: auto;}
.about-box-text{width: 52%;}
.about-box-text h4{ font-size: 18px; color: #444;}
.about-box-text p{ font-size: 16px; color: #8c8c8c;}
.about-box-text .more{font-size: 16px; color: #8c8c8c;}
.about-box-text .more:hover{color: #0359ae; transition: all 0.3s; }
@media(max-width:768px) {
    .about-box {display: block;}
    .about-box-img{width: 100%}
    .about-box-text{width: 100%;}
}
/*#endregion*/

/*æ‰‹æœºç«¯åº•éƒ¨èœå•*/
.mobile-nav{position: fixed;bottom: 0;left: 0;right: 0;height: 48px; background: #37ba92;z-index: 999;display: flex;border-top: 2px solid #fff;}
.mobile-nav .item{width: 25%;border-left: 1px solid rgba(255,255,255,.2);}
.mobile-nav .item a{font-size: 12px;color: #fff;display: block; text-align: center;line-height: 20px;padding-top: 8px;}
.mobile-nav .item:first-child{border-left: 0px;}
.mobile-nav .item a:before{font-family: fontawesome; font-size: 14px; color: #fff;display: block; line-height: 16px;}
.mobile-nav .mobile-nav-home:before{content: "\f015";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-pro:before{content: "\f07a";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-tel:before{content: "ï‚•";font-family: fontawesome; font-size: 14px;}
.mobile-nav .mobile-nav-feedback:before{content: "\f0e0";font-family: fontawesome; font-size: 14px;}

.reveal-modal-bg{position:fixed;height:100%;width:100%;z-index:1000;display:none;top:0;left:0;background:rgba(00,00,00,0.8);}
.reveal-modal{visibility:hidden;top:50px;left:50%;margin-left:-45%;width:90%;position:absolute;z-index:1001;padding:25px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:0 0 10px rgba(0,0,0,.4);-webkit-box-shadow:0 0 10px rgba(0,0,0,.4);-box-shadow:0 0 10px rgba(0,0,0,.4);background-color:#fff;}
.reveal-modal h2{font-size:20px;text-align:center;}
.reveal-modal .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:8px;right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}
.reveal-modal-pro{visibility:hidden;top:0;left:0;width:100%;position:absolute;z-index:1001;background-color:#f7f7f7;height:100vh; overflow-y:auto;}
.reveal-modal-pro h2{width:100%;text-align:center;font-size:18px;text-transform:uppercase;line-height:45px;background:#fff;margin-bottom:0;}
.reveal-modal-pro h3{width:100%;font-size:16px;text-transform:uppercase;line-height:45px;font-weight:bold;background:#e4e4e4;padding-left:15px;margin-bottom:0;}
.reveal-modal-pro ul,.reveal-modal-pro ul li{list-style:none;padding:0;margin:0;}
.reveal-modal-pro .mb-pro-nav&gt;li{border-top:1px solid #fff;border-bottom:1px solid #ddd;font-size:14px;line-height:1.2;text-transform:capitalize;position:relative;}
.reveal-modal-pro .mb-pro-nav&gt;li&gt;a{padding-left:20px;}
.reveal-modal-pro .mb-pro-nav&gt;li a{display:block;padding-top:12px;padding-bottom:12px;padding-right:20px;}
.reveal-modal-pro .mb-pro-nav&gt;li ul{display:none;}
.reveal-modal-pro .mb-pro-nav .hasul&gt;a:after{content:'\f107';font-family:fontawesome;color:#999;font-size:18px;position:absolute;width:12px;height:18px;line-height:18px;text-align:center;right:10px;top:13px;font-weight:400;}
.reveal-modal-pro .mb-pro-nav&gt;li.active&gt;a{font-weight:bold;background:#eee;}
.reveal-modal-pro .mb-pro-nav&gt;li.active{background:#eee;border-bottom:3px solid #dadada;}
.reveal-modal-pro .mb-pro-nav&gt;li ul li{border-top:1px dotted #ccc;font-size:12px;}
.reveal-modal-pro .mb-pro-nav&gt;li ul li a{padding-left:36px;}
.reveal-modal-pro .close-reveal-modal{font-size:30px;line-height:0.5;position:absolute;top:42px;padding: 15px; right:11px;color:#333;text-shadow:0 -1px 1px rbga(0,0,0,.6);font-weight:bold;cursor:pointer;}

@media(max-width:768px) {
    .totop{z-index: 99;bottom: 60px;}
    footer {margin-bottom: 48px; }
}
</pre></body></html>