@charset "utf-8";
/* CSS Document */

/*banner*/
#i_banner { background-color: #0b263d; position: relative; z-index: 0;}
#i_banner .swiper-slide { position: relative; z-index: 0;}
#i_banner .pic { position: relative; z-index: 0; padding-top:100vh;}
#i_banner .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;
object-fit: cover;}
#i_banner .pic::after { position: absolute; z-index: 1;
content: ""; display: block; width: 100%; height: 100%; 
left: 0; top: 0;
/*background-image: linear-gradient(to bottom, rgba(21,40,64,1), rgba(21,40,64,0));*/
}
#i_banner .txtb { position: absolute; z-index: 2;
 left: 0; right: 0;  top: 7.25em;  bottom: 2em; 
display: flex; justify-content: center; align-items: center; text-align: center;}

#i_banner .txtb .txt {  margin: 0 auto; text-align: left; color: rgba(255,255,255,1); 
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
transition: all 1s;
-webkit-transition:all 1s;
transform: translate(0,90px);
-ms-transform: translate(0,90px);
-webkit-transform: translate(0,90px);}
#i_banner .swiper-slide-active .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);}

#i_banner .txtb .txt .name { letter-spacing: 0.05em; font-weight: bold; }
#i_banner .txtb .txt .intro { font-weight: lighter; margin-top: 0.6em;
overflow: hidden;  color: rgba(255,255,255,1);}
#i_banner .txtb .txt .btnBlue { margin-top: 5em;}

#i_banner .swiper-slide-active  .txtb .txt {
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
transform: translate(0,0);
-ms-transform: translate(0,0);
-webkit-transform: translate(0,0);}

#i_banner .swiper-pagination { height: 6.28em; padding: 0 2.8%;
 bottom: 0; border-top: 1px solid rgba(255,255,255,0.5);
   display: flex; justify-content: flex-start; align-items: center;}
#i_banner .swiper-pagination-bullet { width: 0.8em; height: 0.8em;
 background-color: #fff; margin: 0 0.4em !important;
  filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
}
#i_banner .swiper-pagination-bullet-active { position: relative; z-index: 0;
	 filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;
	 background-color: #3c7718;
}

#i_banner .btnNPW { position: absolute; right:0; left: 0;  bottom: 4.8em;
z-index: 1000;height: 2.25em; text-align: right;  width: 100%;}
#i_banner .btnNext,#i_banner .btnPrev { position: relative;
	cursor: pointer; display: inline-block;
	width:2.25em; height: 2.25em; margin:0 0.62em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:rgba(255,255,255,0.4) url(../images/arrow_2.svg) center center no-repeat;
	background-size:contain;
	
} 
#i_banner .btnPrev {
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
#i_banner .btnNext:hover,
#i_banner .btnPrev:hover {
background-color: rgba(255,255,255,1);
}

#i_banner .swiper-button-disabled,
#i_banner .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}


@media only screen and (max-width:828px) { 
#i_banner .pic { position: relative; z-index: 0; padding-top:100%;}
#i_banner .con { width:  90vw; margin: 0 5vw;}
#i_banner .txtb { width: 100vw;}
#i_banner .txtb .txt { width: 100%; right: auto; left: 0;}
#i_banner .txtb .txt .name { font-size: 5.8vw;}
#i_banner .txtb .txt .intro { font-size:3.4vw;}
#i_banner .txtb .txt .btn { font-size: 2vw; margin-top: 1.8em;}
#i_banner .btnNPW  { font-size: 2vw; }
}


/*关于我们*/
.aboutBoxBg { position: relative; z-index: 0; background: url(../images/home/about_bg.webp) center bottom no-repeat;
background-size:100% auto ;}
.aboutBoxBg::before { position: absolute; z-index: 0;
content: ""; display: block; width: 100%; left: 0; bottom: 0;
 padding-bottom:30%; 
background-image: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,1));
}
.aboutBox { position: relative; z-index: 0; max-width: 1920px; margin: 0 auto; 
padding: 5em 0 8.8em; min-height: 605px;}
.aboutBox .con { display: flex; justify-content: space-between; align-items: flex-end;}
.aboutBox .txtb { position: relative; z-index: 1; width: 54%; margin: 0 auto 0 0; text-align: left;
}
.aboutBox .txtb .name { font-weight: bold; letter-spacing: 0.05em;}
.aboutBox .txtb .name::after { content: ""; display: block; margin: 0.6em auto 0 0;
background-color: #004990; width: 0.4em; height: 0.09em;}
.aboutBox .txtb .intro {  margin-top:1.9em; color: #333; line-height: 1.8;}
.aboutBox .txtb .btnBlue { margin-top: 4.8em;}

.aboutBox .dataList { margin-top: 4.8em;}
.aboutBox .dataList ul {display: flex;flex-wrap: wrap; justify-content: flex-start; 
align-items: flex-end;}
.aboutBox .dataList li { flex: 1;}
.aboutBox .dataList li .t_1 span { line-height: 1.3; font-weight: bold;
 font-size: 2.6em; font-style: italic; color: #004990;}
.aboutBox .dataList li .t_2{ font-weight: bold; margin-top: 0.3em;}

.aboutBox .picb { position: absolute; z-index: 0; bottom: 0; right: 0; width: 46.8%;}
.aboutBox .pic img{ display: block; width: 100%; height: auto;}

@media only screen and (max-width:828px) {
	.aboutBox  { min-height: initial; padding-bottom: 60%; }
	.aboutBox .txtb { width: 100%;}
	.aboutBox .dataList { margin-top: 3em;}
	.aboutBox .txtb .btnBlue { margin-top: 3em;}
	.aboutBox .picb { width: 100%;}
}

/*产品*/
/*手风琴效果*/
.idx-cp .list { 
	display: flex;
	justify-content: flex-start;
	flex-wrap: initial;
	overflow: hidden;}
.idx-cp .list li { 
	flex: 1 1 25%;height: 900px;overflow: hidden;
	position: relative; z-index: 0;
	-webkit-transition: 0.8s all;
	transition: 0.8s all;}
	 
@media only screen and (max-width:1920px) {
	.idx-cp .list li { height: 46.87vw;}
}
.idx-cp .list li.on { flex: 1 1 50%;}
.idx-cp .list li .lib { position: relative; z-index: 0; 
width: 100%; height: 100%; text-align: left;}
.idx-cp .list li .lib .picBg { 
 position: absolute; z-index: -1; 
left: 0; right: 0; margin: 0 auto; bottom: 0;width: 100%; height: 100%; 
object-fit: cover;}

.idx-cp .list li .txtb { position: absolute; bottom: 0; left: 0; right: 0;  overflow: hidden;
 padding: 2.6em 3.2em;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;
 -moz-border-top-left-radius:1.6em; 
 -webkit-border-top-left-radius:1.6em; 
 border-top-left-radius:1.6em;
 }
.idx-cp .list li .pics { margin-bottom: 0.6em;}
.idx-cp .list li .pics img { width: 2.5em; height: 2.5em; display: block; object-fit: contain;}
.idx-cp .list li .name { color: #fff; font-weight: bold;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.idx-cp .list li .name::after {
	content: ""; display: block; margin: 0.3em auto 0 0;
	width: 0.55em; height: 0.11em; background-color: rgba(255,255,255,0.5);
}
.idx-cp .list li .intro { display: none; margin-top: 1.2em;
 color: rgba(255,255,255,0.8); line-height: 1.8em; width:34em;
height:3.6em; overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2;  display: none;}
.idx-cp .list li .btnArrow2 {margin-top: 4.3em; }

.idx-cp .list li.on .txtb { left: 15em; background-color: rgba(0,73,144,0.6);
backdrop-filter: blur(18px); border-left:1px solid #537eaa ;}
.idx-cp .list li.on .pics { margin-bottom: 0; position: absolute; bottom: 1em; right: 1em;
filter:alpha(opacity=15);-moz-opacity:0.15; opacity:0.15;}
.idx-cp .list li.on .pics img { width: 10.8em; height: 10.8em;}
.idx-cp .list li.on .name::after {background-color: rgba(255,255,255,1);}
.idx-cp .list li.on .intro {display:block; }

.idx-cp .list .btnArrow2::after {
	transition: all 0.1s;
	-webkit-transition:all 0.1s;
	
	transform: rotate(180deg);
	-ms-transform: rotate(180deg); /* IE 9 */
	-webkit-transform: rotate(180deg); /* Safari and Chrome */
}
.idx-cp .list li.on .btnArrow2::after {background-image:url(../images/arrow_4.png);
    transform: rotate(0);
    -ms-transform: rotate(0); /* IE 9 */
    -webkit-transform: rotate(0); /* Safari and Chrome */
}

@media only screen and (max-width:828px) {
	.idx-cp .list { height: 150vw; flex-direction: column;}
	.idx-cp .list li { margin-right: 0;	height: 100%;}
	.idx-cp .list li.on .txtb { left: 1em;}
	.idx-cp .list li .intro { display: none; margin-top: 1.2em;
 color: rgba(255,255,255,0.8); line-height: 1.8em; width:26em;
height:3.6em;}

}


/*精细工艺*/
.techBox {max-width: 1920px; margin: 0 auto; 
 min-height: 545px;
 background: url(../images/home/tech_bg.png) center center no-repeat;
background-size:100% auto ; 
display: flex; justify-content: space-between; 
align-items:center;}
@media only screen and (max-width:1920px) {
	.techBox{ min-height: 28.3vw;}
}
.techBox .con { height: 100%; }
.techBox .txtb { width: 80%; margin: 3em auto 3em 0; text-align: left;}
.techBox .txtb .name { font-weight: bold; letter-spacing: 0.05em;}
.techBox .txtb .intro {  margin-top:0.7em; color: #333; line-height: 1.8;}
.techBox .txtb .btnBlue { margin-top: 2.5em;}

@media only screen and (max-width:828px) {
	.techBox {
		background-position: center center;
		background-size:cover ;
	}
	.techBox .txtb { padding: 5em 0;}
}

/*新闻资讯*/
.newBox {  padding: 4.5em 0 5em;
background:#e9edf3 url(../images/home/new_bg.png) center center no-repeat;
background-size:cover; }
.newBox .con { overflow: visible;}
.newBox .tit { display: flex; justify-content: space-between; align-items: flex-start;}
.newBox .tit .name { font-weight: bold; letter-spacing: 0.05em;}
.newBox .tit .name::after { content: ""; display: block; margin: 0.6em auto 0 0;
background-color: #004990; width: 0.4em; height: 0.09em;}
.newBox .tit .btnBlue { margin-top: 1.4em;}

.newBox .newCon { margin-top: 3em;
 display: flex; justify-content: flex-start; align-items: flex-start;}
.newBox .newCon .tab { margin-top: 1.5em; text-align: left; color: #333; width: 24.5%;}
.newBox .newCon .tab li { cursor: pointer; margin-bottom: 1.5em;}
.newBox .newCon .tab li.cur,.newBox .newCon .tab li:hover {color: #004990; font-weight: bold;}




@media only screen and (max-width:828px) {
	
	.newBox .newCon .tab { width: 4em;}
}

.newBox .newCon .conNZ { position: relative; z-index: 0; width: 100%; flex: 1; height: 44em;}
.newBox .newCon .conN { position: absolute; z-index: 0; left: 0; top: 0;
	width: 100%; display: block; height: 44em; 
transition: all 0.5s;
-webkit-transition:all 0.5s;
filter:alpha(opacity=0);-moz-opacity:0; opacity:0;
}
.newBox .newCon .conN.show { position: absolute; z-index: 1; left: 0; top: 0;
filter:alpha(opacity=100);-moz-opacity:1.0; opacity:1.0;}

.swiper-new { height: 44em;}
.swiper-new .swiper-slide {width: 29.8em;}
.swiper-new .item { padding:11.1% 8.6% 8%; margin:1.75em 1.15em 0; background-color: #fff;
-moz-border-top-left-radius:1em; 
-webkit-border-top-left-radius:1em; 
border-top-left-radius:1em;
-moz-border-bottom-right-radius:1em; 
-webkit-border-bottom-right-radius:1em; 
border-bottom-right-radius:1em;
 color: #000;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.swiper-new .item .pic { overflow: hidden; display: block; 
cursor: pointer; position: relative; z-index: 0; padding-top: 62.4%;
transition: all 0.5s;
-webkit-transition:all 0.5s;}
.swiper-new .item .pic img { position: absolute; left: 0; top: 0;
width: 100%; height: 100%; object-fit: cover;
}
.swiper-new .item .txtb { text-align: left;}
.swiper-new .item .date { margin-top: 2em;}
.swiper-new .item .name { margin-top: 0.7em; height: 3em; line-height: 1.5em;
font-weight: bold;
 overflow: hidden;
 text-overflow:ellipsis;
 display:-webkit-box; 
 -webkit-box-orient:vertical;
 -webkit-line-clamp:2; }
.swiper-new .item .intro {margin-top: 0; 
color: rgba(255,255,255,0.8); line-height:1.8em ;height: 4em;
overflow: hidden;
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:3;
 transition: all 0.5s;
 -webkit-transition:all 0.5s;}
.swiper-new .item a.btnArrow { width: 1.6em; height: 1em; cursor: pointer;
 display: inline-block;
 background: url(../images/arrow_4_gray.svg) center center no-repeat;
 background-size:contain ;}
 
.swiper-new .item:hover { margin-top: 0; color: #fff; background-color: #004990;}
.swiper-new .item:hover a.btnArrow { background-image: url(../images/arrow_4_white.svg);}
.swiper-new .item:hover a { color: #fff;}
.swiper-new .item:hover .intro {margin-top: 1.4em; margin-bottom: 3em;   height: 5.4em; } 


.swiper-new .btnNPW {position: absolute; z-index: 5; left: 0; bottom: 0;
text-align: left; }
.swiper-new .btnNext,
.swiper-new .btnPrev { position: relative;
	cursor: pointer; display: inline-block;
	width:2.25em; height: 2.25em; margin:0 0.62em;
	transition: all 0.5s;
	-webkit-transition:all 0.5s;
	-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;
	background:rgba(255,255,255,0.4) url(../images/arrow_5.svg) center center no-repeat;
	background-size:contain;
	
} 
.swiper-new .btnPrev {
transform: rotate(180deg);
-ms-transform: rotate(180deg); 
-webkit-transform: rotate(180deg); 
}
.swiper-new .btnNext:hover,
.swiper-new .btnPrev:hover {
background-image: url(../images/arrow_5_on.svg);
}

.swiper-new .swiper-button-disabled,
.swiper-new .swiper-button-disabled:hover{  background: transparent;
filter:alpha(opacity=50);-moz-opacity:0.5; opacity:0.5;}