@import url(style.css);
@import url(swiper.min.css);
@import url(pscroll.css);
/*轮显*/
.banner{ width: 100%; overflow:hidden; position:relative;}
.banner .swiper-container{/* width: 100%; height: 100%; position: absolute; z-index: 1; top: 0;left: 0; right: 0;bottom: 0;*/}
.banner .lzpic1,
.banner .lzpic2 { width: 100%;height: 100%; background: no-repeat center; background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
.banner .text { max-width: 1400px; width: 96%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); z-index: 10; font-size: 50px;font-weight:normal; color: #fff; -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=45, Color=#989898)"; text-shadow: -2px 2px 6px rgba(152, 152, 152, 0.8); filter: progid:DXImageTransform.Microsoft.Shadow(Strength=6, Direction=135, Color=#989898); padding: 0 20px; text-align:center; line-height:1.1;}
.banner .text .desc{ margin-top:1.6%; overflow:hidden; font-weight:lighter; position:relative; padding-bottom:4%; margin-bottom:5%;}
.banner .text .desc:after{ content:""; position:absolute; width:72px; height:4px; background:#fff; left:50%; margin-left:-36px; bottom:0;}
.banner .text .small { font-size: 30px;}
.banner .swiper-pagination { width: 100%;bottom: 35px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s; display:none;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width:42px; height: 3px; background:#fff; background-size:100% 100%;opacity: 1; margin: 0 6px; border-radius:0;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:#911176; background-size:100% 100%; }
.lzpic1{transition:all 0.3s;}
.lzpic1 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner:hover .lzpic1{transform:scale(1.01, 1.01);}
.lzpic2 { display: none;}
.lzpic2 img{ width:100%;opacity:0;filter:Alpha(opacity=0);}
.banner .anim-1,.banner .anim-4{filter:alpha(opacity=0);opacity:0; }
.banner .swiper-slide-active .anim-1{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.2s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.2s;}
.banner .swiper-slide-active .anim-4{animation:mymove6 0.6s; -webkit-animation:mymove6 0.6s linear;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	animation-delay:0.8s;

	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards; 
	-webkit-animation-delay:0.8s;
}
.swiper-button-next, .swiper-button-prev{ width:41px; height:41px; background-size:41px 41px; margin-top:-20px; outline:none;}
.swiper-button-next{ background-image:url(../images/right.png); right:40px;}
.swiper-button-next:hover{ background-image:url(../images/right_on.png);}
.swiper-button-prev{ background-image:url(../images/left.png); left:40px;}
.swiper-button-prev:hover{ background-image:url(../images/left_on.png);}
/*视频*/
.i_one .video-play{ cursor:pointer; width:100%; height:100%; transition:all 0.3s; position:absolute; top:0%; left:0; background:url(../images/i_pic1.png) center center rgba(0,0,0,0.1) no-repeat; background-size:52px 52px; cursor:pointer; }
.i_one .video-play:hover{ background-size:60px 60px; background-color:rgba(117,197,181,0); }

.video-large-wrap{display:none;position:absolute;width:100%;height:100%;left:0;top:0;z-index:200;background:#fff}
.video-large-wrap #video-close{position:absolute;top:30px;right:30px;z-index:1;cursor:pointer;width:25px;height:25px;line-height:25px;text-align:center;border-radius:25px 25px;background:rgba(255,255,255,0.4); z-index:1; display:block; display:none;}
.video-large-wrap #video-close i{font-size:24px;color:#252525; width:25px; height:25px; background:url(../images/c10.png) center center no-repeat; background-size:100% 100%; display:block;}
.video-large-wrap video{position:absolute;width:100%;height:100%; top:0; left:0; background:#000;}
/*新闻*/
.i_one{ overflow:hidden; margin-top:8%; margin-bottom:8%;}
.i_one .imgs{ float:left; overflow:hidden; width:50%; position:relative; z-index:1;}
.i_one .imgs img{display: block;width: 100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.7s ease-out 0s; -moz-transition:all 0.7s ease-out 0s; -o-transition:all 0.7s ease-out 0s; transition:all 0.7s ease-out 0s;}
.i_one .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_one .txts{ width:48%; overflow:hidden; float:right; max-width:495px;font-size:14px; line-height:26px;}
.i_one .txts .h3{ font-weight:normal; overflow:hidden; line-height:20px; height:20px;white-space:nowrap;text-overflow:ellipsis; font-size:18px;}
.i_one .txts .h3 span{ color:#00598a;}
.i_one .txts .ul{ overflow:hidden; margin-top:2%; margin-bottom:8%;}
.i_one .txts .ul li{ display:block; overflow:hidden; border-bottom:1px solid #eeeeee; padding-top:5%; padding-bottom:5%;}
.i_one .txts .ul li .p{ overflow:hidden;white-space:nowrap;text-overflow:ellipsis; line-height:24px; height:24px;}
.i_one .txts .ul li em{ color:#999999; font-style:normal; float:left; width:125px; overflow:hidden;transition:all 0.3s;}
.i_one .txts .ul li a{ color:#000000;}
.i_one .txts .ul li a:hover{ color:#00598a;}
.i_one .txts .ul li a:hover em{ margin-right:3px;}
.i_one .txts .imore{ float:left; padding-right:27px; text-transform:uppercase; color:#333333; font-size:14px; background:url(../images/i_pic2.png) right center no-repeat; line-height:1;transition:all 0.3s;}
.i_one .txts .imore:hover{color:#00598a; padding-right:30px; background-image:url(../images/i_pic2_on.png);}
/*静电纺丝*/
.i_title{ text-align:center; overflow:hidden; margin-top:5%;}
.i_two{ overflow:hidden; background:url(../images/i_bg1.jpg) center center no-repeat; background-size:cover;}
.i_two .wrap{ margin-bottom:6%; margin-top:2%;}
.i_two ul{ overflow:hidden; display:block; margin-top:4%;}
.i_two ul li{ display:block; overflow:hidden; position:relative; background:#fff;}
.i_two ul li .imgs{ float:left; width:50%;  overflow:hidden;}
.i_two ul li:nth-child(2) .imgs{ float:right;}
.i_two ul li .imgs img{  width:100%;  display:block;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}
.i_two ul li .imgs:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.i_two ul li .txts{ overflow:hidden; position:absolute; height:100%; right:0; top:0; width:50%;display: flex;justify-content: left; align-items: center;}
.i_two ul li .txts .cons{  max-width:550px; width:94%; margin:0 auto; position:relative;}
.i_two ul li .txts .cons:after{ content:"01"; position:absolute; bottom:-20px; right:0; color:#f2f2f2; font-size:70px; font-weight:bold; font-family:"微软雅黑"; line-height:1;}
.i_two ul li:nth-child(2) .txts .cons:after{ content:"02";}
.i_two ul li:nth-child(2) .txts{ left:0; right:auto;}
.i_two ul li .txts .cons .boxs{ max-width:516px; width:96%; margin:0 auto; overflow:hidden; margin-top:3%; margin-bottom:3%;}
.i_two ul li .txts .p{ overflow:hidden; line-height:26px; color:#666666; font-size:15px;}
.i_two ul li .txts .p p{ overflow:hidden; margin-bottom:5%;}
.i_two ul li .txts .imore{ float:left; padding-right:27px; text-transform:uppercase; color:#333333; font-size:14px; background:url(../images/i_pic2.png) right center no-repeat; line-height:1;transition:all 0.3s; margin-top:1%;}
.i_two ul li .txts .imore:hover{color:#00598a; padding-right:30px; background-image:url(../images/i_pic2_on.png);}

@media screen and (max-width:1440px) {
/*轮显*/
.swiper-button-next{right:20px;}
.swiper-button-prev{ left:20px;}
/*新闻*/
.i_one .txts .ul li{ padding-top:4.5%; padding-bottom:4.5%;}
}
@media screen and (max-width:1360px) {
/*新闻*/
.i_one .txts .ul li{ padding-top:4%; padding-bottom:4%;}

}
@media screen and (max-width:1200px) {
/*新闻*/
.i_one .txts .ul{ margin-top:3%;}
.i_one .txts .ul li{ padding-top:3%; padding-bottom:3%;}
/*静电纺丝*/
.i_two ul li .txts .p{ font-size:14px; line-height:24px;}
.i_two ul li .txts .p p{ margin-bottom:3%;}
}
@media screen and (max-width:1100px) {
/*轮显*/
.lzpic2{display: block;}
.lzpic1{display: none;}
.banner .swiper-container{ position:static;}
.banner .swiper-pagination { bottom:25px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 36px;margin: 0 5px;}
.swiper-button-next{right:10px;}
.swiper-button-prev{ left:10px;}
/*新闻*/
.i_one .txts .ul{ margin-top:2%; margin-bottom:7%;}
.i_one .txts .ul li{ padding-top:2.5%; padding-bottom:2.5%;}
.i_one .txts .ul li em{ width:100px;}
/*静电纺丝*/
.i_two ul li .txts .p{ line-height:22px;}
.i_two ul li .txts .p p{ margin-bottom:2%;}
}
@media screen and (max-width:960px) {
/*新闻*/
.i_one .txts .ul{ margin-bottom:6%;}
.i_one .txts .ul li{ padding-top:2.2%; padding-bottom:2.2%;}
/*静电纺丝*/
.i_two ul li .imgs{ float:none; width:100%;}
.i_two ul li .txts{ position:static; width:100%; margin-top:2%; margin-bottom:2%;}
.i_two ul li .txts .cons{ max-width:none; width:96%; overflow:hidden;}
.i_two ul li .txts .cons .boxs{ max-width:none; width:98%;}
.i_two ul li .txts .cons:after{ bottom:0; font-size:60px;}
}


@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 30px; height:2px;margin: 0 3px;}
/*新闻*/
.i_one .imgs{ float:none; width:100%;}
.i_one .txts{ float:none; width:100%; max-width:none; margin-top:4%;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.banner .text .desc{ margin-top:2%; padding-bottom:5%;}
/*视频*/
.i_one .video-play{background-size: 50px 50px;}
.i_one .video-play:hover{background-size: 55px 55px;}
/*静电纺丝*/
.i_two ul li .txts .p{ font-size:13px;}
.i_two ul li .txts .cons:after{  font-size:50px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.swiper-button-next, .swiper-button-prev{ width:32px; height:32px;background-size: 32px 32px;}
.banner .swiper-pagination { bottom:15px;}
.banner .text .desc{ margin-top:3%; padding-bottom:6%;}
/*视频*/
.i_one .video-play{background-size: 44px 44px;}
.i_one .video-play:hover{background-size: 47px 47px;}
/*新闻*/
.i_one .txts{ margin-top:5%; font-size:13px;}
.i_one .txts .h3{ font-size:16px;}
.i_one .txts .ul li em{ width:90px;}
.i_one .txts .imore{ font-size:13px;}
/*静电纺丝*/
.i_two ul li .txts .imore{ font-size:13px;}
.i_two ul li .txts{ margin-top:4%; margin-bottom:4%;}
.i_two ul li .txts .cons:after{  font-size:40px;}
}

@media screen and (max-width: 420px) {


}

@keyframes mymove6
{
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}

@-webkit-keyframes mymove6
{
	/*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}
	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/
	from {filter:alpha(opacity=0);opacity:0;  -webkit-transform: translateY(100px) translateX(0);
  -moz-transform: translateY(60px) translateX(0);
  transform: translateY(60px) translateX(0);
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;}
	to { filter:alpha(opacity=100);opacity:1; -webkit-transform: translateY(0px) translateX(0);
  -moz-transform: translateY(0px) translateX(0);
  transform: translateY(0px) translateX(0);}
}