﻿@charset "utf-8";
:root{--color:#F6821F}
@media(max-width:1024px){.search-box #btnSearch i,.writetous .home-more{color:var(--color)}
.news .swiper-pagination-bullet-active,.news-list li .home-more,nav .nav li .inmenu_1{background-color:var(--color)}
.search-box #btnSearch{background-color:#fff}
nav .nav li .inmenu_1{color:#fff}}
.send-inquiry .inquiry-form #in-name{background-image:url(/js/31449/inname.png);background-position:right -37px}
.send-inquiry .inquiry-form #in-email{background-image:url(/js/31449/inemail.png)}
.send-inquiry .inquiry-form #in-content{background-image:url(/js/31449/incontent-c.png)}
.logo{height:100%;padding:7px 0}
.home-more{border-color:var(--color);color:#fff;background:var(--color)}
.home-more:hover,.lastproducts-list li:hover .viewmore,.latestnews li:hover .viewmore,.news-list li:hover .home-more,.pdshow-r-btn>a:hover,.pdshow-r-btn>div:hover{border-color:#000;background:#000}
.writetous .home-more:hover{color:#fff;background:#000}
#feedbackForm .send-btn:hover{background:#000}
ul.fcontact li:first-child p:nth-child(2) a{display:block}
.logo{max-width:inherit}
.logo img{height:30px}
.tname p:first-child{font-weight:700;font-size:16px}
.tname{margin-left:12px;color:#000;font-size:16px}
@media screen and (max-width:1750px){nav .nav>li>a{padding:0 10px}}
@media screen and (max-width:1500px){nav .nav>li>a{padding:0 8px}}
@media screen and (max-width:1350px){.tname{display:none}}
.fshare a:nth-child(3){display:none}
.sf-menu>li:hover .sub-menu{display:none}
.sf-menu>li:hover i{transform:rotate(-90deg)}
.sf-menu .LiLevel1>a,.sf-menu .sub-menu a,nav .nav li a{color:#555}
.page-l-menu-tit{font-size:24px;line-height:34px}
.lastproducts-title a,.sf-menu .LiLevel1>a{font-size:15px}
.sf-menu .sub-menu a{font-size:16px}
.highpro-r,.highpro-r .home-title,.highpro-text{color:#2a2a2a}
.highpro-r{background:#fff}
.foot-t{background:#fff}
footer,footer a{color:#000}
.foot-b{background:#fff}
.hotprocate li{color:#555}
.news .home-title{margin-bottom:30px}
.fshare a{background:var(--color);color:#fff}
.fshare a:hover{background:#333}
.hotproduct{padding-top:50px;padding-bottom:40px}
.about,.news{padding:45px 0}
.writetous h5{max-width:300px;font-size:26px}
.writetous .home-more{background:#d86604;border-color:#d86604;font-weight:700}
.writetous{padding:30px 0}
@media screen and (min-width:1025px){.search-box{position:static;height:auto;opacity:1;border:1px solid var(--color);border-radius:20px;width:240px}
.head-search-btn{display:none}
#xyz{position:absolute;right:0}
.head-box{position:relative;flex-direction:row-reverse}
.search-box #txtSearch{padding:0 15px;box-sizing:border-box;border:none;width:100%}
.search-box #btnSearch{margin:0;width:48px}}
@media screen and (min-width:769px){.inquiry-form textarea{height:300px}}
@media (min-width:1024px){header .container{justify-content:flex-start;max-width:1400px}
.logo{margin-right:0}
.head-box{flex:1;justify-content:end}
.products-ninelist-1{justify-content:space-between}
.products-ninelist-1 li{width:23%;margin:0;margin-bottom:20px}}
nav .nav>li>a{padding:0 13px}
@media (min-width:1401px){.search-box{width:300px}}
@media (max-width:1400px){nav .nav>li>a{padding:0 9px;font-size:15px}}
.writetous .home-more{border:2px solid #000;color:#000;background:var(--color)}