@charset "utf-8";

/* banner */
#indexBanner{ position:relative; z-index:1; height:800px; overflow:hidden; text-align:center; background:url(../images/loading.gif) center center no-repeat #101010; max-width:none; transition: height 0.25s;}
#indexBanner:after{content:""; display:inline-block;width:100%; height: 1px; overflow: hidden; background: rgba(0,0,0,0.1); position:absolute; left:0; top:auto; bottom: 0; z-index: 11;}
#bannerBox{position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
#bannerBox a{display:block;}
#bannerBox img{max-width:100%; height:auto;}
@media (max-width:1600px){
    #indexBanner{height:666px;}
    #bannerBox{width:1600px; margin-left:-800px;}
}
@media (max-width:1440px){
    #indexBanner{height:600px;}
    #bannerBox{width:1440px; margin-left:-720px;}
}

.banner-pagination{position:absolute; z-index:20;left:50%; margin-left:500px; top:auto;bottom:2rem; width:120px; text-align:right; color:#fff; font-size:1.5rem; text-shadow:0 0 1rem rgba(0,0,0,0.16); white-space:nowrap; transform:scale(0.8,1); font-weight: lighter;
    font-family: sans-serif;}

.next,.prev{display:none;  font-size:1.5rem; width:4rem; height:2rem; line-height:2rem;  text-align: center; position: absolute; left:-4px; top:50%; margin-top:-1rem; z-index: 10; cursor: hand; cursor: pointer;  background-color:rgba(0,0,0,0.75); background-color:#242424\9; border-radius:4px; transform:skewX(-8deg);}
.next:hover,.prev:hover{ background:#0a933a;}
.next{ left:auto; right:-4px; }
.prev:after,.next:after{content:"";display:inline-block; width:4rem; height:2rem;background:url("../images/arrow.png") center top no-repeat;}
.next:after{background-position:center -2rem;}
#indexBanner:hover .next,#indexBanner:hover .prev{ display: inline-block;}
/*banner装饰*/
#decoration{ width:90%; height:1rem; font-size: 0; line-height: 0; overflow: hidden; background:rgba(241,199,31,0.4); transform:skewX(-16deg); position: absolute; left: 0; right:0; margin: 0 auto; top:auto; bottom: 0; z-index: 30; border-radius: 2px 2px 0 0;}
#decoration:after{ content:""; display: inline-block; width:90%; height: 100%; background:rgba(241,199,31,1); border-radius:2px 2px 0 0;}

/*首页合作*/
#indexCooperate{position:relative; overflow:hidden; text-align:center; background:#101010; transition: height 0.25s; min-height:320px;}
#indexCooperate > div{position:relative; z-index: 1; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
#indexCooperate > div img{ vertical-align: top;}
#indexCooperate > dl{ width:480px; height: 100%; position: absolute; z-index: 2; top: 0; left: 50%; margin-left:120px; background: rgba(0,139,61,0.8); padding:3rem; text-align: left; color:#fff; backdrop-filter: blur(6px); }
#indexCooperate > dl dt{font-size: 1.5rem; padding-bottom:1em;}
#indexCooperate > dl dd:nth-child(2){ opacity: 0.6; padding-bottom:1.5rem;}

/*首页简介*/
#index_about{ background:url("../images/bg.png") 25% -250px no-repeat; padding:3rem 0 2rem 0; }
#index_about .indexTitl{ margin-bottom: 1.5rem;}
#indexAbout{/*width:450px; */ height:272px; overflow:hidden; margin-bottom:2.5rem; }
/*视频*/
/*#indexVideo{width:500px; height:300px; float:left; position:relative;}
#indexVideo:after{content:""; display:inline-block; position:absolute; left:0; top:0; width:60%; height:100%; background:#459d6a; z-index:1;}
#videoBox{width:480px;height:270px; position:relative; z-index:2; margin:1rem 0 0 1rem; background:#000;}*/

/*首页产品系列*/
#index_proSeries{ background: url("../images/bg-1.jpg") center top no-repeat; padding:5rem 0 0 0;}
#index_proSeries #proSeries dl.series:nth-child(n+6){display: none} /*超过第6个的隐藏*/

/*首页产品banner*/
/*#indexPro{position:relative; height:740px;}
#proBox{position:absolute; top:0; left:50%; width:1920px; margin-left:-960px; height:100%; overflow:hidden;text-align:center;}
#proBox a{display:block;}
#proBox img{max-width:100%; height:auto;}
#pro-next,#pro-prev{font-size:1.5rem; width:3rem; height:3rem; line-height:4rem;  text-align: center; position: absolute; left:4%; top:50%; margin-top:-1.5rem; z-index: 10; cursor: hand; cursor: pointer;background:url("../images/arrow.png") center top no-repeat rgba(0,0,0,0.5);  background-color:#242424\9;}
#pro-next{ left:auto; right:4%; background-position:center -48px;}
@media (max-width:1600px){
    #indexPro{height:616px;}
    #proBox{width:1600px; margin-left:-800px;}
}
@media (max-width:1440px){
    #indexPro{height:555px;}
    #proBox{width:1440px; margin-left:-720px;}
}*/

/*首页新闻头条*/
#index_newsCenter{ margin:4rem auto 2rem auto;}

#topNews{position:relative; width:494px; float:left;}
#topNews:before{content:""; display:inline-block; width:60%; height:300px; background:#0a933a; position:absolute; z-index:1; left:0; top:0; border-radius:6px 0 0 0;}
#topNews dt{ position: relative;z-index: 2;  width:480px; height:288px; margin:12px 0 1.5rem 12px; overflow:hidden; background:#fff;}
#topNews dt img{width:100%; height:auto; vertical-align:bottom;  z-index: 2; position:relative; transition:transform 0.4s;}
#topNews dt span{position:absolute; z-index:3; left:auto; right: 0; top:auto; bottom:0; font-size:0.75rem; line-height:1.5rem;background:#0a933a; color:#fff; padding:0 0.5rem;}
#index_newsCenter dd{ height:6.75rem; line-height:1.5rem; overflow: hidden; position: relative;}
#index_newsCenter dd b{display: block;  font-size:1.5rem; font-weight: bold; max-height:3rem; overflow: hidden; margin-bottom: 0.75rem;}
#index_newsCenter dd p{margin: 0; padding: 0; color:#a6a8ab; font-size: 0.75rem;}
#index_newsCenter dl:hover dd b{color:#0a933a;}
#index_newsCenter dl:not(.indexTitl):hover dt{color:#0a933a;}
#index_newsCenter dl:hover dt img{transform: scale(1.06,1.06);}

#indexNews{width: 640px; float: right;}
#indexNews dl{display: flex; margin-bottom:3rem;}
#indexNews dl:nth-child(n+4){display: none;}
#indexNews dl dt{flex: 0 0 auto; padding: 0 1rem; margin-right: 1.5rem; border-right:#e1e1e1 1px solid; text-align: center;}
#indexNews dl dt span{ display: block; width: 100%; font-size:2rem; font-weight: bold;}
#indexNews dl dd{flex: 1 1 auto;}
#indexNews dl dd b{font-size:1.2rem;}

/*首页案例*/
#index_case{position: relative; background:url("../images/bg-2.jpg") center top no-repeat; padding:0 0 3rem 0; border-top:#f5f5f5 1px solid;overflow: hidden;}

#indexCase{ margin:0 auto; width:1232px; position: relative; z-index:5; overflow: hidden; padding:1rem;}
#indexCase dl{float:left; overflow:hidden; position: relative; background:#fff; box-shadow:rgba(0,0,0,0.08) 0 0 1rem; width:380px; margin:0 30px 0 0; padding:0 0 4.5rem 0; transition:box-shadow 0.4s, background 0.4s;}
#indexCase dl:after{content:"";display:inline-block; width:2rem; height:1rem; background:url("../images/arrows.png") -0.25rem -16px no-repeat no-repeat;position:absolute;left:auto; right:1.5rem; top:auto; bottom:1.5rem; transition:right 0.4s;}
#indexCase dt{width:100%; height:0; padding-bottom:60%; overflow:hidden; position: relative;}
#indexCase dt img{width:100%; height:auto; vertical-align:bottom; transition:transform 0.4s;}
#indexCase dd{position: relative; padding:1.5rem 1rem 0 1rem; line-height:1.25rem; height:5.5rem; overflow: hidden; text-align: left; /*width:100%; overflow:hidden; text-overflow:ellipsis; -o-text-overflow:ellipsis;*/ }
#indexCase dd:before,#indexCase dt:before{content:""; display: inline-block; width:3px; height:10px; background:#0a933a; position: absolute; left:1rem; top: 0; z-index: 2;}
#indexCase dt:before{top:auto; bottom:0; background:#fff;}
#indexCase dd b{display: block; max-height:2.5rem; overflow: hidden; margin-bottom:0.5rem; font-size:1rem;}
#indexCase dd p{margin:0; padding: 0;font-size: 0.75rem; opacity: 0.5;}

#indexCase dl:hover{ box-shadow:rgba(0,0,0,0.24) 0 0 1rem; }
#indexCase dl:hover:after{right: 1rem; background-position: left -32px;}
#indexCase dl:hover dt img{transform: scale(1.06,1.06);}
#indexCase dl:hover dd b{color:#0a933a;}

#index_case:hover .next,#index_case:hover .prev{ display: inline-block;}

/*#caseBanner{position:absolute;left:calc(50% + 4px);top:0; width:calc(25% - 6px);height:100%; overflow:hidden;}
#caseBanner img{width:100%;height:auto; vertical-align:bottom;}*/