@charset "utf-8"; 
:root{--color:#E07C25}
@media (max-width:1024px){.head-info,header.is-active .head-info{background:#fff}
.m-menu span{background:#000}}
.area1{width:100%;height:auto;margin:auto auto}
.procate{padding:40px 0 20px 0}
.procate_in h3{background:url(https://css02.v15cdn.co/m169/h3bg.png) repeat center;text-transform:uppercase;text-align:center;font-size:30px;color:#333;font-weight:400}
.procate_in .procatep{font-size:14px;color:#333;margin-top:15px}
.procateul{margin-top:30px;width:100%}
.procateul li{margin-bottom:30px;background:url(hbh.png) no-repeat bottom;height:330px}
.procateul li .procateimg{width:450px;height:300px;margin-right:30px;float:left;margin-left:0}
.procateul li:nth-child(2n) .procateimg{width:450px;height:300px;margin-left:30px;float:right;margin-right:0}
.procateul li .procateimg a{display:block;width:100%;height:100%}
.procateul li .procateimg a img{max-width:100%;max-height:100%}
.procateul li .procate_con{height:300px}
.procateul li .procate_con .procate_intro{margin-top:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;}
.procateul li .procate_con a p{display:flex;align-items:center;line-height:1.2;color:var(--color);text-transform:uppercase;font-size:24px;text-align:left}
.procateul li .procate_con a p img{margin-right:8px;vertical-align:middle}
.goon{height:35px;background:#eee;float:left;padding-left:15px;margin-top:55px;line-height:35px;text-transform:uppercase}
.goon .goonj{height:35px;width:35px;color:#999;background:#ccc;font-size:35px;float:right;text-align:center;font-weight:var(--fontbold6);line-height:35px}
.goon .goonp{margin-right:15px}
.goon>a{display:flex;}
@media (max-width:1024px){.procateul li{height:auto;margin-bottom:30px}
.procateul li .procateimg{width:100%!important;height:auto!important;float:none!important;margin:0 0 15px!important}
.procateul li .procateimg a img{width:100%}
.procateul li .procate_con{width:100%;height:auto}
.procateul li .procate_con .procate_intro{display:block}
.goon{float:none;display:inline-block}}
@media (max-width:500px){.procateul li .procate_con a p{font-size:20px}
.goon{margin-top:20px}
.goon .goonp{font-size:13px}
.goon .goonj{font-size:24px}}
.home-hotpro{display:none;}
@media (min-width:1025px){.nobanner header:not(.is-active) .head-info{background:#fff}
header:not(.is-active) .head-info .nav-ul>li>a,header:not(.is-active) .head-info .head-search button em{color:#000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;font-weight:bold;}
header.is-active .head-info .nav-ul>li>a,header.is-active .head-info .head-search button em{color:#000;text-shadow:-1px 0 white,0 1px white,1px 0 white,0 -1px white;font-weight:bold;}}
.home-about .about-img .about-icon{bottom:auto;top:20px;}
@media (max-width:500px){.home-about .about-img .about-icon{width:130px;height:auto;font-size:14px;padding:8px;line-height:1.3}
.home-about .about-img .about-icon span{font-size:22px}}
.home-contact{position:relative;}
.home-contact::after{content:'';width:100%;height:100%;background:#000;opacity:0.7;position:absolute;top:0;left:0;}
header.is-active .head-info{background: #00000029;}
.home-procate{display:none;}