@charset "utf-8";
#about{padding-top:0}
#product{padding-top:50px}
#product>.l-wrap:nth-child(1){margin-bottom:100px}
.advan .advan-list>li{width:33.333%}
@media(max-width:768px){.advan .advan-list>li{width:100%}
#product>.l-wrap:nth-child(1){margin-bottom:50px}}
.foot-contact li{margin-bottom:10px}
.foot-contact .con{max-width:300px}
.foot-feedback .foot-wrap img{width:100%}
.foot-feedback .foot-wrap{display:flex;justify-content:space-between}
.foot-feedback .foot-wrap p{width:48%;text-align:center}
.foot-feedback .foot-wrap p img{margin-bottom:4px}
.head-nav>ul>li>a{color:var(--color)}
.head-nav a.inmenu_1{color:#f47920}
#product .l-wrap{max-width:1130px}
#appli .l-wrap{max-width:1130px}
.inner-banner .inner-content{position:static;padding:15px;box-sizing:border-box;color:#000}
.inner-banner{min-height:inherit;background:#eee;height:auto}
.inner-banner h1,.inner-banner h2{margin:0 0 12px;color:#000}
.inner-banner .breadcrumb a{color:#000}
#about .l-wrap,#new .l-wrap{max-width:1130px}
@media (min-width:768px){#about .about-img{width:75%}}
.pro-detail .pro-detail-content .pro-part{max-width:850px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#fff}
.table tr:first-child{background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
.table1 th,.table1 tr.bgcolor{background-color:#c1c1c1}
.head-main .head-logo img{height:70px}
@media (min-width:1025px){.head-nav>ul>li>a{font-size:16px}}
#product .pro-list .pro-item{padding:0 0 15px}
#product .pro-list .pro-img img{width:100%}
#product .pro-list .pro-name{margin:15px 10px}
#product .pro-list .pro-more{width:calc(100% - 20px);margin:0 10px}
.product-main .pro-list.list1 .pro-more{display:none}
.product-main .pro-list.list1 .pro-name{margin:0;white-space:normal}
.product-main .pro-cart{opacity:1;background:0 0}
.pro-detail .pro-detail-content p{color:#000}
.pro-detail .pro-detail-top .pro-info .pro-name,.sidebar-cate li>.iconfont{color:var(--color)}
.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist>a{color:#fff;border-color:var(--color);background:var(--color)}
.sidebar-newcate li.LiLevel1>a{font-weight:700}
.pro-detail .pro-btnlist .pro-btn:hover,.pro-detail .pro-btnlist>a:hover{background:#f47920;border-color:#f47920}
.pro-detail .pro-random li{margin-bottom:25px}
.foot-cate ul{flex-direction:column;max-height:170px}
.foot-contact .con{width:calc(100% - 60px)}
#contact .l-wrap{padding-right:50px;box-sizing:border-box}
#wmkc .top-btn{display:flex!important;position:absolute;bottom:0;width:100%;border-radius:4px;right:0;height:50px;align-items:center;justify-content:center;border:1px solid #eee;background:#fff}
#wmkc .top-btn i{display:inline-block;width:32px;height:32px;background:url(/images/FloatWindow/wmkc-ico23.png) no-repeat;background-position:-6px -50px;color:transparent;margin-top:5px}
@media (min-width:1280px){.product-main .sidebar{margin-right:2.666%}
.new-main .common-content,.product-main .common-content{-ms-flex:inherit;flex:inherit;width:74.333%}
.new-main .sidebar,.product-main .sidebar{width:23%;-ms-flex:0 0 23%;flex:0 0 23%}
.new-main .sidebar{margin-left:2.666%}
.new-main .new-list.list1,.product-main .pro-list.list1{margin-left:0;margin-right:0}
.new-main .new-list.list1>li,.product-main .pro-list.list1>li{width:31.1%;padding:0;margin-right:3.35%}
.new-main .new-list.list1>li:nth-child(3n),.product-main .pro-list.list1>li:nth-child(3n){margin-right:0}}
#new .new-date{display:none}
#contact .foot-contact{transition:all .3s ease-in-out}
#contact .foot-contact:hover{background:#f47920}
@media (min-width:768px){.new-main article p{max-width:850px;margin:auto}}
.product-main .pro-list.list1 .pro-price{display:none}
.product-main .pro-list.list1 .pro-info{padding:0 40px 18px}
.product-main .common-content{width:60%}
.product-main .l-wrap{justify-content:center}
.product-main .pro-detail{max-width:850px}
#about .about-con h3{font-size:26px}
.more-btn:hover{background:#f47920;color:#fff;border:1px solid #fff}
#product .pro-list .pro-more{color:#fff;background:var(--color)}
#product .pro-list .pro-more:hover{background:#f47920}
.send-inquiry .send-btn{background-color:var(--color)}
.hvr-bounce-to-right-y:before,.hvr-bounce-to-right:before{background:#f47920}
#product .pro-list .pro-item:hover{border-color:#f47920}
#product .product-more .more-btn{background:var(--color);border-color:var(--color);color:#fff}
#product .product-more .more-btn:hover{background:#f47920;border-color:#f47920}
.foot-main,.foot-main a{color:#fff}
.pro-img img{transform:translateY(1px)}
img{max-width:100%}
#cose123{display:block!important}
#put123{display:none!important}
.contactus.contactus-box{display:flex;flex-wrap:wrap;margin-bottom:20px;justify-content:space-between}
.contactus.contactus-box .cont-l{width:48%}
.contactus.contactus-box .cont-r{width:48%}
.contactus.contactus-box .cont-r img{display:block;width:100%}
@media (max-width:500px){.contactus.contactus-box .cont-l,.contactus.contactus-box .cont-r{width:100%;margin:10px 0}}
#new{padding-left:0;padding-right:0}
#new .new-list{justify-content: space-between;}
#new .new-list>li{width:49%;padding:0;}
#new .new-list>li .new-item{display:flex;align-items: center;justify-content: space-between;padding-bottom:0;margin-bottom:20px;}
#new .new-list>li .new-item .new-img{width:50%;}
#new .new-list>li .new-item .new-right{width:50%;padding:10px 20px;}
#new .new-title{min-height:inherit;border:none;position: relative;margin:0;color:var(--color);padding-bottom: 5px;}
#new .new-right p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-size:var(--fontsize14);position:relative;}
#new .new-right p:before{content:'';width:70px;height:3px;background: var(--color);display:block;margin-bottom:5px;}
@media (max-width:768px){#new .new-list>li:last-child{display:block}
#new .new-title{height:auto;}
#new .new-list>li{width:100%;}}
.head-top .l-wrap .top-name{position: absolute;top:-1px;color:#fff;}
.head-main .head-logo{display: flex;align-items: center;}
.head-main .head-logo .cname{margin-left: 10px;font-weight: var(--fontbold7);}
@media (min-width:1281px) and (max-width:1440px){.head-top .l-wrap,.head-main .l-wrap{max-width:100%;padding:0 25px;}
.head-top .head-contact{margin-left:60px;}}
@media (max-width:1280px){.head-top .l-wrap .top-name,.head-main .head-logo .cname{display:none;}}