.swiper-slide-active .bg{animation: zoomIn 6s forwards}
.fp-overflow{width: 100%; height: 100%;display: table-cell;vertical-align: middle;}
@keyframes zoomIn {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.1);
  }
}

.banner .swiper-slide .content{position: absolute; left:10%;z-index: 3;top: 50%;transform: translateY(-50%); text-align: left;color: #00458E;}
.banner .swiper-slide .content .title{font-size: 48px;font-weight: 600;margin-bottom: 10px;}
.banner .swiper-slide .content .subtitle{font-size: 18px;font-weight:400;margin-bottom:55px;}
.banner .swiper-slide .content .text{font-size: 35px;font-weight:400;margin-bottom: 40px;}
.banner .swiper-slide .content .bottom{}
.banner .swiper-slide .content .bottom span{font-size: 30px;font-weight:400;color: #fff;background-color: #00458E;border-radius: 40px;padding:12px 30px 13px; display: inline-block;}

.section .commonTitle{position: absolute; left: 50%; margin-left: -150px; top: 15%;font-size: 48px;width: 300px}
.homeAppLarge .item {border-right: 1px solid #eee;cursor: pointer;}
.homeAppLarge .item .title{position: absolute; top:25%;text-align: center;width: 100%;left: 0;font-size: 18px;}
.homeAppLarge .active .title{color: #D2291F;}
.homeAppLarge .active{background-color:rgba(0,0,0,.01);transition: all 0.4s}
.homeAppLarge .item::before{content: "";position: absolute;height: 2px;width: 0;left:0;bottom: 0;background-color: #d91d17;transition: all 0.4s;display: block;}
.homeAppLarge .item.active::before{width: 100%;}

.homeAppSmall{flex-wrap: wrap;padding-top:40%;}
.homeAppSmall .item{width: 33.3%;text-align: center;padding:5px;}
.homeAppSmall .item .title{border:1px  solid #eee;border-radius: 5px; height:50px; font-size: 14px; display: flex; justify-content: center; align-items: center;padding: 0 15px;}
.homeAppSmall .active .title{color: #D2291F;}


.animatedBox{
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

/* .swiper-slide-active .animatedBox{
	opacity: 1 !important;
	transform: translateY(0px)!important;
} */

.infoContent{position: absolute;left: 50%;margin-left:-50%;top: 35%;width: 100%;}
.infoContent .item{width: 54.5%;position: absolute;left: 50%;transform: translateX(-50%); display: none;text-align: center;}

.infoContent .item.active{display: block;}
/* .infoContent .item img{ position: relative; opacity: 0;right: -100px;} */
/* .infoContent .item.active img{  opacity: 1; right: 0;} */
.infoContent .bot{width: 10px;height: 10px;background-color: #d91d17;border-radius: 50%;position: absolute;cursor: pointer;}
.infoContent .item .bot1{top: 50%;left: 34%;}

.infoContent .item .bot2{top: 42.5%;left: 47%;}
.infoContent .item .bot .bord{width: 40px;
    height: 40px;
    border: 2px solid #7d7e7e;
    border-radius: 50%;
    -webkit-animation: waterWave 2s ease-out;
    -moz-animation: waterWave 2s ease-out;
    animation: waterWave 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}


@keyframes waterWave {
  0% {
    width: 0;
    height: 0;
    opacity: 0;
  }
  50% {
    width: 20px;
    height: 20px;
    opacity: 0.5;
  }
  100% {
    width: 40px;
    height: 40px;
    opacity: 0;
  }
}
	
.tran-middle {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.infoContent .item .bot .line{width:0;height: 1px;background-color: #d91d17;position: absolute;left: 0;top: 50%;display: block;transition: all .5s ease 0s;}
.infoContent .item.active .bot .line.on{width: 25rem;}
.infoContent .item .text{width: auto;padding: 20px;position: absolute;left: 30rem;background-color: #eee;box-shadow: 20px 20px 1rem #f8f8f8;text-align: right;transform: translateY(-50%);display: none;opacity: 0;text-align: left;white-space: nowrap;font-size: 14px;}

.infoContent .item .text div{padding:5px 0;}



.infoContent .item .text.on{display: block;opacity: 1;transform: translateY(-50%);left: 25rem;transition: all .5s ease 0s;}

.section_2{background: url('../imgs/aboutBg.jpg') no-repeat center; background-size: cover;}
.sectionPro{background: url('../imgs/proBg.png') no-repeat center; background-size: cover;}

.section_2 .intro{padding-top: 100px; max-width: 1100px; margin: 0 auto; text-align: center;}
.section_2 .title{line-height: 32px;font-size: 16px;color: #fff;}
.section_2 .middleNumber{max-width: 950px;margin: 7% auto 4%;}
.section_2 .middleNumber .item{float: left;width: 25%;text-align: center;font-size: 18px;color: #fff;}
.section_2 .middleNumber .item .num{position: relative;color: #fff;font-size: 52px;margin-right: 5px; font-weight: bold; letter-spacing: -1px;}
.section_2 .middleNumber .item b{position: absolute;font-weight: normal;color: #fff;background: #D2291F;display: inline-block; padding: 2px;border-radius: 3px;font-size: 14px;display: inline-block;bottom: 12px;margin-left: 4px;}
.section_2 .middleNumber .item  p{color: #fff;font-size:18px; line-height: 27px;}
.section_2 .more{padding-top: 52px}
.section_2 .more a{color: #fff;border: 1px solid rgba(255,255,255,1);display: inline-block;padding: 13px 56px;letter-spacing: 2px;border-radius: 50px;}


.sectionNews{background: url('../imgs/bg4.png') center;}
.sectionNews .left{float: left;width: 25%; position: relative;z-index:10; position: relative; transform: translateX(-800px); opacity: 0;}
.sectionNews .left .title p{font-size: 38px;color: #333; font-weight: bold;text-transform: uppercase;}
.sectionNews .left .title span{display: inline-block;font-size: 28px;color: #333;margin-top: 5px; position: relative;}
.sectionNews .left .title span::after{content: '';width: 84px;height: 3px;background: #2e5f6e;display: block;border-right: 22px solid #d66730;margin-top: 14px;}
.sectionNews .newsNav{margin-bottom: 55px;margin-top: 60px;}
.sectionNews .newsNav a{display: inline-block;color: #666;border: 1px solid #eee;padding: 10px 0px;background:#fff;width: 150px;text-align: center;border-radius: 50px;margin-right:10px;}
.newsNav a.active,.newsNav a:hover{background:#00458E;border-color: #00458E;color: #fff !important;}


.sectionNews .right{float: right;width: 84.375%;margin-right: -10%;padding-right: 50px; position: relative;}
.sectionNews .swiper-slide{cursor: move; background: #fff; width:410px; text-align: left;margin-right: 50px !important;border-radius:20px;overflow: hidden;}
.sectionNews .swiper-slide:last-child{margin-right: 0 !important;}
.sectionNews .newsitem{ width:410px;}
.sectionNews .newsitem .pic{overflow: hidden; border-radius: 10px 10px 0 0; height: 300px;}
.sectionNews .newsitem .pic a{ height: 100%;display: flex; justify-content: center; align-items: center;}
.sectionNews .newsitem .pic img{display: block;width: 100%;transition: 0.3s ease-in-out; height: 100%;}
.sectionNews .newsitem:hover .pic img{transform: scale(1.2);-webkit-transform: scale(1.2);-ms-transform: scale(1.2);}

.sectionNews .newsitem .con{position: relative; z-index: 2;background: #fff; padding: 38px 35px 48px;}
.sectionNews .newsitem .con .date{text-align: left; display: block; color: #999; margin-bottom: 14px; font-size: 14px;}
.sectionNews .newsitem .newsTitle{padding-bottom: 3px;position: relative;}
.sectionNews .newsitem .newsTitl a{font-size: 18px;color: #333;}
.sectionNews .newsitem .in{line-height: 25px;color: #9C9C9C;font-size: 14px;margin-bottom:5%;padding: 15px 0px;}
.sectionNews .newsitem .more a{display: inline-block; padding-right: 40px;background: url(../imgs/next.png) no-repeat center right;color: #9C9C9C;font-size: 16px;transition: 0.3s ease-in-out;}
.sectionNews .newsitem:hover .more a{padding-right: 50px;}

.btnPanel{display: none;}
.btnPanel.active{display: block;}
.btnPanel button{width: 50px;height: 50px;border-radius: 50%;border:1px solid #eee;}
.btnPanel .prev{background: url(../imgs/prev.png) no-repeat center;}
.btnPanel .next{background: url(../imgs/next.png) no-repeat center;}

.swiperNews{display:none}
.swiperNews.active{display: block;}


.w90{width: 90%;margin: 0 auto;}
.sectionProIn{margin-left:5%; color: #fff;}
.sectionPro .title{ padding-bottom: 10px; font-size: 35px;}
.sectionPro .subtitle{font-size:14px;}
.swiperPro{padding-top: 30px;}
.sectionPro .swiper-slide{cursor: pointer; width:400px; text-align: left;margin-right:80px !important;border-radius:20px;overflow: hidden;}



#fp-nav.fp-right{left:30px;right: inherit;background: #fff;box-shadow: 0 0 20px rgba(0,0,0,.5); top: 60%;}


#fp-nav ul li{width: auto;margin: 0 0 10px 0;}
#fp-nav.fp-right .secondBox{ height: 120px; top: -130px; left:3px; position: absolute; width: 6px;background: rgba(0,0,0,.1);border-radius: 6px;}
#fp-nav.fp-right .secondBox::before{content: '';position: absolute;left: 0;top: 0;right: 0;display: block; height:0%;background: #696969;border-radius: 6px;}
#fp-nav.fp-right.fp-type-2 .secondBox::before,
#fp-nav.fp-right.fp-type-4 .secondBox::before,
#fp-nav.fp-right.fp-type-5 .secondBox::before{
	background: #fff;
}


#fp-nav.fp-right.fp-type-2 .secondBox,
#fp-nav.fp-right.fp-type-5 .secondBox,
#fp-nav.fp-right.fp-type-4 .secondBox{
	background: rgba(255,255,255,.2);
}


#fp-nav.fp-right .secondBox.active::before{  animation: animate 10s linear forwards;}
#fp-nav.fp-right .secondBox .count{ position: absolute; top: -30px;left: 50%;transform: translateX(-50%);}
#fp-nav ul li a span{width: 12px !important; height:12px !important;margin: 0 !important;background: none;border:1px solid rgba(0,0,0,.2)}
#fp-nav ul li a.active span{background:#696969;}

#fp-nav.fp-right.fp-type-2 ul li a.active span,#fp-nav.fp-right.fp-type-4 ul li a.active span,#fp-nav.fp-right.fp-type-5 ul li a.active span{background:#fff;}


#fp-nav.fp-right.fp-type-2 .secondBox .count,
#fp-nav.fp-right.fp-type-4 .secondBox .count,
#fp-nav.fp-right.fp-type-5 .secondBox .count{
	color: #fff;
}

#fp-nav.fp-type-2 ul li a span,#fp-nav.fp-type-4 ul li a span,#fp-nav.fp-type-5 ul li a span{border-color: #fff;}

@keyframes animate {
  0% {
    height: 0%;
  }
  
  100% {
    height: 100%;
  }
}






@media (max-width: 1680px){
	.header .nav li {font-size: 14px; margin-left: 10px;margin-right: 10px;}
	.header .logo{padding-left: 20px;}
	.navRight{padding-right: 10px;}
	
}

@media (max-width: 1440px){
 /* .header .nav li{margin-left: 15px;margin-right: 15px;} */
 .header .logo{padding-left: 40px;}
 .navRight{padding-right: 40px;}
 .intro-img{width: 100%;}
 .aboutText .image{padding-top: 50px;}
 
 .product2Box .item{width: 50%;}
 
 .cur .tech-detail img{width: auto;}
 .tech-detail .tech-box-image{padding-top:30px;} 
 .detail{width: 80%;}
 .header .nav li {font-size: 14px; margin-left: 10px;margin-right: 10px;}
 .header .logo{padding-left: 20px;}
 .navRight{padding-right: 10px;}
 
 .sectionNews .swiper-slide,.sectionNews .newsitem{width:350px;}
 .sectionNews .newsitem .pic{height: 250px;}
 .sectionNews .newsitem .con{padding: 28px 25px 38px;}
}


@media (max-width: 1600px){
	.w1600{max-width: 1400px;}
	.w1400{max-width: 1200px;}
	
	
}


@media (max-width: 1440px){
	.w1600{max-width: 1200px;padding-left:30px;padding-right:30px;}
	.w1400{max-width: 1200px;padding-left:30px;padding-right:30px;}
	.header .nav li{margin-left: 20px;margin-right: 20px;}
}


@media (max-width: 1200px){
 .header .nav li{margin-left: 15px;margin-right: 15px;}
 .header .logo{padding-left: 20px;}
 .navRight{padding-right: 20px;}
 .header .logo img{ height: 40px;}
 .picList li{margin-bottom: 50px;}
}

@media (max-width: 768px){
	.m-block{display: block;}
	.pc-block {display: none;}
	.header{ height: 60px;}
	.header .nav{display: none;}
	.header .logo{padding-left: 10px; height:60px;}
	.header .logo img{height:30px ;}
	.banner .swiper-slide .content{ text-align: center;left: 0 ;right:0;margin-top: 50px;}
	.banner .swiper-slide .content .title{font-size: 24px ;}
	.banner .swiper-slide .content .subtitle{ font-size: 12px ;margin-bottom: 40px ;}
	.banner .swiper-slide .content .text{font-size: 18px ;}
	.banner .swiper-slide .content .bottom span{font-size: 16px ;}
	.section .commonTitle{font-size: 26px;top: 10%;}
	.headerFixedIndex{background: none;box-shadow: none;padding: 10px;}
	.infoContent{top:45% ;}
	.infoContent .item{width: 90%;}
	/* .infoContent .item.active .bot .line.on{width:5rem;} */
	/* .infoContent .item .bot2{width: 100%;left: 0; right: 0;} */
	.infoContent .item .text{width: 300px;white-space:normal;}
	.infoContent .item .text div{width: 50%;display: inline-block;}	
	.infoContent .item .text.on{left: 50%;transform: translateX(-50%); background: none; width: 300px;border:1px solid #eee;padding: 10px;border-radius: 5px; top: 100px;display: flex; flex-wrap: wrap;}
	.infoContent .item.active .bot .line.on{height: 6rem;width: 1px;left: 4px;transition: height .5s ease 0s;}
	.section_2 .intro{padding: 20% 20px 0;}
	.section_2 .middleNumber .item{width: 50%;margin-bottom: 15px;}
	.section_2 .middleNumber .item:nth-child(2n-1){width: 40%;}
	.section_2 .middleNumber .item .num{font-size: 36px;}
	.section_2 .middleNumber .item p{font-size: 14px;}
	.section_2 .more a{padding: 10px 30px;}
	.section_2 .title{text-align: left;font-size: 14px;}
	
	.sectionNews{background-position: left top;}
	.sectionNews .left,.sectionNews .right{width: 100%;float: none;padding:0 20px;}
	.sectionNews .left{padding:20% 30px 20px;}
	.sectionNews .left .title p{font-size: 24px;}
	.sectionNews .left .title span{font-size: 16px;}
	.sectionNews .newsNav{margin-top: 25px;margin-bottom: 10px;}
	.sectionNews .swiper-slide,.sectionNews .newsitem{width: 300px;}
	.sectionNews .newsitem .pic{ height: 160px;}
	.sectionNews .swiper-slide{margin-right: 25px !important;}
	.sectionNews .newsitem .con{padding: 20px;}
	.sectionNews .newsNav a{width: 120px;padding: 5px 0;}
	.btnBox{display: none;}
	.sectionNews .newsitem .in{padding:0;}
	.section_2 .more{padding-top: 30px;}
	.sectionPro .title{font-size: 24px;}
	.sectionPro .swiper-slide{width: 300px;margin-right: 25px !important;border-radius:20px;}
	.sectionFooter .footer{padding: 40px 0;}
	.sectionFooter .footer .left{width: 100%; text-align: center;}
	.sectionFooter .footer .left .logo img{height: 40px;;}
	.sectionFooter .footer .left .tel{color: #00458E;}
	.copyright{ font-size: 14px;}
	#fp-nav.fp-right {transform: scale(0.7);  top: 45%; }
}