@charset "utf-8";
@media (min-width:769px){.pro-c-main .common-wrapper{display:flex}
.pro-c-info{padding:25px 25px 0}
.banner{background:var(--color)}
.pro-c-main article,.pro-c-art .link-wrap,.pro-c-art .inquiry{padding:0 30px}}
.pro .pro-btn{overflow:hidden}
.pro-c-name,.side-pro-name,.adv-item article,.content-info article,.news-title,.news article,.pro-info article{word-break:break-word}
.cate-name{color:#000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;text-align:center;margin-bottom: 0;}
.head-logo a p{font-weight:var(--fontbold6);text-transform:capitalize;color:var(--color)}
.foot-logo p{font-weight:var(--fontbold6);color:#fff;line-height:1.5;font-size:18px}
@media (min-width:1025px){.head-logo{margin-left:0;margin-right:0}
.head-wrapper{justify-content:space-between}
.head-nav{width:auto}}
@media (min-width:1025px){.head-nav{width:calc(100% - 500px)}
.head-contact{margin-left:30px}}
@media (min-width:1501px){.head-logo a p{font-size:20px}
.head-nav{width:calc(100% - 580px)}}
@media (max-width:1680px) and (min-width:1025px){.head-nav>ul>li>a{padding:0 10px}}
@media (min-width:1241px){.news .news-item:first-of-type .news-img a{display:block;position:relative;padding-bottom:74%;width:100%}
.news .news-item:first-of-type .news-img a img{height:100%;position:absolute;top:0;left:0;object-fit:contain}}
@media (max-width:1500px) and (min-width:1241px){.news .news-item:first-of-type .news-img a{padding-bottom:98%}}
.que{margin-top:30px}
.cate-img img{display:block;opacity:1;width:100%}
.banner-title{display:none}
.common-main.contact-main{overflow-x:hidden}
.mappic{display:block;width:100%;margin:-20px 0 30px}
.mappic img{display:block;width:100%}
.mapifr{position:relative;height:440px}
#gmap{width:100vw;left:50%;transform:translate(-50%,0)}
.contact-wrap{margin-top:0}
@media (max-width:768px){.mappic{margin-top:30px}}
.head-logo a p{display:none}
.head-logo img{height:100%;object-fit:contain;padding:2px 0 0;box-sizing:border-box}
.cate-list{justify-content: space-between;}
.cate-item{width: 24%;position: relative;border: 1px solid #eee;overflow: hidden;}
.cate-info{bottom: -100%;top: unset;background: var(--color);height: auto;display: flex;align-items: center;padding: 15px 0;transition: all .2s ease-in-out;}
.cate-info a{height: auto;}
.cate-btn{display: none;}
.cate-name{color: #fff;text-shadow: none;}
.cate-item:hover .cate-info{bottom: 0;}
.cate-item:hover .cate-name, .cate-item:hover .cate-num{opacity: 1;}
@media screen and (max-width: 768px){.cate .cate-item {width: 49%;margin-bottom: 2%;}}