@charset "utf-8";


@media screen and (min-width: 1360px) {
.banner-container{ height:100vh; max-height:1080px;}
.swiper-slide{ height:100%;}
}
.banner-container{ overflow:hidden;}
.swiper-slide{ width:100%; overflow:hidden;}
.banner-container video{ width:100%;}
.banner-container img.banPic{ display:block; width:100%; transition:1s linear 2s; transform:scale(1.1,1.1);}
.swiper-slide-active img.banPic{ transition:6s linear; transform:scale(1,1); }	
.swiper-slide-duplicate-active img.banPic{ transition:6s linear; transform:scale(1,1); }
.bantxt{ position:absolute; left:0; width:100%; top:50%; z-index:5; transform: translateY(-50%);}
.bantxt h1.p_btitle { width:80%; max-width:800px; color: rgba(0, 144, 10); line-height: 1.3; margin-bottom: 20px; transition: all ease .8s .3s; font-family:"GOTHICB";}
.bantxt h1.p_btitle {padding-top:50px;}
.bantxt .p_summary{ width:80%; max-width:600px; line-height:1.5; margin-bottom:25px;}
.bantxt a.more{display:inline-flex; border:1px #fff solid; border-radius:30px; line-height:50px; text-align:center; background:#00900a; width:160px; color:#fff; align-items:center; justify-content:center;}
@media screen and (max-width:960px) {
.bantxt .p_summary,.bantxt a.more{ display:none;}
}

.banner-container .p_btitle { transition: all ease .8s 1.3s; opacity: 0; transform: translateY(40px); }
.banner-container .swiper-slide-active .p_btitle { opacity: 1; transform: translateY(0px) }
.banner-container .p_summary { transition: all ease .8s .6s; opacity: 0; transform: translateY(40px); }
.banner-container  .swiper-slide-active .p_summary { opacity: 1; transform: translateY(0px) }
.banner-container a.more { transition: all ease .8s 1s; opacity: 0; transform: translateY(40px); }
.banner-container  .swiper-slide-active a.more { opacity: 1; transform: translateY(0px) }

.indpros{ background-color: rgba(245, 245, 245, 1); padding:2.5% 0;}
.indpros_class{ text-align:center; margin:30px 0;}
.indpros_class a{ border: 1px solid #eee; border-radius: 30px; padding: 10px 35px; background:#fff; margin:0 10px; transition: all 0.5s; font-size:16px;}
.indpros_class a:hover{ background:#00900a; color:#fff;}
@media screen and (max-width:640px) {
.indpros_class a{ display:block;}
}
.indtitle{ position:relative; text-align:center;}
.indtitle em{ font-size:3vw; color:#00900a; position:absolute; font-weight:700; left:50%; top:50%; transform: translate(-50%, -50%);}
.indtitle span{ font-size: 7.25vw; line-height: 1; -webkit-text-stroke: 2px rgba(0, 0, 0, .06); color: rgba(255, 255, 255, 0);}
@media screen and (min-width:1500px) {
.indpros li{ float:left; width:calc(20% - 12px); margin-right:15px; margin-bottom:20px;}
.indpros li:nth-child(5n){ margin-right:0}
}
@media screen and (max-width:1500px) and (min-width:1300px) {
.indpros li{ float:left; width:calc(25% - 15px); margin-right:20px; margin-bottom:20px;}
.indpros li:nth-child(4n){ margin-right:0}
.indpros li:nth-child(9){ display:none;}
.indpros li:nth-child(10){ display:none;}
}
@media screen and (max-width:1300px) and (min-width:960px) {
.indpros li{ float:left; width:calc(33.33% - 20px); margin-right:30px; margin-bottom:30px;}
.indpros li:nth-child(3n){ margin-right:0}
.indpros li:nth-child(10){ display:none;}
}
@media screen and (max-width:960px) {
.indpros li{ float:left; width:calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.indpros li:nth-child(2n){ margin-right:0}
}
.indpros li a{ display:block; position:relative; overflow:hidden; }
.indpros li a img.pbg{ width:100%;}
.indpros li a img.pimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.indpros li a:hover img.pimg{transform: scale(1.1);}
.indpros li span{ color:#333; line-height:3; display:block; background:#eee; text-align:center;}


.indabout{ background:url(../images/abbg.jpg) center no-repeat; background-size:100% cover; background-attachment:fixed; padding:50px 0 0; position:relative; overflow:hidden;}
.indabouts{ position:absolute; height:100%; width:100%; left:0; top:50px;}

.indabouty{ position:absolute; height:99%; width:50%; left:5%; top:0; text-align:right; }
.indabouty span{ position:absolute; left:10%; bottom:20px;font-size:6vw; color:#fff; font-weight:700;}
.indabout .symain{ position:relative; z-index:10;}
.indabout_rig{ box-sizing: border-box; padding:2% 0 4% 4%;}
@media screen and (min-width:1060px) {
.indabouts:before{ content:""; width:50%; height:100%; background:#fff; left:50%; top:0; position:absolute;}
.indabout_rig{ float:right; width:50%;}
}
@media screen and (max-width:1060px) {
.indabout_rig{ background:#fff;}
}
.indabout_rig h2{ line-height:2; color:#00900a; font-family:"GOTHICB"}
.indabout_rigs{ color: rgba(51, 51, 51, 1); line-height: 1.6;text-align: justify;}

.indyy{ position:relative;}
.indyy .indtitle{ position:absolute; z-index:15; width:100%; top:10%;}
.indyy .indtitle em{ color:#fff;}
.indyy .indtitle span{  -webkit-text-stroke: 2px rgba(255, 255, 255, .1); color: rgba(255, 255, 255, 0);}
.indyy_tit{ width:100%; position:absolute; z-index:5; height:100%;}
.indyy_tit span{ float:left; width:25%; height:100%; background: rgba(0, 0, 0, 0.4); transition: all 0.5s; font-size:1.6vw; color:#fff; position:relative; text-align:center;}
.indyy_tit span{ border-right: 1px solid rgba(255, 255, 255, 0.25);}
.indyy_tit span p{ position:absolute; width:100%; left:0; top:50%; transform: translateY(-50%);}
.indyy_tit span p img{ display:block; margin:0 auto 25px; max-width:30%;}
.indyy_tit span.hover { background: rgba(0, 0, 0, 0); cursor: hand; color:#fff;}
.indyy_con{ display:block;}
.indyy_con img{ display:block; width:100%;}

.indnews{ padding:3% 0 2%;}
.indnews ul{ margin-top:25px;}
.indnews li{ margin-bottom:2%;}
@media screen and (min-width:960px) {
.indnews li{ width: calc(33.33% - 20px); float:left; margin-right:30px;}
.indnews li:nth-child(3n+0){ margin-right:0;}
}
@media screen and (max-width:960px) and (min-width:560px) {
.indnews li{ width: calc(50% - 15px); float:left; margin-right:30px;}
.indnews li:nth-child(2n+0){ margin-right:0;}
}
.indnews li .nnimg{ position:relative; overflow:hidden; transition: all 0.3s;}
.indnews li .nnimg img.pbg{ width:100%;}
.indnews li .nnimg img.nimg{ position:absolute; object-fit: cover; width:100%; height:100%; transition: all 0.3s;}
.indnews li:hover .nnimg img.nimg{transform: scale(1.1);}

.indnews li p{ padding:20px 5px; transition: all 0.3s;}
.indnews li a{ display:block;}
.indnews li a em{ line-height:30px; height:60px; font-weight:700; color:#333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden;}
.indnews li a span{ display:block; line-height:2; color:#333; margin-top:10px; font-size:14px;}
.indnews li a:hover p em{ color:#00900a;}

.indsb{ position:relative; padding:0;}
.indsb_tit{ z-index: 4; background: rgb(255 255 255); padding: 100px 30px; display: flex; flex-direction: column; justify-content: center;}
.indsb_tit h2{ font-size:18px; color:#52846a; line-height:1.5; font-weight:normal; padding:15px 0;}
.indsb_tit h2.hover{ color:#08502b; position:1; cursor: hand; cursor: pointer;}
.indsb_tit i{ font-family:"GOTHICB"; line-height:2;}
@media screen and (min-width: 1360px) {
.indsb_tit{ width: 27%; height: 100%; position: absolute; right: 0; top: 0;}
}
@media screen and (max-width: 1360px) {
.indsb_tit{ padding:20px;}
.indsb_tit h2{ padding:5px 0;}
}
.indsb_con{ position:relative;}
.indsb_con img{ width:100%;}
.indsb_contxt{padding: 20px 50px; position: absolute; top:32%; left: 5%; z-index: 4; height: 50%; transform: translate(0, -50%); width:35%; color: #111; border-radius: 50px 0 0;}
@media screen and (max-width: 1160px) {
.indsb_contxt{ padding:20px; left:20px;}
}
.indsb_contxt h1{ line-height: 1.2; text-transform: uppercase; border-left: solid 3px #00900a; padding-left: 12px; font-family:"GOTHICB"}
.indsb_contxt_summary { padding:30px 0 60px; font-size:18px; line-height:1.6; max-width:80%;}
.indsb_contxt a.more{display:inline-flex; border:1px #fff solid; border-radius:30px; line-height:50px; text-align:center; background:#00900a; width:160px; color:#fff; align-items:center; justify-content:center;}
@media screen and (max-width:640px) {
.indsb_contxt{ padding:0px; left:2px; top:20%;}
.indsb_contxt_summary{ display:none;}
}