#artban{height: 120px; background-position: center center; }
#crumbs{padding: 15px 0; color: #979aa0;}
#crumbs i{margin-right: 5px;}
#crumbs a{color: #979aa0; text-decoration: none;}
#crumbs a:hover{color: #67b563;}
.content{background: #fff; padding: 2.8%;margin-bottom: 3.6%;}
.content h1{padding:10px 15px; font-size: 24px;margin-bottom: 30px; text-transform: uppercase;background: #67b563; color: #fff; } 
.list{border:1px solid #ecf3f7; margin-top: 20px;color: #5a5959;transition:all 0.3s ease;}
.list .title {border-bottom:1px solid #ecf3f7;transition:all 0.3s ease; color: #28455d;text-transform: capitalize; padding: 20px 0; margin: 0 20px; font-size: 18px; display: block; text-decoration: none; margin-bottom: 15px;}
.list:hover,.list:hover .title{border-color: #67b563;}
.list .title h2{font-size: 18px;}
.list p{margin: 0 20px 20px;}
.content .mailbody{background: #f3f3f3; margin-top: 3.6%;margin-bottom: 40px;}
.content .mailbody .mailtop{background: #67b563; color: #ffffff; text-align: center; padding:40px 15px 20px 15px;}
.content .mailbody .mailtit{font-size: 24px; text-transform: uppercase; font-weight: bold;margin-bottom: 5px;}
.content .mailbody .myform{padding: 5.6% 7.6%;}
.content .mailbody .form-control{background: #fff;height: 45px; border:none; margin-bottom: 15px;}
.content .mailbody textarea.form-control{height: 150px;}
.content .mailbody .mailbtn,.content .contactbody .mailbtn{border:none; background: #67b563; border-radius: 30px; display: block; margin: 20px auto 0; max-width: 340px; width: 100%; height: 54px; text-align: center; line-height: 54px; color: #fff; font-size: 16px; text-decoration: none; text-transform: uppercase; font-weight: bold;}
.content .mailbody .mailbtn:hover,.content .contactbody .mailbtn:hover{background: #262626;}
.sidebar .catebox{border: 1px solid #eef4f8; margin-bottom: 40px;}
.sidebar .typename{background: #666; color: #fff;display: block; font-size: 24px; text-transform: uppercase; text-decoration: none; padding: 15px;}
.sidebar .catebox ul{list-style: none; margin: 0;padding: 0;}
.sidebar .catebox>ul>li> a{background: #f6fbff; display: block;border-bottom: 1px solid #eef4f8; color: #092943; font-size: 16px; padding: 10px 15px; text-transform: uppercase; text-decoration: none; font-weight: bold;}
.sidebar .catebox>ul>li>ul>li>a{border-bottom: 1px solid #eef4f8; display: block; padding: 7px 20px; text-decoration: none; color: #4d4d4d;}
.sidebar .catebox>ul>li>ul>li>a:hover{background:#eef4f8; padding-left: 30px;}
.sidebar .catebox a:hover{color:#67b563; }
.sidebar .catetit{font-size: 24px; color: #5e5e5e; text-transform: uppercase; text-decoration: none;}
.sidebar .more{color: #66b563; border-left: 1px solid #66b563; text-transform: uppercase;padding-left: 10px; margin-left:10px;text-decoration: none; }
.sidebar .pSwiper{margin-top: 30px; text-align: center;border: 1px solid #eef4f8;padding-bottom: 10px;}
.sidebar .pSwiper a{display: block; color: #4d4d4d; text-decoration: none; text-transform: capitalize;}
.sidebar .pSwiper img{margin-bottom: 5px;}
.sidebar .pSwiper .swiper-pagination{bottom: 30px;}
.swiper-button-next, .swiper-button-prev{color: #67b563;}
.sidebar .newslist{border: 1px solid #eef4f8; padding:40px 20px;margin-top: 30px;}
.sidebar .newslist .n-list{border-bottom: 1px solid #eef4f8; padding: 20px 0; color: #959595;}
.sidebar .newslist .n-list a{color: #4d4d4d; text-decoration: none;font-size: 16px;}
.sidebar .newslist .n-list a:hover{color: #67b563; }
.sidebar .newslist .n-list:last-child{border: none;}
.sidebar .newslist .title{margin-bottom: 10px; display: block;}
.sidebar .newslist i{color: #67b563;}
.sidebar .contact{background:#fdfff0 url(../image/contact_03.jpg) right bottom no-repeat; border:1px solid #ecf3f7;margin-top: 30px; padding: 30px;}
.sidebar .contact ul{list-style: none; margin: 20px 0 0 0;padding: 0;}
.sidebar .contact ul li{border-bottom: 1px dotted #c8c6c6;padding: 8px 0;}
.sidebar .contact ul li i{color: #66b563; margin-right: 5px;}
@media (min-width: 992px) {
	.sidebar {padding-left:4.8%;}
	.sidebar .catebox{margin-top: -65px;}
	#artban{height: 464px;}
}
.content .infos{overflow: hidden;}
.content .infos h2{z-index: 1;   color: #2d485e; font-size: 16px; font-weight: bold;padding: 10px; padding-left: 50px;position: relative;margin: 20px 0 18px 0;}
.content .infos h2::before {transform: skew(-22deg);background: #edf3f8;content: "";width: 105%;height: 100%;position: absolute;left: 10px;z-index:-2;top: 0;}
.content .infos h2::after{content: ""; position: absolute; left: 0;bottom:0; background:url(../image/icon.png) left center no-repeat; width: 43px; height: 45px;}
.content h3{font-size: 16px; color: #2d485e; font-weight: bold; margin: 20px 0;}
.content table{vertical-align: middle; text-align: center; width: 100%; border-color: #dee2e6;}
.content table th{background: #cbdce8; color: #2d485e; border-color: #fff;padding: .5rem .5rem;border-width: 1px;}
.content table td{padding: .5rem .5rem;border-width: 1px;}
.content .p-box{background: #edf3f8; padding: 2.3%; margin-bottom: 30px;}
/*.content .p-box ul{list-style: none; margin: 0;padding: 0;}
.content .p-box ul li{padding: 3px 0;}*/
.content .btn {position: relative; margin-top: 10px;font-size: 16px;text-decoration: none;font-weight: bold;color: #fff;background: #67b563;display: inline-block;text-transform: uppercase;padding: 8px 65px 8px 30px;border-radius: 30px;}
.content .btn::after{content: "\f054";position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 900; right: 30px; border:1px solid #fff; width: 22px; height: 22px; border-radius: 50%; font-size: 14px;}
.content .btn:hover{background: #092943;}
.content .infos ul{list-style: none; margin: 0;padding: 0;}
.content .infos ul li{padding: 3px 0 3px 25px;position: relative;}
.content .infos ul li::after{content: "\f14a";position: absolute; font-family: "Font Awesome 6 Free"; font-weight: 400; left: 0;color: #67b563; top: 3px;}
.content .contact-tit{text-align: center; font-size: 36px; color: #424242; margin-top: 3.6%; margin-bottom:20px; border: none; background: none;}
.contact-tit i{color: #67b563;}
.contact-p{position: relative; text-align: center;color: #6d6d6d; margin-bottom: 80px;}
.contact-p::before,.lotaction .title::before,#about .title::before,#factory .title::before,#projects .title::before,#quality .title::before{width: 30px; height: 4px; background: #67b563; content: ""; position: absolute; bottom: -28px;border-radius: 2px;left: 50%;margin-left: -22px;}
.contact-p::after,.lotaction .title::after,#about .title::after,#factory .title::after,#projects .title::after,#quality .title::after{width: 14px; height: 4px; background: #67b563; content: ""; position: absolute; bottom: -28px;border-radius: 2px;left: 50%; margin-left: 11px;}
.content .contactbody .mailbtn{margin-bottom: 30px;}
.content .contactbody .form-control{background: #fff;height: 50px; border:none; margin-bottom: 15px;border: 1px solid #eeeeee;}
.content .contactbody textarea.form-control{height: 150px;}
.contact {font-size: 18px;}
.contact .adds,.contact .pc,.contact .tel,.contact .fax,.contact .mail{ padding-left: 50px; margin-bottom: 8.6%; }
.contact .adds::before,.contact .pc::before,.contact .tel::before,.contact .fax::before,.contact .mail::before{font-family: "Font Awesome 6 Free"; position: absolute; margin-left: -50px; color: #67b563; font-size: 26px; font-weight: 900;}
.contact .tel::before{content:"\f095";}
.contact .mail::before{content:"\f0e0"}
.contact .adds::before{content:"\f3c5"}
.contact a{color: #535353; text-decoration: none;}
.contact .mail a:hover,#footer .tel a:hover{color: #67b563;}
.contact .icons{text-align: center; color: #acacac; font-size: 24px; border-top: 1px solid #eeeeee; padding-top: 17px;}
.contact .icons a{color: #acacac;}
.lotaction{background: #fff; margin-top: 30px; padding: 3.6%;margin-bottom: 30px;}
.lotaction .title{text-align: center; font-size: 36px;position: relative;margin-bottom: 60px;}
.lotaction iframe{width: 100%; height: 360px;}
@media (min-width: 992px) {
	.content .mail{padding-right: 5.6%;}
}
#about{background: #f6f6f6; padding: 4.2% 0;position: relative; z-index: 1; font-size: 16px; color: #424242; line-height: 28px;overflow: hidden;}
#about::before{width: 70%; height: 100%; background: #67b563; content: "";position:absolute; top:0; left: 70%;transform: skew(-22deg); z-index: -1;}
#about .title,#factory .title,#projects .title,#quality .title{text-align: center; font-size: 26px;position: relative; text-transform: uppercase; margin-bottom: 80px;}
#about p{margin-bottom: 4.3%;}
#factory{padding: 4.2% 0;background: #fff;}
#factory p,#quality p{text-align: center; font-size: 16px; color: #4e4e4e; margin-bottom:4.6%;}
#projects{background:#67b563; background-size: cover;padding: 9.2% 0  4.2% ; margin-top: -8.6%;overflow: hidden;}
#projects .container{position: relative; z-index: 1;padding-top: 50px; padding-bottom: 50px;}
#projects .container::before{content: "";position: absolute; width: 200%; height: 100%; background:#f6f6f6; z-index: -1; top: 0; left: -20px;}
#projects a.box{background:#fff; display: block; color: #333333; text-align: center;padding-bottom: 10px; text-decoration: none;margin-bottom: 30px;}
#projects a.box img{margin-bottom: 10px; display: block;}
#projects a:hover.box{background:#67b563; }
#quality{padding: 4.2% 0;background:#fff;}
#quality ul{list-style: none; margin: 0;padding: 0;}
#quality ul li{background: #f6f6f6; margin-bottom: 15px; font-size: 16px; padding:  25px 25px 25px 110px;position: relative;min-height: 100px;}
#quality ul li span{position: absolute; left:0; height: 100%; width: 94px; background: #67b563; color: #fff; font-size: 45px; display:flex; top: 0;text-align: center; align-items:center;justify-content: center; }
@media (max-width: 767px) {
#about,#factory,#projects,#quality,#form{padding: 40px 0;}
}
.pagination li a{display: inline-block; border: 1px solid #ccc; padding:2px 10px; margin-right: 5px;}
.pagination li a:hover{border-color:#67b563; color:#67b563;  }
.content iframe{max-width: 550px;margin: 10px auto; width: 100%; display: block;}
.pagination{margin-top: 20px;}
figure p{margin-bottom: 0;}
figure figcaption{font-weight: 500; text-align: center; font-style: italic; }