﻿@charset "utf-8"; 
:root{--color:#1bb8ce;--fontfamily:Arial}
.icon-large{width:220px;height:220px;border-radius:38px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.icon-clock{overflow:hidden;background:#000}
.clock{width:192px;height:192px;border-radius:50%;position:relative}
.clock ol{list-style-type:none;width:100%;height:100%;position:relative;margin:0;padding:0!important}
.clock ol li{counter-increment:labelCounter;position:absolute;font-size:1.25em}
.clock ol li:before{font-family:Helvetica;content:counter(labelCounter) ""}
.clock ol li:nth-child(1){right:55px;top:20px}
.clock ol li:nth-child(2){right:25px;top:50px}
.clock ol li:nth-child(3){right:12px;top:85px}
.clock ol li:nth-child(4){right:25px;top:125px}
.clock ol li:nth-child(5){right:55px;top:150px}
.clock ol li:nth-child(6){right:90px;top:160px}
.clock ol li:nth-child(7){right:125px;top:150px}
.clock ol li:nth-child(8){right:155px;top:125px}
.clock ol li:nth-child(9){right:165px;top:85px}
.clock ol li:nth-child(10){right:150px;top:50px}
.clock ol li:nth-child(11){right:120px;top:20px}
.clock ol li:nth-child(12){right:85px;top:10px}
.hour{width:14px;height:14px;border-radius:50%;background:#143470;position:absolute;top:50%;left:50%;margin-top:-7px;margin-left:-7px}
.hour:after,.hour:before{content:"";display:block;position:absolute}
.hour:before{width:8px;height:65px;border-radius:4px;background:#143470;position:absolute;bottom:2px;left:50%;transform:translate(-50%,0)}
.minute{width:0;height:0;border-radius:50%;background:#143470;position:absolute;top:50%;left:50%}
.minute:after,.minute:before{content:"";display:block;position:absolute}
.minute:before{width:6px;height:85px;border-radius:4px;background:#143470;position:absolute;bottom:2px;left:50%;transform:translate(-50%,0)}
.second{width:4px;height:4px;border-radius:50%;background:#BD1E21;border:2px solid #BD1E21;position:absolute;top:50%;left:50%;margin-top:-4px;margin-left:-4px}
.second:after,.second:before{content:"";display:block;position:absolute}
.second:before{width:2px;height:105px;border-radius:4px;background:#BD1E21;position:absolute;bottom:-12px;left:50%;transform:translate(-50%,0)}
.pro-c-main article p{font-size:16px;color:#231d1d;line-height:1.5}
.pro-c-main article{max-width:750px;padding:0 15px;margin:0 auto}
.pro-c-main article iframe{width:100%}
.common-main article p{margin-bottom:2px}
.pro-c-name,.side-pro-name,.adv-item article,.content-info article,.news-title,.news article,.pro-info article{word-break:break-word}
.news-item:nth-of-type(2) .news-img{flex:inherit}
.news-img img{height:300px;object-fit:cover}
.cate-name{text-align:center}
#colee_left{overflow:hidden}
#colee_left img{height:80px;max-width:inherit;padding:0 10px;max-width:250px;object-fit:contain}
.part{border:none;padding-bottom:35px}
.part .common-title{margin-bottom:35px;font-size:30px}
@media screen and (max-width:768px){#colee_left img{width:200px;height:60px}}
.tabs-title:nth-of-type(7n){border-right:none}
.tabs-title:nth-of-type(4n){border-right:2px solid #fff}
.contact-wrap{margin-top:0}
@media screen and (min-width:769px){.head-top .common-wrapper{position:relative}
.head-top .top-left,.head-contact{display:none}
.head-top{height:auto;position:fixed;top:0;left:0;z-index:9999}
.head-top .top-right{height:40px;position:absolute;right:0;top:20px;z-index:99999}
.head-wrapper{justify-content:space-between;padding-right:400px;box-sizing:border-box}
.head-top .top-right input{width:180px!important;padding:0 0 0 14px!important;height:100%}
.head-top .top-right .search-wrap{border:1px solid var(--color)}
.head-top .search-btn{margin:0;border:none;background:var(--color)}
.head,.head.active{height:80px}}
.foot-l .lfr a{background:none;width:auto;height:auto}
.foot-l .lfr a img{width:34px}
.head-nav>ul>li>a{text-transform:capitalize}
#liHome{display:none}
.clock-wrapper{display:flex;justify-content:space-between;margin-bottom:40px;align-items:center}
.contact-box{height:auto}
.clock-wrapper table{width:calc(100% - 300px)}
.contact-box h3{text-align:center;margin-bottom:30px;font-size:18px}
.clock-wrapper table td{padding:10px;border-top:1px solid #ccc;border-bottom:1px solid #ccc}
.clock-wrapper table th{text-align:left;padding:10px;background:#ccc;color:#fff}
.clock-wrapper table caption{padding:10px;font-weight:bold}
@media (max-width:1200px){.clock-wrapper{flex-wrap:wrap}
.clock-wrapper table{width:100%}
.clock-wrapper{justify-content:center}}
.clock-wrapper p{text-align:center}
.clock-wrapper #nowtime{font-size:28px;font-weight:bold}
.clock-wrapper #nowtime span{font-size:16px}
.side-cate .type-active,.side-cate>ul li:hover>a,.side-pro-more,.side-pro-more:hover,.common-link .next,.common-link .next a,.pro-item:hover .pro-name,.content-main .content-c-date,.content-main .content-c-view{color:var(--color)}
.contact-box .box-icon em,.contact-box .box-icon i,.contact-box .title-s,.document-main .download-title i,.document-main .project-info .info-l p:nth-child(2),.head-nav>ul>li .inmenu_1,.head-nav>ul>li:hover>a,.button-area .clear-all:hover,.inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover{color:var(--color)}
.side-search,.side-title,.common-link .prev,.swiper-container .swiper-pagination-bullet-active,.que-item:nth-of-type(2),.cate-btn,.pro-btn,.about-icon,#swiper-banner .swiper-button-next:hover,#swiper-banner .swiper-button-prev:hover{background:var(--color)}
.content-item:hover .content-more,.content-main .common-c-title:after,.hov-c:hover,.contact-box .box-r,.contact-icon,.document-main .project-item:hover .info-r,.document-main .faq-list .faq-title:hover,.document-main .faq-list .faq-title.active,.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{background:var(--color)}
.head-nav>ul .submenu a:hover,.compare-panel .button-area .contact-button,.news-item:hover .news-more{background:var(--color)}
.que-item:nth-of-type(2) .more-btn i:after,.que-item:nth-of-type(3):after,.que-item:nth-of-type(3):before,.about-icon:after,.foot-letter .send-letter input:focus{border-color:var(--color)}
.common-pages span.ctxt,.common-pages a:hover{background-color:#549ee1;border-color:#549ee1}
.proCateTags a:hover{color:var(--color);border-color:var(--color)}
.pro-item.checked,.preview-container .thumbnail-box .list ul .item-cur{outline-color:var(--color)}
.link-wrap .link-r:after,.link-wrap .link-l:after{border-bottom-color:var(--color)}
.prolist-top h1{border-left-color:var(--color)}
@media(max-width:1240px){.head-nav,.head-nav>ul{background:var(--color)}
.head-nav.active ul>li>a{color:#fff}}
@media screen and (max-width:768px){.head-nav>ul>li .inmenu_1,#swiper-banner .swiper-button-next i,#swiper-banner .swiper-button-prev i,.about-title{color:var(--color)}
.mobile-bottom,.mobile-bottom .mobile-bottom-item,#gallery .swiper-pagination-bullet-active{background:var(--color)}
.head-nav>ul{background:#fff}
.head-nav>ul .submenu li a:hover{color:var(--color)}}
.content-date,.pro .more-btn,.about .more-btn,.news-date,.addToCart,.btn-list .LayImAhrefNode,.btn-list .btn,.pdown1,.pdown2,.pdown3,#feedbackForm .send-btn{background:#549ee1}
.bPosition{color:#549ee1}
.prolist-1 .pro-btn .arr,.side-search .btn{background:#549ee1}
.que{top:0;background:url(/js/36206/bg8.jpg) no-repeat center;background-size:cover;padding:50px 0}
.que:before{content:'';width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0,0,0,.2)}
.indfirslide{width:100%;position:relative}
.indfirslide .swiper-slide{opacity:0!Important;display:block}
.indfirslide .swiper-slide-active{opacity:1!important}
.indfirslide .swiper-pagination{position:static;display:flex;margin-bottom:30px}
.indfirslide .swiper-pagination-bullet{margin:0 10px 0 0!important;width:12px;height:12px;background:rgba(255,255,255,.4)}
.indfirslide .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff}
.indfirslide .firsltit{color:#fff;font-weight:bold;font-size:50px;line-height:1.2}
.firslsectit{font-size:50px;font-weight:bold;color:#fff;line-height:1.3;font-style:italic;margin:8px 0 50px}
.indfirslide ul.firslbotlist{display:flex}
.indfirslide ul.firslbotlist li{width:24%;margin-right:1.333%}
.indfirslide ul.firslbotlist li:nth-child(4n){margin-right:0}
.indfirslide ul.firslbotlist li p{color:#f2f2f2;font-size:18px;line-height:1.4;margin-top:10px}
@media screen and (max-width:1240px){.indfirslide .firsltit,.indfirslide .firslsectit{font-size:35px}
.indfirslide ul.firslbotlist li{width:49%;margin-right:2%;margin-bottom:25px}
.indfirslide ul.firslbotlist li:nth-child(2n){margin-right:0}}
@media screen and (max-width:580px){.indfirslide .firsltit{font-size:24px}
.indfirslide .firslsectit{margin-bottom:40px;font-size:24px}
.indfirslide ul.firslbotlist li{width:100%;margin-right:0%}
.indfirslide .swiper-pagination{margin-bottom:30px}
.indfirslide .swiper-pagination-bullet{width:8px;height:8px}
.indfirslide ul.firslbotlist li p{font-size:16px}
.que{padding:40px 0 20px}}
.bannervideo video{width:100%;display:block}
.about-con{background:var(--color)}
.foot-list,.foot-right{background:#51c2d2}
.foot-letter .send-letter .eput{background:#fff}
.news-item{outline:none;box-shadow:0px 0px 5px #ccc}
.about-num{color:var(--color)}
.about-text{color:#000}
.cate-img img{opacity:.5}
.foot-right,.foot-right ul a{color:#fff}
.common-title{font-size:40px}
.banner-title{text-transform:capitalize;font-family:Roboto,sans-serif}
.contact-box .title-m,.contact-t,.side-title,.side-pro-more,.common-title,.pro-btn,.pro .more-btn,.about .about-con .about-title,.about-text,.news-more,.foot-title{text-transform:capitalize}
.clock-wrapper{margin-top:50px}
.foot-intro{font-size:20px}
.foot-letter .send-letter input{color:#000}
i.fa-earth img,.foot-nav ul li a{vertical-align:middle}
.banner,.tabs-title{background:var(--color)}
#tabs .current{background:#549ee1}
.about-num:after{content:'+'}
.about-num{font-size:60px}
.about .about-img img{width:100%;height:100%;display:block;object-fit:cover}
.about .about-con{padding:50px 90px}
.about ul li{position:relative;padding-left:40px;line-height:1.7}
.about .about-sel{position:absolute;left:0;top:-2px}
@media screen and (max-width:1500px) and (min-width:1151px){.about .about-con,.about .about-img{width:50%}
.about .about-con{padding:40px 60px}}
@media screen and (max-width:1500px){.about .about-img{max-height:100%}}
@media screen and (max-width:768px){.about .about-con{padding:66vw 4vw 4vw}
.about .about-img{max-height:inherit;width:100%;left:0;padding:0 4vw;box-sizing:border-box;height:62vw}
.about .about-list{background:#f4f4f4}
.about-num{font-size:28px}}
.cate-img{background:var(--color)}
.indaddmodule{min-height:360px;display:flex;justify-content:center;align-items:center;padding:40px 15px;box-sizing:border-box}
.indaddbox div{font-size:40px;margin-bottom:15px}
.indaddbox p{font-size:28px;line-height:1.3}
.indaddbox{max-width:640px}
@media screen and (max-width:768px){.indaddbox div{font-size:32px}
.indaddbox p{font-size:20px}
.indaddmodule{min-height:200px}}
.firslsectit{font-style:normal}
.bannervideo video{padding-top:80px}
.pro-name{word-break:break-word}
@media (max-width:768px){.pro-name{height:40px}}
li#li_Menu101_sitemap a{font-size:0;color:transparent}
.adv-list .common-wrapper{display:flex;flex-wrap:wrap}
.cu li i,.foot-title{color:#fff}
.foot-title:after{background:#fff}
.foot-letter .send-letter .ebtn{background:#fff;color:var(--color)}
.foot-logo{display:none}
.prolist-1 .pro-btn{height:0;overflow:hidden}
.head-logo{padding:5px 0;box-sizing:border-box}
.foot-logo img{max-width:200px}
.bannervideo video{padding-top:0}
#lidownloads{display:none}
.cate-img{background:#2b6a91}
.head-nav>ul>li{transition:border 0.2s}
.hour:before,.minute:before,.hour{background:var(--color)}
.second:before,.second{background:rgb(255 90 0)}
.head-nav>ul>li:hover:before{content:"";position:absolute;width:100%;height:6px;background:rgb(255 90 0);bottom:5px}
.fotdownload{margin-top:22px;display:flex}
.fotdownload a{background:#fff;display:flex;height:52px;align-items:center;justify-content:center;padding:0 20px;min-width:150px;box-sizing:border-box;color:var(--color);transition:.3s}
.fotdownload a i{margin-right:8px}
.fotdownload a:hover{animation-name:hvr-pop;animation-duration:.3s;animation-timing-function:linear;animation-iteration-count:1}
.foot-right p,.foot-right ul{white-space:nowrap}
.foot-right ul a{margin-left:0}
.bannervideo,.banner{margin-top:80px}
.head{position:fixed}
.tabs-top li:nth-of-type(3){display:none}
.tabs-top .tabs-title{width:34%}
.fotdownload{display:none}
#lidownloads{display:block}
.head-nav>ul{justify-content:center}
.contact-box .title-s{font-weight:bold;font-size:18px}
.minute:before{height:70px}
.hour:before{height:55px}
.foot-right p a{color:#fff;margin-left:20px}
.foot-right p{white-space:normal}
.wmkc-size a{font-size:14px;color:#fff}
.inquiry-form input,.inquiry-form textarea{background:#fff;border:1px solid #ccc;color:#000}
.inquiry-form input::-webkit-input-placeholder,.inquiry-form textarea::-webkit-input-placeholder{color:#000}
.inquiry-form input:-moz-placeholder,.inquiry-form textarea:-moz-placeholder{color:#000;opacity:1}
.inquiry-form input::-moz-placeholder,.inquiry-form textarea::-moz-placeholder{color:#000;opacity:1}
.inquiry-form input:-ms-input-placeholder,.inquiry-form textarea:-ms-input-placeholder{color:#000}
 footer .foot-right .wmkc-size{ display: none;}
.foot-l .foot-item .lfr .vr-img{ background: #3860ff; border-radius: 10px;}