@charset "utf-8"; 
:root{--color:#002953}
.g-second .g-main .g-sidebar .g-nav .list .title,.g-second .g-main .g-sidebar .g-nav .list ul li a{color:#000}
.search_bar{position:absolute;right:250px;top:20px;z-index:1000;right:26px}
.banner .search{display:none}
#btnSearch{width:32px;height:32px;position:absolute;right:0;top:0;border:none;background:#27589a url(https://bc0399.claudeassets.com/20250725160359im_/https://www.ftthtec.com/Content/upload/20181217/search.png) no-repeat center center;color:#fff;cursor:pointer;outline:0}
#txtSearch{height:30px;line-height:30px;border:1px solid #ededed;width:220px;font-size:14px;text-indent:10px;outline:0;color:#333}
.hot-product,.new-product{background:#f2f2f2}
footer .container .col,footer .container .col .cate-list li a,footer .container .col .contact-list li,footer .container .col .contact-list li .txt a,footer .container .col .tags-list a,footer .foottext .copyright,footer .foottext .foot-nav li a{color:#fafafa}
.new-product .new-pro-list li img{border:1px solid #87dce9}
.new-product .new-pro-list span{color:#333}
.hot-product .hot-pro-list li{box-sizing:border-box;width:24%;margin:.5%}
@media screen and (max-width:768px){.hot-product .hot-pro-list li{width:49%}}
@media screen and (max-width:998px){.hot-product .hot-pro-list li{width:32.3333333%}}
@media (min-width:992px){.navbar .container .navbar-collapse .navbar-nav{margin-top:65px}
.navbar .container .navbar-collapse .navbar-nav li{padding:4px 12px}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{top:47px}}
@media screen and (max-width:991px){.search_bar{display:none}}
.sec-title{margin:0 0 40px}
.new-product .container{margin:0 auto}
.about-section .container .g-sidebar .list .title{color:#000}
.about-section .container .main .main-container p{font-size:12px}
.hot-product .cover{display:block;position:static;background:0 0}
.hot-product .center-box{position:relative;height:54px;margin-top:10px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.hot-product .cover p{visibility:hidden;height:0;overflow:hidden;padding:0}
.hot-product .det-btn{position:absolute;width:100%;height:100%;background:0 0;color:transparent;left:0;top:0}
.hot-product .hot-pro-list li{border:none}
.hot-product .hot-pro-list li img{border:1px solid #87dce9}
.hot-product .cover b{color:#222;font-size:16px}
.hot-product .center-box:hover b{color:#7bd9e7}
.g-second .g-main .g-container h1,.g-second .g-main .g-sidebar h3{font-size:25px;text-transform:uppercase}
.g-second .g-main .g-sidebar h3,.news-details .g-main .g-sidebar h3{background:#25355b;padding-left:2%;margin-left:0;color:#fff;font-weight:700}
.map-title{padding:15px 0}
.news-section .container .g-sidebar .list .title,.news-section .container .g-sidebar .list li a,.news-section .container .main .ninelist li a{color:#333}
.news-section .container .g-sidebar .list li a{font-size:13px}
.g-sidebar a{color:#333!important}
.g-sidebar h3{background:#25355b;margin-left:0!important;color:#fff!important;padding:15px 0!important;font-size:25px!important;text-align:-webkit-center}
footer .container .col .tags-list a{display:block;text-align:center;max-width:100px;padding:10px;margin-bottom:10px}
.hot-product .cover b,.hot-product .cover p{float:none}
.news-details .g-main .g-container .r-title{text-align:center}
.details-section .container .main .main-container .main-contant .right-details{margin-bottom:10px}
.details-section .container .main .main-container .main-contant .main-title{margin:15px 0 30px -25px}
.leftContact{border:1px solid #e0f6f9}
.sidelist li .sidepic{border:1px solid #e0f6f9}
.sidelist li img{max-width:100%}
.sidelist li p{text-align:center;font-size:14px;line-height:20px;font-weight:700;padding:10px 5px 15px}
.sidelist li a:hover p{color:#7bd9e7}
.about-section .container .g-sidebar,.details-section .container .g-sidebar,.news-section .container .g-sidebar{border:none}
.about-section .container .g-sidebar .g-nav,.details-section .container .g-sidebar .g-nav,.news-section .container .g-sidebar .g-nav{border:1px solid #e0f6f9}
.details-section .container .main .slider .small-list li.on .bun-bg{visibility:hidden;height:0}
.details-section .container .main .slider .small-list li.on{border:2px solid #7bd9e7;box-sizing:border-box;height:50px}
.details-section .container .main .slider .small-box img{max-height:100%;display:block;margin:0 auto}
.details-section .container .main .slider .small-list li{height:50px;box-sizing:border-box}
.details-section .container .main .main-container .main-contant .main-title,.g-sidebar h3,h5#hid{text-transform:uppercase}
#banner .swiper-pagination-bullet,#banner .swiper-pagination-bullet-active,.about-btn a,.about-con .tit_h2:before,.addword:hover,.banner-btn>div,.ca-list li:after,.display,.feedbackForm #feedbackForm .submita,.fsbtn .submita,.header-nav-list,.idx-about-con h3:after,.idx-news-con h3:after,.inner-l .tit,.news-con h3:after,.news-date .day,.news-date .month,.no-img-news-date,.page-nav a:hover,.page-nav ul li.active a,.pages a:hover,.pages span.ctxt,.pro-ca>li>a span,.pro-con h3:after,.pro-detaile .pro-name h3,.pro-info-con .LayImAhrefNode,.pro-info-con .btn>div,.pro-info-con .btn>div:after,.pro-info-con .sendInquiry,.pro-inquiry .pro-name:after,.pro-list li:hover .pro-con .pro-btn,.recommended-btn .btn,.recommended-btn span:after,.recommended-con h3:after,.recommended-list-btn>div:hover,.search-from form .searchbtn,.tit-h2:before,header.down .header-nav,ul#tags li.selectTag a{background-color:#002953}
#recommended-products-list li:hover h3 a,.company-contact .contact-us i,.idx-news-list li:hover h3 a,.inner-l .sf-menu .currentProType,.inner-l .sf-menu li:hover>a,.inner-l li:hover h3,.inner-r .tit a.active,.inner-r .tit a:hover,.lContact .lContact-list i,.lContact li:hover a,.new-list>ul>.no-img-news:hover .no-img-news-con a,.new-list>ul>li:hover .news-con h3 a,.news-con-date,.pro-ca>li ul li a:hover,.pro-list>ul>li:hover h3 a,.tit-h2 span{color:#002953}
#nav .nav-list>a:after,.about-left-list li:hover:before,.addcen,.addword,.company-contact li:hover:after,.lContact .lContact-list,.lContact li:hover:after,.lKeyword-list,.pages a:hover,.pages span.ctxt,.pro-ca>li ul li a:hover:before,.recommended-list-btn>div:hover{border-color:#002953}
.pro-tit{border-left-color:#002953}
.top-btn:after{border-color:#fff}
.latest-products li a:after{background-image:url(https://eef971.claudeassets.com/20250725160359im_/https://www.ftthtec.com/images/12963/search.png)}
.search-icon i{background-color:#b3e4e0}
.copy,.submenu{background:#002953}
header .top{background:#171312}
#nav li .submenu li:hover a,.ca-list li:hover h3 a,.ca-list li:hover p,.company-contact li:hover a,.copy .container,.feedbackForm #feedbackForm .submita,.header-share span,.header-share ul li i,.header-share ul li:hover i,.inner-l .tit,.link-way a,.link-way a:hover,.news-date p,.pro-ca>li>a span,.pro-detaile .pro-name h3,.pro-info-con .LayImAhrefNode,.pro-info-con .sendInquiry,.recommended-btn .btn,.recommended-btn:hover span,.search-from form .searchbtn,.search-icon i{color:#fff}
.link-way span{border:none}
header{background:#fff}
#nav li .submenu a,#nav li:hover>a{color:#fff}
.pro-list li:hover .pro-con .pro-btn{color:#fff}
.lContact .lContact-list li{display:block}
.inner-l ul{border:0}
.sidelist li a:hover p{color:#002953}
.link-way i{color:#e03541}
#nav li .submenu li:hover,.foot-tit:after,.recommended-btn:hover .btn,.top-btn{background:#e03541}
.recommended-products{background-image:url(https://17a833.claudeassets.com/20250725160359im_/https://www.ftthtec.com/Content/upload/2019213727/201911111341204392079.jpg)}
#nav>ul>li>a{padding:0 10px}
.tit-p{color:#000}
.ca-list li{margin-bottom:60px}
.idx-about>div{padding:60px 0}
.tit-h2 span{color:#e03541}
.tit-h2:before,.video .about-btn a{background:#e03541}
.foot-contact .date{display:block}
.foot-contact .date p{padding:0}
.foot-contact .date p a{color:inherit}
.idx-about-con h3,.idx-about-con h3 span{color:#e03541}
ul.sidelist{border:4px solid #002953}
.sidelist h3{line-height:70px;color:#fff;background:#002953;font-size:23px;padding-left:17px;text-transform:capitalize}
ul.sidelist a{display:flex;padding:5px;align-items:center}
.sidelist li .sidepic{width:30%;flex:0 0 auto}
.header-nav .logo img{height:70%}
.header-nav-list>.container{max-width:1280px}
#nav>ul>li>a{padding:0 15px}
#map{height:0}
.no-img-news-date .year{background:#e03541;padding:11px 0}
.no-img-news-date .day{background:#002953;margin:0;padding:13px 0}
.no-img-news-date{padding:0}
.recommended-con p{font-size:14px}
.idx-news-list li>a{flex-basis:initial;width:100%;height:300px;display:flex;align-items:center;justify-content:center}
.idx-news-list li>.idx-news-con{flex-basis:initial;width:100%}
.idx-news-list li{flex-direction:column;width:24%;flex-basis:initial}
.idx-news-list{margin-top:40px}
.search-icon i{background:#e03541}
.nav-list:hover .submenu{top:80px}
.foot-phone span{color:#e03541;font-size:25px;margin-left:15px}
.company-contact,.foot-contact,.foot-content>.container .date,.foot-content>.container .date .code{width:25%;border-right:1px solid #787878}
.foot-content>.container .date{color:silver;line-height:1.7;font-size:16px}
.foot-content>.container .date a{color:inherit}
.foot-content>.container .date h4.foot-tit{margin-bottom:9px}
.lContact .lContact-list li{line-height:1.7;font-size:15px}
.foot-content>.container .date i{width:20px;color:#e03541}
.inner-r{line-height:1.7}
.lContact-list li:nth-child(1) p:nth-child(2){display:flex;align-items:center;white-space:nowrap}
.idx-about-con h3:after{background:#e60012}
.sidelist li p{font-size:16px;color:#7c7c7c;font-weight:400}
.foot-phone i{left:0}
.blingbling{width:46px;height:46px;background:0 0}
.inner-l .sf-menu{border-color:#002953;border-width:1px}
.inner-l .contact-list li{border-color:#002953;border-bottom:none}
.inner-l .contact-list li:last-child{border-bottom-color:#002953}
.inner-r em.fa{color:#e03541;margin-right:6px}
#nav li .submenu a{border-bottom:1px solid grey}
.lContact .lContact-list,.lKeyword-list,ul.sidelist{border-width:1px}
.company-contact,.foot-contact,.foot-content>.container .date,.foot-content>.container .date .code{border-color:#e03541}
.foot-tit{color:#e03541}
.idx-about-con h3{color:#002953}
.idx-about-con h3:before{content:"";display:block;position:absolute;bottom:0;left:0;background:#002953;width:35px;height:5px;z-index:100}
.sf-menu+.tit+ul{border:1px solid #002953}
.company-info li:after{border-color:#e03541}
.company-contact,.foot-contact,.foot-content>.container .date,.foot-content>.container .date .code{border-color:#fff}
.tit-h2:after{background:#002953}
.tit-h2{color:#002953}
.video h2{color:#e03541}
.company-contact::after,.foot-contact::after,.foot-content>.container .date::after{position:absolute;content:"";display:block;height:30px;width:1px;background:#ea0414;right:-1px;top:0}
.company-contact,.foot-contact,.foot-content>.container .date{position:relative}
.video .about-btn a{background:#002953}
img.ihmap{display:block}
.idx-news{padding-bottom:40px}
.idx-news-list li{width:32%}
.idx-news-list li a{overflow:hidden}
.idx-news-list li img{max-height:inherit;width:100%}
#global .tit-p{margin-bottom:35px}
.idx-news-list li{width:31.3%;padding:0 1%}
.recommended-con p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:9;-webkit-box-orient:vertical}
.recommended-con p{-webkit-line-clamp:3}
ul.sidelist{display:none}
.Video.Guide table td{width:32%}
.Video.Guide table td iframe{max-width:100%;height:200px}
.Video.Guide table tr{display:flex;justify-content:space-between}

/*
     FILE ARCHIVED ON 02:13:57 Jun 24, 2024 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:52:28 Jul 09, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.609
  exclusion.robots: 0.066
  exclusion.robots.policy: 0.054
  esindex: 0.009
  cdx.remote: 7.769
  LoadShardBlock: 93.249 (3)
  PetaboxLoader3.datanode: 112.498 (5)
  PetaboxLoader3.resolve: 352.808 (2)
  load_resource: 415.962
  loaddict: 66.817
*/