﻿@charset "utf-8";
:root{--color:#008ae2}
#banner .swiper-pagination-bullet-active,.about-btn a,.blingbling,.ca-list li:after,.display,.foot-tit:after,.idx-about-con h3:after,.idx-news-con h3:after,.inner-l .tit,.no-img-news-date,.recommended-btn .btn,.recommended-btn span:after,.recommended-con h3:after,.search-from form .searchbtn,.tit-h2:before,.top-btn,header.down .header-nav{background-color:#008ae2}
.about-con .tit_h2:before,.feedbackForm #feedbackForm .submita,.fsbtn .submita,.news-con h3:after,.news-date .day,.news-date .month,.page-nav a:hover,.page-nav ul li.active a,.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,ul#tags li.selectTag a{background-color:#008ae2}
#recommended-products-list li:hover h3 a,.company-contact .contact-us i,.idx-news-list li:hover h3 a,.inner-l li:hover h3,.lContact li:hover a,.link-way a:hover,.new-list>ul>.no-img-news:hover .no-img-news-con a,.pro-ca>li ul li a:hover,.tit-h2 span,lContact li:hover a{color:#008ae2}
.inner-l .sf-menu .currentProType,.inner-l .sf-menu li:hover>a,.inner-r .tit a.active,.inner-r .tit a:hover,.lContact .lContact-list i,.new-list>ul>li:hover .news-con h3 a,.news-con-date,.pro-list>ul>li:hover h3 a{color:#008ae2}
.about-left-list li:hover:before,.inner-l .contact-list li:hover,.inner-l .sf-menu,.inner-l ul,.lContact .lContact-list,.lContact li:hover:after,.lKeyword-list,.pro-ca>li ul li a:hover:before,.company-contact li:hover:after{border-color:#008ae2}
.pages a:hover,.pages span.ctxt,.recommended-list-btn>div:hover{background:#008ae2;border-color:#008ae2}
.pro-tit{border-left-color:#008ae2}
@media (min-width:992px){#banner .swiper-pagination-bullet,.banner-btn>div,.submenu{background-color:#008ae2}}
.latest-products li a:after{background-image:url(search.png)}
.pro-ca>li>a span,.search-from .form .searchbtn{background:#008ae2;color:#fff}
.news-date p,.pro-list li:hover .pro-con .pro-btn,.search-from form .searchbtn{color:#fff}
#nav li .submenu a,.about-btn a,.ca-list li:hover h3,.ca-list li:hover p,.feedbackForm #feedbackForm .submita,.header-share ul li:hover i,.inner-l .tit,.pro-detaile .pro-name h3,.pro-info-con .LayImAhrefNode,.pro-info-con .sendInquiry,.recommended-btn .btn,.recommended-btn:hover span,.foot-phone span{color:#fff}
.top-btn:after{border-color:#fff}
.pro-detaile strong{text-transform:capitalize}
.pro-ca>li ul li a{text-transform:capitalize}
.ca-list li p,.idx-about-con p{display:contents}
.inner-r{line-height:1.75em}
.header-share,.header-share ul,.link-way a{color:#000}
.idx-about-con h4{letter-spacing:0}
header .top{background:#f3f3f3}
.search-icon i{background:#008ae2}
.link-way i,.inner-l .contact-list .icon{color:#008ae2}
.header-share ul li i{color:#08e012}
.header-share ul li:hover i{color:#f6f401}
#nav>ul>li>a{color:#000;line-height:84px;height:84px;font-weight:700}
@media (max-width:1600px){#nav>ul>li>a{padding:0 12px}}
@media (max-width:1366px){#nav>ul>li>a{padding:0 9px}}
.header-nav-list>.container{height:84px}
.header-nav,.header-nav-list{background:#fff}
.link-way span{border:none}
#nav li:hover>a{color:#008ae2;background:#fff}
#nav li .submenu a{color:#fff}
#nav li .submenu li:hover a{color:#008ae2}
.recommended-products{background-image:url(/Content/upload/2019519279/201909191033552789935.jpg)}
.header-share ul li img{border-radius:50%}
.header-share ul li{margin:0 5px}
.foot-content{background:#012D49}
.company-contact li a,.foot-contact p,.foot-tit{color:#fff}
.copy{background:#ddd;border-color:#ddd}
.company-info li:after{border-color:#fff}
.company-contact li:hover a{color:#008ae2}
.foot-logo img{max-height:65px}
.foot-contact .date{margin-top:5px}
@media (max-width:1366px){.container{width:100%;padding:0 15px}}
@media screen and (max-width:1600px) and (min-width:1367px){.header-nav .logo{margin-left:-80px}}
.inner-l .contact-list li h3{text-transform:capitalize}
.floatwindow_fd-title{background:#008ae2!important}
.floatwindow_tel p{color:#008ae2!important}
.about-list li i{margin-right:60px}
.idx-news-con .inct a{height:auto}
.header-nav .logo img{max-width:inherit;max-height:65px;}
#linewslist-1>.submenu{display:none !important;}
#nav li#liproducts .submenu>li{position: relative;}
#nav li#liproducts .submenu>li>ul{display:none;top:0;left:100%;position: absolute;}
#nav li#liproducts .submenu>li>ul li a{color:#fff;background: var(--color);width:100%;}
#nav li#liproducts .submenu>li:hover>ul{display:block}
#nav li#liproducts .submenu>li:hover>a{color:var(--color)}
#nav li#liproducts .submenu>li>ul li:hover a{color:var(--color);background: #fff;}
.foottop{position:relative}
.foottop .l-wrap{position: relative;z-index: 1}
.foottop::after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: rgba(21, 21, 21, .3);}
@media (min-width:1025px){body:not(.nobannner){padding-top:116px}
header,.nobanner header .head-info,.nobanner header .head-top,header.is-active{background:#fff}
.head-left,.head-top .head-right .head-share .icon-share,.head-share ul a,.head-nav .nav-ul>li>a,.lang-icon span{color:var(--fontcolor)}
.lang-icon span:before,.lang-icon span:after{background:var(--fontcolor)}
.head-share ul a:hover{color:#fff;}
}
.lang-icon img{filter: brightness(0);}
@media (max-width:1024px){header,header.is-active,.nobanner header .head-info{background: #fff;}
.m-menu span{background: var(--fontcolor);}}
footer .foot-item .foot-link a,footer .foot-item .foot-link p{color:var(--fontcolor)}