@import url(style.css);
@import url(swiper.min.css);
@import url(pscroll.css);
@import url(aos.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-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;  letter-spacing:4px; line-height:1;}
.banner .text .h3{ font-weight:normal; margin-top:9%;}
.banner .text .desc{ max-width:1020px; margin:0 auto; margin-top:3%; overflow:hidden;  font-style:normal; letter-spacing:15px; line-height:1.6;}
.banner .text .small { font-size: 30px;}
.banner .swiper-pagination { width: 100%;bottom: 30px; transition-duration: 0.4s;-webkit-transition-duration: 0.4s; -moz-transition-duration: 0.4s-ms-transition-duration: 0.4s;-o-transition-duration: 0.4s;}
.banner .swiper-pagination.gao {bottom: 380px;}
.banner .swiper-pagination .swiper-pagination-bullet { width: 20px; height: 20px; background:url(../images/dian.png) center center no-repeat; background-size:100% 100%;opacity: 1; margin: 0 8px; border-radius:0;}
.banner .swiper-pagination .swiper-pagination-bullet-active { background:url(../images/dian_on.png) center center no-repeat; 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;
}
/*.banner_box{ max-width:1400px; width:96%; margin:0 auto; position:relative;}
.banner_page{ position:absolute; right:0; color:#fff; font-size:16px; font-family:Arial; z-index:10; bottom:30px;}
.banner_page .current{ font-size:20px;}*/
.adicon{ display:block; margin:0 auto; margin-top:5%;width:68px; height:141px;/* position:absolute; left:50%; bottom:40px;*/background:url(../images/i_pic1.png) center  top no-repeat; background-size:100% 100%; /*z-index:10; cursor:pointer;*/animation: ani-svg 2s linear 0s alternate infinite;
-webkit-animation: ani-svg 2s linear 0s alternate infinite;/*margin-left:-13px;*/ font-size:12px; color:#fff; text-align:center; position:relative;}
.adicon span{ line-height:20px; height:20px; display:block; position:absolute; width:68px; bottom:0; left:50%; margin-left:-30px; font-style:normal;}

/*十三年展馆领域深耕*/
.i_title{ margin-top:5%; overflow:hidden; text-align:center;}
.i_title .span{ text-transform:uppercase; color:#e1e1e1; display:block; line-height:1.2; font-weight:lighter;}
.i_title .h3{ font-weight:normal; line-height:1.3; color:#666666; overflow:hidden; margin-top:0.5%; letter-spacing:8px;}
.i_title .p{ color:#ababab; overflow:hidden; font-size:15px; line-height:1.6; margin-top:1.5%;}
.i_ico{ border-bottom:1px solid #e5e5e5; overflow:hidden; margin-top:2.5%; padding-top:13px; padding-bottom:13px; margin-bottom:2.5%;}
.i_ico ul li{ float:left; width:16.66%; overflow:hidden; text-align:center; position:relative;}
.i_ico ul li:after{ content:""; position:absolute; height:90%; top:5%; right:0; width:1px; background:#e5e5e5;}
.i_ico ul li:last-child:after{ width:0;}
.i_ico ul li .box{ display:inline-block; text-align:left; overflow:hidden;}
.i_ico ul li .h4{ height:34px; line-height:34px; overflow:hidden; padding-left:46px; background-repeat:no-repeat; background-position:left center; background-size:35px 34px; font-size:17px; color:#666666; margin-top:3px;}
/*.i_ico ul li:hover .h4{ color:#da251e;}*/
.i_ico ul li .h4.bgs1{ background-image:url(../images/i_ico1.png);}
.i_ico ul li .h4.bgs2{ background-image:url(../images/i_ico2.png);}
.i_ico ul li .h4.bgs3{ background-image:url(../images/i_ico3.png);}
.i_ico ul li .h4.bgs4{ background-image:url(../images/i_ico4.png);}
.i_ico ul li .h4.bgs5{ background-image:url(../images/i_ico5.png);}
.i_ico ul li .h4.bgs6{ background-image:url(../images/i_ico6.png);}
/*.i_ico ul li:hover .h4.bgs1{ background-image:url(../images/i_ico1_1.png);}
.i_ico ul li:hover .h4.bgs2{ background-image:url(../images/i_ico2_1.png);}
.i_ico ul li:hover .h4.bgs3{ background-image:url(../images/i_ico3_1.png);}
.i_ico ul li:hover .h4.bgs4{ background-image:url(../images/i_ico4_1.png);}
.i_ico ul li:hover .h4.bgs5{ background-image:url(../images/i_ico5_1.png);}
.i_ico ul li:hover .h4.bgs6{ background-image:url(../images/i_ico6_1.png);}*/
.i_ico ul li .span{ display:block; overflow:hidden; height:22px; line-height:22px; margin-top:2px; font-size:14px; color:#ababab;}
.i_ul{ overflow:hidden; margin-top:-1%;}
.i_ul li{ float:left; width:49%; margin-top:2%; overflow:hidden;}
.i_ul li:nth-child(2n+0){ float:right;}
.i_ul li .imgs{ position:relative; overflow:hidden; padding-top:56.35%;}
.i_ul li .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%; /*background:rgba(237,237,237,0.1);*/background: rgba(3,3,3,0.7);opacity:0;filter:Alpha(opacity=0);transition: all 0.3s;}
.i_ul li:hover .imgs:after{opacity:1.0;filter:Alpha(opacity=100);transition-delay: 0.2s;}
.i_ul li .imgs img{display: block;width: 100%; height:100%; position:absolute; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s;/*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/}
.i_ul li:hover .imgs 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);/*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/}
.i_ul li .txts{ position:absolute; left:2%; top:50%;  margin-top:-60px;width:96%; z-index:1;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0); text-align:center;}
.i_ul li:hover .txts{opacity:1.0;filter:Alpha(opacity=100);transition-delay: 0.6s; }
.i_ul li .txts .h3{ color:#fff; font-weight:normal; margin-bottom:3%; overflow:hidden; line-height:1.3; letter-spacing:8px;}
.i_ul li .txts i{ display:block; margin:0 auto; width:50px; height:50px; background:url(../images/i_bg4.png) no-repeat; background-size:100% 100%;transition:all 0.3s;transition-delay: 0.6s;}
.i_ul li:hover .txts i{transform: rotate(360deg);}
/*一体化科技布展*/
.i_bg1{ overflow:hidden; background:url(../images/i_bg1.jpg) right top no-repeat; background-size:cover;}
.i_about{ overflow:hidden; margin-top:3.5%;}
.i_about .imgs{ float:left; overflow:hidden; width:682px; margin-right:3%; position:relative;}
.i_about .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.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_about .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_about .txts{ overflow:hidden;}
.i_about .txts .p{ overflow:hidden; color:#868686; font-size:16px; line-height:32px;}
.i_about .counter{ overflow:hidden; text-align:center; margin-top:7%;}
.i_about .counter ul li{ display:inline-block; vertical-align:top; padding-right:6%; margin-right:6%; transition:all 0.3s; position:relative; text-align:center; }
.i_about .counter ul li:after{ content:""; position:absolute; right:0; top:50%; margin-top:-24px; height:48px; width:1px; background:#eeeeee;}
.i_about .counter ul li:last-child:after{ width:0;}
.i_about .counter ul li:last-child{ margin-right:0; padding-right:0;}
.i_about .counter ul li .txts2{}
.i_about .counter ul li .nums{ overflow:hidden; color:#333; line-height:1;}
.i_about .counter span{display:inline-block; vertical-align:top; overflow:hidden; letter-spacing:1px; color:#666666; font-weight:lighter;}
.i_about .counter label{display:inline-block;vertical-align:top; margin-top:-5%; line-height:2;font-weight:500; font-size:14px; color:#868686;  }
.i_about .counter .h6{ font-weight: normal; font-size:14px;  overflow:hidden; line-height:24px; height:24px;  white-space:nowrap;text-overflow:ellipsis; margin-top:2px; margin-bottom:6px; color:#ababab;}
.i_about .counter ul li:hover{-webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.i_about .i_about_ul{ clear:both;margin-top:6%; overflow:hidden; font-size:14px;}
.i_about .i_about_ul li{ float:left; width:32%; margin-right:2%; overflow:hidden; margin-bottom:2%;}
.i_about .i_about_ul li:nth-child(3n+0){ margin-right:0;}
.i_about .i_about_ul li span{ background:url(../images/i_bg2.png) 16px center no-repeat; line-height:34px; height:34px; padding-left:38px; background-size:13px 13px; overflow:hidden; display:block; border:1px solid #e4e4e4; color:#777777;transition:all 0.3s;}
.i_about .i_about_ul li:hover span{ color:#da251e; background-image:url(../images/i_bg2_on.png); border-color:#da251e;}
/*产品视频*/
.productDetails .video-play{ cursor:pointer; width:100%; height:100%; transition:all 0.3s; position:absolute; top:0%; left:0; background:url(../images/video_pic1.png) center center rgba(0,0,0,0.2) no-repeat; background-size:64px 64px; cursor:pointer; }
.productDetails .video-play:hover{ background-size:70px 70px; background-color:rgba(0,0,0,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;}
@media screen and (max-width:1440px) {
/*轮显*/
.adicon{ width:59px; height:121px;}
/*一体化科技布展*/
.i_about .counter ul li{ padding-right:5%; margin-right:5%; }
.i_about .i_about_ul{ font-size:13px;}
.i_about .i_about_ul li span{ background-position:8px center; padding-left:30px;}

}
@media screen and (max-width:1360px) {
/*一体化科技布展*/
.i_about .counter{ margin-top:3%;}
.i_about .counter ul li{ float:left; width:25%;padding-right:0%; margin-right:0%; }
.i_about .imgs{ margin-right:2%;}
.i_about .i_about_ul{ margin-top:1%;}
.i_about .i_about_ul li{ width:49%;}
.i_about .i_about_ul li:nth-child(3n+0){ margin-right:2%;}
.i_about .i_about_ul li:nth-child(2n+0){ margin-right:0;}
.i_about .txts .p{ line-height:24px; font-size:15px;}
}
@media screen and (max-width:1200px) {
/*十三年展馆领域深耕*/
.i_title .h3{ font-size:24px;}
.i_title .p{ font-size:14px;}
.i_ico ul li .span{ font-size:13px;}
.i_ul li .txts{ margin-top:-50px;}
.i_ul li .txts i{ width:40px; height:40px;}
/*一体化科技布展*/
.i_about .imgs{ width:650px;}
.i_about .txts .p{ font-size:14px;}
.i_about .counter .h6{ font-size:13px;}
.i_about .counter label{ font-size:13px;}
.i_about .i_about_ul li span{ height:30px; line-height:30px;}

}
@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: 20px; height:20px;margin: 0 5px;}
/*.banner_page{bottom:25px; font-size:15px;}
.banner_page .current{ font-size:18px;}*/
.adicon{ width:50px; height:102px;}
/*十三年展馆领域深耕*/
.i_ul li .txts .h3{ letter-spacing:4px;}
.i_ico ul li{ width:33.33%;}
.i_ico ul li:nth-child(1),.i_ico ul li:nth-child(2),.i_ico ul li:nth-child(3){ margin-bottom:2%;}
/*一体化科技布展*/
.i_about .counter{ margin-top:3%; overflow:visible;}
.i_about .counter .h6{ font-size:14px;}
.i_about .counter ul li .nums{ line-height:normal; overflow:visible;}
.i_about .counter span{ font-size:30px;}
.i_about .imgs{ float:none; width:100%; margin-right:0;}
.i_about .txts{ margin-top:3%;}
/*一体化科技布展*/
.i_about .i_about_ul{ display:none;}

}
@media screen and (max-width:960px) {
/*十三年展馆领域深耕*/
.i_title .h3{ font-size:22px; margin-top:1%;}
.i_title .p{ font-size:13px;}
.i_ico{ margin-top:3%; margin-bottom:3%;}

}


@media screen and (max-width: 780px) {
/*轮显*/
.banner .swiper-pagination { bottom:20px;}
.banner .swiper-pagination .swiper-pagination-bullet {width: 16px; height:16px;margin: 0 3px;}
/*.banner_page{bottom:20px; font-size:14px;}
.banner_page .current{ font-size:17px;}*/
.adicon{ width:44px; height:90px;}
.banner .text .desc{ font-size:10px; letter-spacing:10px;}
/*十三年展馆领域深耕*/
.i_title .h3{ font-size:20px;}
.i_ico ul li .h4{ font-size:16px;}
.i_ul li .txts{ margin-top:-40px;}
/*一体化科技布展*/
.i_about .counter label{ font-size:13px;}
.i_about .counter .h6{ font-size:13px;}
.i_about .counter span{ font-size:26px;}
}
@media screen and (max-width: 640px) {
/*轮显*/
.adicon{ width:40px; height:82px; display:none;}
.banner .text .desc{ margin-bottom:40px;}
/*十三年展馆领域深耕*/
.i_title .h3{ font-size:18px; margin-top:1.5%; letter-spacing:4px;}
.i_title .p{ font-size:12px;}
.i_ico ul li{ width:50%;}
.i_ico ul li:nth-child(4){ margin-bottom:2%;}
.i_ul li .txts{opacity: 1.0!important; filter: Alpha(opacity=100!important); margin-top:0; bottom:0; top:auto; height:auto;}
.i_ul li .txts i{ display:none;}
.i_ul li .imgs:after{opacity: 1.0;filter: Alpha(opacity=100); height:40px; bottom:0; top:auto;}
/*一体化科技布展*/
.i_about{ margin-top:4%;}
.i_about .txts .p{ display:none;}
.i_about .counter{ margin-top:4%; display:none;}
.i_about .counter ul li{ width:49%; text-align:center; margin-bottom:2%;}
.i_about .counter ul li:nth-child(2):after{ width:0;}
.i_about .i_about_ul{ margin-top:2%;}

/*产品视频*/
.productDetails .video-play{background-size: 50px 50px;}
.productDetails .video-play:hover{background-size: 55px 55px;}
}

@media screen and (max-width: 480px) {
/*轮显*/
.banner .swiper-pagination { bottom:15px;}
.banner .text .desc{ letter-spacing:5px;}
/*.banner_page{bottom:15px; font-size:13px;}
.banner_page .current{ font-size:16px;}*/
.adicon{ width:30px; height:61px;}
.adicon span{ bottom:-5px;}
/*十三年展馆领域深耕*/
.i_title{ margin-top:6%;}
.i_ico ul li .h4{ height:30px; line-height:30px; background-size:31px 30px; padding-left:38px; font-size:15px;}
.i_ico ul li .span{ font-size:12px;}
.i_ul li{ float:none; width:100%; }
.i_ul li:nth-child(2n+0){ float:none;}
.i_ul li .txts{ margin-top:-30px;}
.i_ul li .txts .h3{ margin-bottom:5px; margin-top:5px;height:22px; line-height:22px; overflow:hidden; letter-spacing:2px; font-size:13px;}
.i_ul li .txts i{ width:30px; height:30px;}
.i_ul li .imgs:after{ height:38px;background: rgba(3,3,3,0.5);}
/*产品视频*/
.productDetails .video-play{background-size: 44px 44px;}
.productDetails .video-play:hover{background-size: 47px 47px;}
}

@media screen and (max-width: 420px) {
/*一体化科技布展*/
.i_about .counter .h6{ font-size:12px;}
.i_about .counter label{ font-size:12px;}
/*十三年展馆领域深耕*/
.i_ul li .txts .h3{ font-size:12px;}
}

@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);}
}
@keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  transform: translateY(15px);
	}
}
@-webkit-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -webkit-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -webkit-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -webkit-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -webkit-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -webkit-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -webkit-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -webkit-transform: translateY(15px);
	}
}
@-moz-keyframes ani-svg{
	0%{
	  opacity: 0.4;
	  -moz-transform: translateY(-20px);
	}
	15%{
	  opacity: 0.65;
	  -moz-transform: translateY(-15px);
	}
    25%{
      opacity: 0.8;
	  -moz-transform: translateY(-10px);
	}
    50%{
      opacity: 1;
	  -moz-transform: translateY(0px);
	}
	65%{
	  opacity: 0.8;
	  -moz-transform: translateY(5px);
	}
	75%{
	  opacity: 0.65;
	  -moz-transform: translateY(10px);
	}
	100%{
	  opacity: 0.4;
	  -moz-transform: translateY(15px);
	}
}