@charset "utf-8";
table,td,tr{padding:5px}
.l-header .head-nav>ul>li>a{padding:0 20px}
.pagelink-name{white-space:inherit;height:15px}
.intro,.sidebar>div:nth-child(2n) .sidebar-tit em.line{background-color:#009b4d}
.cate-img:after{border-color:#7cb132 #7cb132 transparent transparent}
.about .about-btn .btn-more,.foot-linetop>span{background:#7cb132}
.about .about-btn .btn-more:hover{border-color:#7cb132;color:#7cb132}
.nav-search{max-width:100%;background:#eee;height:60px;display:flex;align-items:center;justify-content:center;margin:0;max-width:100%;padding:0 20px;box-sizing:border-box}
.nav-search input{border:1px solid #bbb;height:35px;max-width:100%;margin:0}
.l-header .search-btn{display:none}
.nav-search{max-width:200px;margin:0 auto;padding:0 14px;height:50px}
.l-header .head-nav>ul>li>a{padding:0 8px;font-size:14px}
.about .about-con,.about .about-l>ul>li,.contact-con,.faq-list .project-name,.l-header .head-nav a,.l-main-home .sec-con,.l-main-single section.aboutcon p,.new-con,.new-date,.pro-list .pro-info>p,.prodetail-con,.sidebar-cate a,.sidebar-pro .pro-more,article p{color:#000}
.l-main-home .sec-con-w{color:#fff}
main .nav-search{max-width:100%}
.l-conwrap{position:relative}
.l-header .head-nav>ul>li>a{padding:0 10px;font-size:18px}
.sidebar-search{padding-top:30px}
.sidebar-search .sidebar-tit{display:none}
.sidebar-search .l-sidebar-wrap{max-width:800px;width:90%;margin:0 auto;border:1px solid #ccc;padding:0}
.sidebar-search .l-sidebar-wrap i{width:50px;height:50px;right:0;top:0;display:flex;align-items:center;justify-content:center;cursor:pointer}
.contact-inner-box{display:flex;justify-content:space-between;flex-wrap:wrap}
.contact-inner-box>section{width:50%}
.l-main-single .contact-inner-box .contact,.l-main-single .contact-inner-box .inquiry{padding:30px;box-sizing:border-box}
.contact-item-wrap{padding-top:50px}
.contact-name{margin:15px 0}
.l-main-single .contact-inner-box .contact .l-wrap{padding:0}
@media (min-width:1025px) and (max-width:1600px){.contact-list>li:after{padding-top:135%}}
@media (min-width:1025px) and (max-width:1440px){.contact-list>li:after{padding-top:145%}
.contact-list>li{margin:0 10px}
.contact-icon.is-mail .contact-info{width:100%}}
@media (min-width:1025px) and (max-width:1280px){.contact-list>li:after{padding-top:155%}}
@media (max-width:1024px){.contact-inner-box>section{width:100%}}