@font-face{font-family:'iconfont';src:url('/static/font/Alibaba-PuHuiTi-Regular.ttf');}
*{padding:0;margin:0;box-sizing:border-box;}
*::after {content: ''; display: block; clear: both;}
pre{background-color:#F8F8F8;border:1px solid #dfdfdf;border-radius:3px;overflow:auto;padding:5px;}
pre code{background-color:#F8F8F8;border:none;padding:0;}
code{font-family:Consolas,Monaco,Andale Mono,monospace;background-color:#F8F8F8;border:1px solid #dfdfdf;border-radius:3px;padding:0 0.2em;line-height:1;}
pre>code{border:0;margin:0;padding:0;}
blockquote{color:#666666;margin:0;padding-left:1em;border-left:0.5em #EEE solid;}
blockquote p{margin:10px auto;}
a,a:link,a:visited{text-decoration:none;cursor:pointer;color:#555;}
body{font-size:16px;font-style:normal;font-family:"iconfont" !important;line-height:1.66;}
.common-container{max-width: 1180px;margin: 0 auto 40px;}
.laz{background:url("/static/images/loading.gif") 50% center no-repeat;}
/* header */
#header{box-shadow:0 1px 5px 2px #efefef;background:#81c21f;color:#fff;height:75px;width:100%;float:left;}
#header::after {content: ''; display: block; clear: both;}
#header .logo{height:75px;position:absolute;width:auto;float:left}
#header .logo img{height:75px;}
#banner{width:100%;float:left;background:#fff;margin-bottom: 40px;overflow:hidden;}
#banner .swiper-box{width:100%;position:relative;}
#banner .swiper-wrapper .swiper-slide {display: block;}
#banner .swiper-wrapper .swiper-slide img{width:100%;height:auto;}
#banner .swiper-button-next{color:#fff;}
#banner .swiper-button-prev{color:#fff;}
#map{width:100%;line-height:50px;/* margin:40px 0;*/
 color:#959595;float: left;}
 #map div {display: flex; align-items: center;}
  #map div img {margin: 0 6px;}
#map a{color:#959595; display: inline-block;}
.page-banner{width:100%;overflow:hidden;}
.page-banner img{width:100vw;}
#contact .contact-img {text-align: center;}
#contact-map{}
#contact .contact-content{}
#contact .contact-content .contact-title{font-size:20px;margin-bottom:10px;}
#contact .contact-content .contact-info{margin-bottom:20px;}
#contact .contact-content .contact-info p{margin-bottom:10px;line-height:25px;}
#contact{margin-bottom:40px;}
#contact .title{font-size:30px;font-weight:600;margin:20px 0;text-align:center;letter-spacing:8px;}
#contact .content .left .item{display:flex;margin: 24px 0;}
#contact .content .left .item .lable{text-align:left;font-family: "iconfont";font-size:18px;line-height:30px;}
#contact .content .left .item .text{font-family: "iconfont";font-size:18px;margin-left: 8px;line-height:30px;width:470px;}
#product{float:left;width:100%;}
#product .box-title{margin:0 auto;text-align:center;margin-bottom:20px;}
#product .product-list{width:100%;display:flex;justify-content: flex-start;flex-wrap:wrap;align-items:center;gap: 47px;box-sizing:border-box;}
#product .product-item{box-sizing:border-box;border:1px solid #dfdfdf; width: 362px; height: 300px; overflow: hidden; }
#product .product-item:hover div{color:#81c21f;}
#product .product-item:hover .product-person {color: #959595;}
#product .product-item .product-cover{width:360px;height:220px;}
#product .product-item .product-cover img{width:100%;height:100%;object-fit:contain;}
#product .product-item .product-title{width: 100%;text-align:center;line-height:50px;font-size:18px;font-weight:600;text-overflow: ellipsis; white-space: nowrap; overflow: hidden; padding: 0 10px;}
#product .product-item .product-person{color:#959595;font-size:14px;padding: 0 10px;}


/* 分页器 */
.news-page-box {margin: 40px 0;}
.pagination {display: flex; list-style-type: none;justify-content: center;}
.pagination li {margin: 0 5px;}
.pagination li a {display: block; padding: 5px 10px; border: 1px solid #ccc; text-decoration: none; color: #333;}
.pagination li a:hover {background-color: #81c21f; color: #fff;}
.pagination .active a {background-color: #81c21f;color: #fff !important;}
.pagination .disabled a {background-color: #b4b4b4; color: #fff;}
.pagination .disabled:hover a {cursor: no-drop; background-color: #b4b4b4; color: #fff;}
/* 关于我们 */
#about{float:left;width:100%;margin-bottom:20px;}
#about .box-title{margin:0 auto;text-align:center;margin-bottom:20px;}
#about .title-box{text-align:center;width:100%;font-size:30px;margin-bottom:1rem;}
#about .qualifications{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;}
.qualifications-box{width:45%;margin:2rem 0;position:relative;padding:2rem;border:1px solid #dfdfdf;}
.qualifications-box img{width:100%;transition:transform 0.5s ease;}
.qualifications-box:hover img{transform:scale(1.1);/* 鼠标悬浮时放大1.1倍 */
}
.qualifications-box:hover .qualifications-title{font-weight:600;}
.qualifications-title{text-align:center;position:absolute;bottom:-3px;left:0;right:0;}
#about .about-title{font-family:'MicrosoftYaHei';}
#about .aerialView-img{width:100%;text-align:center;}
#about .aerialView img{width:1180px;}
#about .cover{}
#about .content{margin: 40px auto;}
#about .content p{font-size:18px;line-height:44px;color:#555}
.progress-arrow{text-align:center;width:100%;}
.progress-arrow img{height:120px;width:400px;}
.production-process{text-align:center;}
.step-box{display:flex;justify-content:space-around;}
.step-item{flex: 0 0 30%;width: 100%;border: 1px solid #dfdfdf;background-color:#f9f9f9;}
.step-img img{width: 354px;height: 350px;}
.step-word-box{padding: 0 10px 10px;}
.step-title{font-size:20px; text-align: center;}
/* 前加小圆点 */
.step-text::before{content: "•"; margin: 0 5px;}
.step-text{color:#555;font-size:16px;line-height:24px;}
.service-box{display:flex;align-items:flex-start; padding:20px;border:1px solid #ccc;}
.service-box-bg{background:url(/static/img/service-img.jpg);width:1180px;height:600px;background-size:cover;background-position:center;background-repeat:no-repeat;margin:auto;position:relative;overflow:hidden;}
.service-text{position:absolute;top:78%;left:70%;transform:translate(-5%,-50%);color:#F22727;}
.service-text h3{font-size:24px;font-weight:bold;text-shadow:2px 2px 4px rgba(242,39,39,0.5);}
.service-text div{font-size:15px;line-height:30px;color:#7c7c7c;}
.diagonal-line{position:absolute;top:0;right:0;width:70%; height:100%;background:linear-gradient(to left top,transparent 0%,transparent 0%,/* 开始显示白色 */
 #fff 0%,#fff 40%,/* 结束显示白色 */
 transparent 50% /* 回到透明 */
 );pointer-events:none;}
/* 进度条颜色 */
.progress{height:40px !important;display:flex;text-align:center;}
.progress-bar {color:#333333 !important;height:40px !important;line-height:40px !important;font-size:24px !important;}
.progress-bg-color1{background-color:#2ECC71 !important;}
.progress-bg-color2{background-color:#3498DB !important;}
.progress-bg-color3{background-color:#E67E22 !important;}
.progress-bg-color4{background-color:#F1C40F !important;}
.progress-bg-color5{background-color:#9B59B6 !important;}
.progress-bg-color6{background-color:#1ABC9C !important;}
.progress-bg-color7{background-color:#7F8C8D !important;}
.progress-bg-color8{background-color:#00BFFF !important;}
.progress-bg-color9{background-color:#f8f8f8 !important;}
.progress-bg-color10{background-color:#E74C3C !important;}
.progress-bottom-text{display:flex;justify-content:center;}
.text-box{flex:0 0 10%;padding: 8px;border-left:1px solid #ccc;font-size:14px;color:#5e5e5e;}
#news{float:left;width:100%;}
#news .box-title{margin:0 auto;text-align:center;margin-bottom:20px;}
#news .news-list{width:100%;display:flex;justify-content:flex-start;gap:40px;flex-wrap:wrap;}
#news .news-item{background:#fff;border-radius:5px;flex:1;width:calc((100% - 80px)/3);min-width:calc((100% - 80px)/3);max-width:calc((100% - 80px)/3); border: 1px solid #dfdfdf; }
#news .news-item:hover .news-title{color:#00BFFF;}
#news .news-item .news-cover{float:left;}
#news .news-item .news-cover img{width:100%;}
#news .news-item .news-content {height: 90px; width: 100%; float: left;}
#news .news-item .news-title{width:100%;text-align:center;line-height: 33px;font-size:18px;font-weight:600;height:66px;overflow:hidden;padding: 0 10px;}
#news .news-item .news-content .news-info {padding: 0 10px;}
#news .news-item .news-content .news-date{color: #959595; font-size: 14px;float: right;}
#news .news-item .news-content .news-person {color: #959595; font-size: 14px;float: left;}
/* footer */
#footer{width:100%;background:#fff;color:#555;}
#footer .contact-box{margin-bottom:20px;float:left;width:100%;}
#footer .info-box{float:left;width:100%;margin-bottom:20px;}
#footer .info-box .info{margin-right:50px;float:left;}
#footer .info-box .info .title{font-weight:600;margin-bottom: 10px;}
#footer .info-box .info .more {font-size: 14px; line-height: 28px;}
#footer .info-box .info .qrcode{float:left;}
#footer .info-box .info .qrcode img{width:100px;}
#footer .info-box .info .qrcode p{text-align:center;font-size:14px;}
#footer .copyright{text-align:center;float:left;width:100%;height: 54px; line-height: 24px;}
#footer .copyright p{font-size: 14px;}
#footer .copyright .flex {display: flex;justify-content: center; gap: 10px;}
#footer .copyright p a:hover {color: #0e90d2;}
/* 产品详情页 */
#detail {min-height: calc(100vh - 75px - 480px - 400px);}
#detail .product-title{font-size:24px;text-align:center;font-weight:600;color:#333333;margin:0 auto 20px;height:72px;overflow:hidden;width:100%;}
#detail .detail-img-box {width: 100%; text-align: center;margin-bottom: 40px;}
#detail .detail-img-box img {width: 40%; height: auto;}
#detail .detail-content-box {}
#detail .detail-content-box table tr td:first-child {width: 200px;font-size: 16px;}
#detail .detail-content-box table tr td:last-child {width: calc(100% - 200px);font-size: 16px;}

#detail .news-detaile-title {font-size: 24px; text-align: center; font-weight: 600; color: #333333;margin: 0 auto 20px; height: 72px; overflow: hidden; width: 100%;}
#detail .news-small-title {font-size: 14px; text-align: right; width: 100%;color: #959595;}
/* article */
article {display: block;white-space:normal;word-wrap: break-word;overflow: auto;font-family: sans-serif;font-weight: 400;color:#000;width: 100%;overflow: hidden;position: relative;}
article h3{font-size: 600;margin: 20px auto;line-height: 2.2rem;text-align: center;}
article p{line-height:2;margin:0 auto 20px;font-size: 18px; color: #3a3a3a; font-family: "楷体, 楷体_GB2312, SimKai";}
article span {text-wrap: wrap !important;}
article video {margin: 0 auto; width: 600px; height: auto;}
article hr{display: block;padding: 0;border: 0;height: 0;border-top: 1px solid #eeeeee;-webkit-box-sizing: content-box;box-sizing: content-box;}
article b, article strong {font-weight: bold;}
article embed, article iframe,article  p embed, article p iframe,article object{width:100%;height:auto;min-height:500px;border:none;display: block;}
article img{max-width: 1124px;height: auto;margin: 10px auto;display: block;}
article a{display: inline;color:#0e90d2;}
article table{font-size:14px;width:100%;text-align: center;vertical-align: middle; border-collapse: collapse;}
article table th{border:1px solid #ccc;background-color: #eee;text-align: center;line-height:35px;vertical-align: middle}
article table td{border:1px solid #ccc;line-height: 35px;vertical-align: middle;}
article blockquote {font-family: Georgia, "Times New Roman", Times, Kai, "Kaiti SC", KaiTi, BiauKai, "FontAwesome", serif;}
pre { background-color: #F8F8F8;border: 1px solid #CCCCCC;border-radius: 3px;overflow: auto;padding: 5px;}
pre code {background-color: #F8F8F8; border: none; padding: 0;}
code {font-family: Consolas, Monaco, Andale Mono, monospace; background-color:#F8F8F8; border: 1px solid #CCCCCC; border-radius: 3px;padding: 0 0.2em; line-height: 1;}
pre > code {border: 0;margin: 0;padding: 0;}
blockquote{color:#666666;margin:0;padding-left: 1em;border-left: 0.5em #EEE solid;}
blockquote p{margin:10px auto;}
pre{background-color:#F8F8F8;border:1px solid #CCCCCC;border-radius:3px;overflow:auto;padding:5px;}
pre code{background-color:#F8F8F8;border:none;padding:0;}
code{font-family:Consolas,Monaco,Andale Mono,monospace;background-color:#F8F8F8;border:1px solid #CCCCCC;border-radius:3px;padding:0 0.2em;line-height:1;}
pre>code{border:0;margin:0;padding:0;}
blockquote{color:#666666;margin:0;padding-left:1em;border-left:0.5em #EEE solid;}
blockquote p{margin:10px auto;}

.open-menu {
    display: none;
}

.right-pupbox{position:fixed;right:0px;bottom:15%;z-index:999999;background-color:#00AEF3;width:144px;border-radius:6px;text-align:center;padding:8px 0; cursor: pointer;}
.right-pupbox h2{font-size:20px;color:#fff;text-shadow:1px 1px 1px #666;}
.right-pupbox p{color:#fff;font-size:12px;text-shadow:1px 1px 1px #666;}

#myMap {width: 100%;height: 500px;}

@media (min-width:1200px){.wrapper.service .content .left img{min-height:600px;}
#header .menu{float:right;}
#header .menu a {display:inline-block;}
#header .menu .menu-item{float:left;width:120px;text-align:center;line-height:75px;font-size:20px;font-weight:600;color:#fff;position: relative;}
}
#header .menu .menu-item:hover {background-color: #91c446;}
#header .menu .menu-child-item {cursor: pointer;}
#header .menu .menu-child-item:hover .child-menu {display: block;}

#header .menu .menu-item .child-menu {width: 100%; background-color: #81c21f;box-shadow: #00000044 2px 2px 2px 0px; display: none; }
#header .menu .menu-item .child-menu .item-child {width: 100%; color: #fff;}
#header .menu .menu-item .child-menu .item-child:hover {background-color: #91c446;}

@media (max-width:900px){
body{font-size:14px;font-style:normal;font-family:"iconfont" !important;line-height:1.66;}
#detail .detail-img-box {padding-top: 95px;}
#detail .detail-img-box img {width: 100%;}
#detail .detail-content-box .detail-content-item .item-text {width: calc(100% - 120px);}
.common-container{width:96%;}
#contact .contact-img img{width: 100%;}
#map {display: none;}
footer{text-align:center;}
footer .email-box{justify-content:center;}
footer .catalogue{justify-content:center;}
section.cover .content{justify-content:center;}
section.serve .items .item{width:43%;margin-bottom:80px;}
section.product .items .item{width:43%;}
section.about .cont{justify-content:center;}
.box-title,.cover,.contact-box,.aerialView-img,.production-process,.progress-arrow{width:100%;margin:10px 0 !important;}
.box-title img,.cover img,.contact-box img,.aerialView-img img,.production-process img,.progress-arrow img{width:100% !important;}
#news .box-title{width:100%;}
#news .box-title img{width:70% !important;}
#header{position:relative;}
.open-menu {display: block;}
.open-menu div img{position:fixed;top:5px;right:5px;width:48px;height:48px;padding:6px;z-index:999;background-color:#81c21f;}
.menu{position:fixed;top:0;left:-100px;z-index:999;height:100vh;width:6rem;text-align:center;background-color:#81c21f;}
.menu a{display:block;color:#fff;padding:10px 0; font-size: 18px;}
#banner .swiper-wrapper .swiper-slide img{width:100%;height:10rem;}
#product .product-item{width:100%;}
#product .product-item .product-cover{width:100%;}
#product .product-item{box-sizing:border-box;border:1px solid #dbdbdb;}
#news .news-list{width:100%;display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;}
#news .news-item{background:#fff;border-radius:5px;flex:1;width:calc((100% - 40px)/2);min-width:calc((100% - 40px)/2);max-width:calc((100% - 40px)/2); border: 1px solid #dbdbdb;}
#footer .info-box{ display: flex; justify-content: center; flex-direction: column;}
#footer .info-box .info{margin-right:0;float:left !important;}
#footer .info-box .info>img{display:none;}
.page-banner img{height:8rem;width:auto;margin-left:-150px;}
.qualifications-box{width:auto;}
#about .content p{font-size:16px;line-height:34px;font-weight:bold;color:#555;}
.progress{display:flex;flex-wrap:wrap;height:80px !important;}
.progress-bottom-text{display:none;}
.step-box{flex-wrap:wrap;}
.service-box{}
.service-box-bg{background:none;width:auto;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;margin:auto;position:relative;overflow:hidden;}
.diagonal-line{display:none;}
.service-text{position:relative;top:0;left:0;transform:translate(0,0);color:#F22727;}
#news .news-item .news-title{font-size:14px;line-height: 30px;height: 60px;overflow: hidden;padding: 0 10px;}
#news .news-item .news-content .news-person {font-size: 12px;}
#news .news-item .news-content .news-date {font-size: 12px;}
.detail-content {display: block !important;}
#detail .detail-left-box img {width: 100%;}
#detail .detail-right-box {width: 100%;margin: 0;height: 300px;}
.detail-right-box .specification {text-align: center;height: 40px;line-height: 40px;}
#detail .detail-right-box .detail-describe {font-size: 18px;margin: 4px auto;}
#detail .detail-right-box .detail-text1 {font-size: 16px;margin: 4px auto;}
#detail .detail-right-box .detail-text2 {font-size: 16px;max-height: calc(300px - 122px);line-height: 32px;}
#contact .content .left .item .lable {flex: 0 0 25%;text-indent: 0;}
#footer .copyright p {font-size: 12px;}
.right-pupbox {display: none;}
#detail .detail-content-box table tr td:first-child {width: 25%;}
}
@media (max-width:600px){header .head .pc{display:none;}
header .head .mobile{display:block;}
header .head .open{display:inline-block;}
footer .contact-list .list{justify-content:center;}
footer .contact-list .list div:nth-child(2){margin:20px 0;}
section.cover .content{padding-top:20px;}
section.cover .left p:nth-child(2){font-size:36px;white-space:normal;}
section.cover .content img{height:225px;}
section.serve .items{padding:80px 0 0 0;}
section.serve .items .item{width:100%;margin-bottom:60px;}
section.product{padding:20px 0 0 0;}
section.product .items .item{width:100%;}
section.about{padding:20px 0;}
section.about .cont .img-box{width:100%;margin-bottom:20px;}
section.about .cont .msg{width:100%;}
section.contact .items .item{width:100%;margin-bottom:20px;}
section.contact .from-box input{width:100%;}
.wrapper.products .left{width:100%;}
.wrapper.products .right{width:100%;margin-left:0;margin-top:40px;}
.wrapper.products .right .items .item{flex-direction:column;align-items:center;text-align:center;}
.wrapper.about{padding:20px 0;}
.wrapper.about .about-banner{width:100%;height:auto;}
.wrapper.about .item{width:100%;margin-bottom:10px;}
.wrapper.service .content .left{width:100%;}
.wrapper.service .content .right div{margin-bottom:20px;}
.wrapper.about .items{justify-content:center;}
.wrapper.about .category-box .title::before{content:none;}
.wrapper.about .category-box .title::after{content:none;}
}