@charset "utf-8"; 
:root{--color:#0447DD;--fontsize12:12px;--fontsize13:13px;--fontsize14:14px;--fontsize15:15px;--fontsize16:16px;--fontsize17:17px;--fontsize18:18px;--fontsize20:20px;--fontsize22:22px;--fontsize24:24px;--fontsize26:26px;--fontsize28:28px;--fontsize30:30px;}
.page_title::before{content:"RGB Electronic"}
.foot_logobar .fr img{transform:rotate(0);height:90px}
.foot_logobar .fr .erwei_box{background:none}
.foot-item-inquiry .b-text{display:block;width:280px;height:32px;font-size:14px;padding:0 10px;box-sizing:border-box;margin-bottom:10px;border:none}
.foot-item-inquiry .b-area{display:block;width:280px;resize:none;height:76px;padding:8px 10px;box-sizing:border-box;border:none;margin-bottom:10px;font-size:14px}
.foot-item-inquiry .b-submit{background:#0447DD;color:#fff;height:32px;border:none;cursor:pointer;padding:0 25px;font-size:14px}
.foot_bottom{background:none;max-width:1130px;margin:0 auto;display:flex;align-items:center;padding:35px 15px;box-sizing:border-box;justify-content:space-between}
#foot{background:linear-gradient(#666,#4c4c4c)}
.foot_bottom .container{padding:0;margin:0 0 0 35px}
.applist{display:flex;flex-wrap:wrap;justify-content:space-between}
.applist li{width:32%;margin-bottom:20px}
.head-contact a,.head-contact p:nth-child(2) a{color:#0447DD}
.head-nav-box,.head-nav a,.controls li,.news_li li .fl,.news_li li:hover .right_news{background:#0447DD}
.tit,.prev_next a:hover,.prev_next li:hover,.news_list li .news_cont:before,.pror_detail .fr h1,#products .title_span,#knowledge .con_title,#news .con_title,.company_f,.company_ltd,a:focus,a:hover,.pro_lb li:hover h3 a,.nav_ne a:hover{color:#0447DD}
.send_bar a,.magnifier-btn span,.necon_title,.LiLevel1 li a:hover,.pages a:active,.pages a:hover,.pages span.ctxt{background:#0447DD}
.head-nav a:hover,.news_li li:hover .pubdate,.send_bar a:hover{color:#fff}
#feedbackForm .submita{background:#0447DD!important}
#feedbackForm .submita:hover{color:#fff!important}
.search_bar:after{border-right-color:#0447DD;border-bottom-color:#0447DD}
.foot_logobar .fr img{border-color:#ccc}
.news_list li:hover{background:#eee}
#search_bar .right_bg,.search_bar,.service_li li:hover .service_t{background:#0447DD}
#feedbackForm .submita:hover{background:#ccc!important}
.chemintel{background:#0447DD}
.pro_more{background-image:url(/js/31441/more.png)}
.icon{background-image:url(/js/31441/sprite-1.png)}
#application{background:#0447DD}
.foot_li li a,.copy_right{opacity:1}
.send_bar a:hover,.page_title:after,.search_bar #btnSearch{background:#ccc}
.head-nav a:hover,.news_li li:hover .fl{background-color:#ccc}
.proli_top{background-image:url(/js/31441/probg.png)}
.chemintel p{opacity:1}
.foot_top::before{background-image:url(/js/31441/footbg1.jpg)}
.foot_top::after,.pro_single::after{background-image:url(/js/31441/footbg2.jpg)}
.send_bar a:nth-child(2){background:#0447DD!important;margin-left:10px}
.head-logo a{height:100%;display:flex;align-items:center}
.head-logo img{height:100px}
.sf-menu>.LiLevel1>a:after{color:#333}
.head-qr{width:100px}
.head-info{padding:5px 15px}
header.is-active{position: fixed;top:0;left:0;right:0;z-index:999;transition: all .1s linear;}
header.is-active .head-info{opacity:0;height:0;padding:0;}.foot_share li img{width: 50px; height: 50px;}

@media (min-width:1025px){
header{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;border-bottom: 1px solid rgba(255, 255, 255, .13);}
header:not(.is-active) .head-nav-box{background: initial;}
header:not(.is-active) .head-nav>li>a{background: initial;}
body{padding-top:165px}
.head-nav>li>a{font-size:16px;line-height:24px;}
header:not(.is-active) .head-nav>li>a{color:#000}
header:not(.is-active) .head-nav>li:hover>a,header:not(.is-active) .head-nav>li>a.inmenu_1{color:var(--color)}
}