html{font-size: 6vw;}
body{font-size: .3rem;}
.head{height: 1rem;}
.head .warp{max-width:none;height: 100%;}
/* .head .logo a{width: 2rem;height: .8rem;} */
.head .nav li{padding: 0 .15rem;}
.head .nav li a.t{font-size: .2rem;}
.head .search{width: .28rem;height: .28rem;}
.head .search img{width:50%;}

.head .nav li.hover a.t:after, .head .nav li.active a.t:after{bottom:20%;}
.head .logo a img{opacity: 0;}
.footer{padding-top: .5rem;}
.footer .warp{width: 100%;box-sizing: border-box;padding:0 2rem;}
.footer .item h2 ,.footer .sel h2{font-size: .2rem;line-height: auto;padding-bottom: .1rem;}
.footer .item a{font-size: .16rem;}
.footer .sel h2{padding-bottom: .1rem;}
.footer .sel .aboutus .codeimg{width: 1.1rem;}
.footer .cen{font-size: .14rem;padding:.2rem 0;}
.footer .cen a{display: flex;}
.footer .cen a img{width: .16rem;}
.fp-controlArrow.fp-next,.fp-controlArrow.fp-prev{border:none;}
.inPage1  .fp-tableCell{display: block;}
.banner{height: 100%;width:100%;overflow: hidden;}
.banner .wrap{color: #fff;padding-bottom: 40px;position: relative;z-index: 2;text-align: center;text-shadow: 0  1px 15px rgba(0,0,0,.3);}
.banner .wrap p{/* font-size: 18px; */font-size:.26rem;transition: .8s .6s;opacity: 0;transform: translateX(100px);}
.banner .wrap h2{/* font-size:48px; */font-size:.65rem;font-weight: 600;padding:20px 0 ;transition: .8s .4s;opacity: 0;transform: translateX(100px);width: 100%;text-align: left;}
.banner .wrap h2 b{font-size: .5rem;display: block;}
.banner .wrap h3{font-weight: 300;font-size:48px;transition: .8s .8s;opacity: 0;transform: translateX(100px);}
.banner .swiper-slide-active .wrap p,.banner .swiper-slide-active .wrap h2,.banner .swiper-slide-active .wrap h3{transform: translateX(0);opacity: 1;}
.banner .swiper-slide{width: 100%;height:100%;display: flex;justify-content: center;align-items: center;position: relative;}

.banner .swiper-slide .bgimg{width: 100%;height: 100%;background: no-repeat center;background-size: cover;position: absolute;left: 0;top: 0;z-index: 0;}
.banner .swiper-slide-active{background-size: 150%;}
.banner .swiper-button-next,.banner .swiper-button-prev{width:.45rem;height: .45rem;background: transparent;right:2.3rem;left:auto;bottom:1.5rem;top:auto;border-radius: 50%;border:2px solid rgba(255,255,255,.8);}
.banner .swiper-button-prev{right:2.9rem}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: .2rem;color: #fff;}
.banner .swiper-button-prev:hover,.banner .swiper-button-next:hover{background: rgba(255,255,255,.4);}

.banner .swiper-pagination {bottom: 100px;width:1200px;left: 50%;margin-left: -600px;text-align: left;}
.banner .swiper-pagination-bullet{width: 30px;height: 10px;background: #fff;border-radius: 0;margin:0 !important;}
.banner .swiper-pagination-bullet-active{margin:0;}
.banner .videowrap{position: absolute;top: 0;left: 0;z-index: 99;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.displayTable{display: table;}
.displayTableCell{display: table-cell;vertical-align: middle;}
.bannerbg{display: block;position: absolute;z-index: 0; left: 0;top: 0;width: 100%;height: 100%;background: no-repeat center;background-size: cover;transform: scale(1.03); animation: bgfd 2.6s .15s forwards;}
.pb_info{position: absolute;bottom:0;left:0;width: 100%;background-color: rgba(14, 41, 62, .8);/* height:100px; */z-index: 999;}
.pb_info .warp{display: flex;height: 100%;}
.pb_info .item{width: 33.3%;height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;position: relative;}
.pb_info .item:after{content:'';width: 2px ;height: 40px;background:rgba(255,255,255,.2);position: absolute;right:0;top:50%;margin-top: -20px;display: block;}
.pb_info .item:last-child:after{display: none;}
.pb_info a{color:#fff;line-height: 1.8em;font-size: .18rem;padding:.25rem 0;}
.pb_info a:hover{text-decoration: underline;}
@keyframes bgfd
{
    from {transform: scale(1.03);}
    to {transform: scale(1);}
}
@keyframes fiu
{
    from {transform: translateX(20px);opacity: 1;}
    to {transform: translateX(0);opacity: 1}
}
#fullpageMenu{position: absolute;right:.1rem;top: 50%;margin-top: -80px;width:.2rem;z-index: 999;}
#fullpageMenu li{width:.18rem;height: .18rem;border-radius: 50%; margin-bottom: .16rem;transition: .6s;}
#fullpageMenu li a{display: block;width: 100%;height: 100%;border-radius: 50%;position: relative;}
#fullpageMenu li a:after {content: "";display: block;width: .18rem;height: .18rem;background: rgba(255,255,255,.6);border-radius: 50%;}
#fullpageMenu li a:before{content: "";width: 1px;height: .14rem;background: rgba(255,255,255,.6);position: absolute;left: .085rem;top:.21rem;display: block;}
#fullpageMenu li.active{border:1px solid #fff;transition: .6s;}
#fullpageMenu li.active a:after{background: #fff;}
#fullpageMenu li:last-child a:before{display: none;}
#fullpageMenu.green li{border-color: #3eb134;}
#fullpageMenu.green li.active{background: #3eb134;}
.fwswiper .swiper-pagination{display: flex;}
.fwswiper .swiper-pagination .swiper-pagination-bullet{border-radius:1px;width:.3rem;height: .05rem;}
.fwswiper .swiper-pagination .swiper-pagination-bullet-active{background:#fff;}
.section .bgimg{width: 100%;height: 100%;background: no-repeat center;background-size: cover;position: absolute;left:0;top:0;z-index: 0;}
.inPage4 .txt{width: 5rem;text-align: left;position: relative;z-index: 3;}
.inPage4 .txt h2{width: 100%;text-align: left;padding-bottom: 0;}
.inPage4 .txt h2 em{opacity: .75;margin-left:0;color:#fff;}
.inPage4 .txt .ps{position: relative;margin:.1rem 0 .5rem;width: 90%;}
.inPage4 .txt .ps p{margin-bottom: 20px;line-height: 1.8em;text-align: justify;font-size: .18rem;}
.inPage4 .vbox{width: 60%;width:calc(100% - 5rem);position: relative;z-index: 3;}
.inPage4 video{width: 100%;height: 100%;}
.inPage4 .v{position: absolute;left: 0;top: 0;width:100%;height: 100%;z-index: 0;background: #000;}
.inPage4 .vbg{position: relative;z-index: 3;/*pointer-events: none;*/ }
.inPage4 .vbg:before{content: "";width: 1.2rem;height:1.2rem;background: url(../images/play.png) no-repeat;background-size: cover;position: absolute;left:50%;top:50%;z-index: 1;margin:-.6rem 0 0 -.6rem;}
.inPage4 .vbg img{width: 100%;transition: .3s;display: block;}
.inPage4 .vbg span{border-left: 7px solid #fff;border-right:7px solid #fff;display: block;width: 9px;height: 26px;position: absolute;left: 40px;bottom:40px;opacity: 0;}
.inPage4 .vbg.play:before{opacity: 0;}
.inPage4 .vbg.play img{opacity: 0;}
.inPage4 .vbg.play span{opacity:.8;}
.inPage4 a{display: inline-block;color: #fff;background: #2894d7;padding:.08rem .18rem;border-radius:.2rem;font-size: .18rem;}
.inPage4 .txt:after{content: "ULTRAPOWER";font-size: .65rem;color:rgba(255,255,255,.2);font-weight: 900;z-index: 0;line-height: 70px;}

.section5 h2.tit{padding-bottom: 40px;width: auto;}
.section5 .xb h2{padding: 35px 0 10px;}
.section5 h2 b{color:#333}
.section5 .xb h2 span{font-size:38px;}
.section5 h2 span em{}
.section5 h2 a{font-size: .16rem;padding:.1rem .2rem;border:1px solid #2894d7;border-radius: 40px;color: #2894d7;margin-top: .2rem;}
.section5 .tb{position: absolute;z-index: 2;bottom:0;left: 0;width: 100%;}
.section5 .tb img{width: 100%;position: absolute;bottom:0;left: 0;}
.section5 .item{background: #fff;color: #333;text-align: left;box-shadow: 0 0 20px rgba(0, 0, 0, .1);}
.section5 .item:nth-child(2){margin:0 .2rem;}
.section5 .item .img{height:2.8rem;background: no-repeat center;background-size: cover;}
.section5 .txt{padding:.2rem;}
.section5 .txt h3{font-size: .2rem;color:000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.section5 .txt p{color: #999;padding:20px 0 20px;font-size: .18rem;}
.section5 .txt a{color: #fff;background: #2894d7;border-radius: 40px;padding:.1rem .2rem;text-align: center;font-size: .18rem;}
.section5 .txt span{font-size:.14rem;color: #999;}
.section5 ul{padding:20px;}
.section5 ul li{padding-bottom:5px;line-height: 1.56em;font-size: .2rem;}
.section5 ul li:last-child{padding-bottom: 0;}
.section5 ul span{font-size: .14rem; color: #999;}
.inpage.section5 .warp{padding:0 2rem;box-sizing: border-box;}

h2.tit{text-align: center;width: 66%;color:#fff;margin:0 auto;}
h2.tit b{font-size:.45rem;display: block;font-weight: 500;}
h2.tit em{font-size: .4rem;margin: -.2rem 0 0;text-transform: uppercase;position: relative;z-index: 0;color:#ccc;}
h2.tit p{line-height: 1.9em;color:#e0e0e0;}
.xb .tit b{font-size: 38px;}
.xb .tit em{font-size: 16px;}
/* 主营业务 */
.inpage .warp{position: relative;z-index: 3;width:100%;max-width: none;}
.inPage4 .warp{padding:0 2rem;align-items: center;box-sizing: border-box;}
.inPage2 .xb{padding-top: 40px;}

.inPage2 h2.tit{color: #333;}
.inPage2 h2.tit p{color:#333;}
.inPage2 .xb .tit em{margin-bottom: 0;}
.yewupage .display_flex{display: flex;justify-content: space-between;}
.yewupage .display_flex .item{width: 265px;width:calc(25% - 10px); height: 450px;position: relative;z-index: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;transition: .8s;}
.yewupage .xb .display_flex .item{height: 330px;}
.yewupage .display_flex .item h3{width: 100%;font-size: 24px;color:#666;text-align: center;}
.yewupage .display_flex .item h3 img{width: 110px;transition: .3s;margin-bottom:10px;display: block;margin:0 auto;}
.yewupage .xb  .display_flex .item h3 img{width: 80px;}
.yewupage .display_flex .item h3  span{display: block;margin:10px 0 ;}
.yewupage .xb .display_flex .item h3  span{font-size:20px;}
.yewupage .display_flex .item p{ z-index: 3;text-align: left;line-height: 1.9em;color:#999;padding:10px 20px;text-align: justify;margin-bottom: 20px;font-size: 14px;}
.yewupage .xb .display_flex .item p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;padding:0 10px;height:110px;}
.yewupage .display_flex .item h3 em{display: block;font-size: 12px;padding-top: 10px;}
.yewupage .display_flex .item a{border:1px solid #bbb;border-radius: 40px;padding:8px 25px;display: inline-block;color:#999;}

.yewupage .display_flex .item:hover{z-index: 9;background:#fff; box-shadow: 0 0 20px 0 rgba(0,0,0,.1);}
.yewupage .display_flex .item:hover a{color:#2894d7;border-color: #2894d7;}
.fwpage .warp{width: calc(100% - 3rem);}
.fwpage h2{width: 100%;display: flex;justify-content: space-between;align-items: flex-end;padding-bottom:.2rem;}
.fwpage h2 b{color:#fff;}
.fwpage h2  em{flex:1;text-align: left;padding-left: .2rem;color:#fff;opacity: .5;}
.fwpage h2 a{color:#fff;border-radius: 50px;border:1px solid #fff;font-size: 16px;padding:8px 26px;transition: .3s;}
.fwpage h2 a:hover{color:#3c6daa;background:#fff;border-color: #fff;}
.fwpage .slider{position: absolute;width: 1.36rem;height:calc(100% - 40px);left:-1.36rem;top:0;display: flex;flex-direction: column;justify-content: space-between;}
.fwpage .slider:before{content: "";width: 1px ;background:rgba(255,255,255,.2);height: 100%;position: absolute;left:.06rem;top:0;display: block;z-index: 0;}
.fwpage .slider span{display: block;height: ;color:#fff;font-size: .16rem;text-align: left;display: flex;align-items: center;position: relative;z-index: 3;transition: .3s;cursor:pointer;}
.fwpage .slider span b{font-weight: 500;}
.fwpage .slider span b em{display: block;font-size: 14px;color:#999;}
.fwpage .slider span:before{content: "";width:.16rem;height:.16rem;border-radius: 50%;display: block;margin-right:20px;transition: .3s;}
.fwpage .slider span:hover{color:#fff;}
.fwpage .slider span:hover:before{background-color: #cdcdcd;}
.fwpage .slider span.cur{font-size: .2rem;font-weight: 600;}
.fwpage .slider span.cur:before{background-color: #fff;}
.fwwarp{padding-bottom:40px;position: relative;height: 4rem;}
.fwswiper{overflow: hidden;height:100%}
.fwswiper .swiper-button-next{right:0;bottom:0;top:auto;}
.fwswiper .wp{position: relative;margin-right:20px;}
.fwswiper .s-btn{width:.3rem;height: .3rem;border:1px solid #fff;background: rgba(255,255,255,.4);border-radius: 50%;}
.fwswiper .swiper-button-prev{left:auto;right:.4rem;bottom:0;top:auto;}
.fwswiper .swiper-slide{/* max-width: 850px; */width:5rem; position:relative;}
.fwswiper .info{background-color: #fff;width: 100%;bottom:0;z-index: 10;position: absolute;color:#898989;text-align: left;padding:.1rem .12rem;box-sizing: border-box;}
 .fwswiper .info h3{font-size:.2rem;font-weight: 500;color:#333;text-align: left;}
 .fwswiper img{width: 100%;opacity: 0;pointer-events: none;}
 .fwswiper .info p{font-size: .18rem;padding-top: 10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;text-align: left;}
.fwswiper .swiper-scrollbar{width: calc(100% - .85rem) !important;left:0;bottom:18px;height:.1rem;}
.fwswiper .s-btn:after{font-size: .18rem;color:#fff;}
.fwswiper .swiper-scrollbar-drag{background:#fff;}
.fwswiper .swiper-scrollbar{background:rgba(0, 0, 0, .3);bottom:.1rem;}

.ninPage2 h2.tit{color: #333;}
.ninPage2 h2.tit em{}
.ninPage2 .tit b{position: relative;z-index: 3;}
.ninPage2 img{width:1rem;}
.ninPage2 .warpbox{height:calc(100% - 1.35rem);padding-top:1.35rem;display: flex;flex-direction:column;}
.ninPage2 .display_flex{/* height:78%;max-height: 646px; */flex:1;}
.ninPage2 .display_flex .item{height: 100%;background:no-repeat right center;background-size: auto 100%;box-sizing: border-box;display: flex;flex-direction: column;justify-content: center; } 
.ninPage2 .wp{max-width:5rem;display: flex;flex-direction:column;align-items: center; }
.ninPage2 .display_flex .item{background-size:cover;}
.ninPage2 .display_flex .item:nth-child(1){background-position:right center;/* align-items:flex-end; */align-items:center; width: 25%;}
.ninPage2 .display_flex .item:nth-child(2){background-position:left center;/* align-items:flex-start; */align-items:center;width: 25%}
.ninPage2 .display_flex .item:nth-child(3){background-position:right center;/* align-items:flex-end; */align-items:center; width: 25%;}
.ninPage2 .display_flex .item:nth-child(4){background-position:left center;/* align-items:flex-start; */align-items:center;width: 25%}
.ninPage2 h3{font-size: .35rem;padding:10px 0;}
.ninPage2 h3 span{display:block;font-size: .15rem;}
.ninPage2 p{width: 80%;height:1.25rem;font-size: .18rem;padding-top:.1rem;}
.ninPage2 a{color:#fff;border:1px solid #fff;border-radius: 30px;list-style: none;padding:.08rem .2rem ;display: block;font-size: .16rem;height:auto;}
.ninPage2 .bot{height: .7rem;}
.rjpage_Wp{display: flex;background:#000;transform: translateX(100%);animation: left 1s .6s forwards; }
.rjpage_Wp.optbox{position:absolute;left:0;top:0;z-index: 98;opacity: 0;width:100%;box-sizing: border-box; }
@keyframes left {
	to{transform: translateX(0); }
}
.rjpage_Wp .item{flex:1;background:no-repeat center;background-size: cover;display: flex;flex-direction: column;justify-content: center;align-items: flex-start;text-align: left;box-sizing: border-box;padding:  0 40px; position: relative;overflow:hidden;}
.rjpage_Wp .item .line{position: absolute;right:1px;top:50%;margin-top:-386px;}
.rjpage_Wp .item img.icon{width:.9rem;}
.rjpage_Wp .item p{height:2rem;line-height:1.9em;width:100%;font-size:.18rem;}
.rjpage_Wp .item h3{font-size: .36rem;padding:10px 0 ;font-weight: 700;}
.rjpage_Wp .item a{color:#fff;border:1px solid #fff;border-radius: 30px;list-style: none;padding:0.1rem .3rem;display: block;font-size: .2rem;height:auto;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes flipInY{0%{
	-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
@keyframes flipInY{0%{
	-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0deg);-ms-transform:perspective(400px) rotateY(0deg);transform:perspective(400px) rotateY(0deg);opacity:1}
}
.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}


@media screen and (max-width:1008px){
	
	.head{display: none;}
	.section{min-width: 0;}
	.inPage1{height:12rem}
	.pb_info a{line-height:.6rem;}
	.banner .wrap h2{text-align:center}
	.banner .swiper-button-prev{right:3.2rem;}
	.pb_info .item{box-sizing: border-box;padding:.5rem .5rem 0; }
	.ninPage2 .warpbox{padding:0;}
	h2.tit b{padding:0}
	.ninPage2 img{width: 2rem;}
	.ninPage2 h3{font-size: .8rem;padding:.15rem 0 .25rem;}
	.ninPage2 .display_flex{display: block;}
	.ninPage2 .display_flex .item{width: calc(100% - 1rem) !important;padding:1rem 0;margin:0 auto .5rem;}
	.ninPage2 .bot{display: none;}
	.ninPage2 .wp{max-width: none;padding:0 1rem; }
	.ninPage2 p{line-height:none;}
	.ninPage2 a{margin-top:.32rem;}
	.fwpage .warp{padding-bottom:1rem;width:calc(100% - 1rem);}
	.fwpage h2{padding-bottom:0;justify-content: center; }
	.fwpage .slider{position: static;display: block;text-align:left;width: 100%;height:auto;overflow:auto;padding:.3rem 0;}
	.fwpage .slider span{display: inline-block;}
	.fwpage .slider:before{display: none;}
	.fwpage .slider span:before{display: none;}
	.fwpage .slider span b{display: inline-block;text-align:center;padding:0 .15rem;}
	.fwpage .slider span b em{font-size: .34rem;opacity: .7;}
	.fwswiper .wp{margin-right:.25rem;}
	.fwswiper .s-btn:after{font-size: .1rem;}
	.fwswiper .s-btn{width: .6rem;height:.6rem;bottom:-.15rem;}
	.fwswiper .swiper-button-prev{right:1rem;}
	.fwswiper .swiper-scrollbar{width: calc(100% - 2rem) !important;}
	.fwswiper .swiper-slide{width:9rem;}
	.fwwarp{height: 7rem;}
	.fwswiper .info{padding:.5rem;}
	.fwswiper .info p{padding-top:.15rem;}
	h2.tit b{font-size: .6rem;}
	.inpage.section5 .warp{padding:0 .5rem;}
	.section5 h2.tit{padding-bottom:.2rem;}
	.section5 .box{display: block;}
	.section5 .item{width: 100%;}
	.section5 .item .img{height:8rem;}
	.section5 .txt h3{font-size: .7rem;}
	.section5 .txt{padding:.5rem;}
	.section5 .txt p{padding:.25rem 0;font-size: .6rem;}
	.section5 .txt a {padding:.2rem .5rem;}
	.section5 .item:nth-child(2){margin:.5rem 0;}
	.section5 ul li{line-height:1rem;font-size: .6rem;}
	.inPage4{margin-top:.5rem;}
	.inPage4 .warp{display: block;padding:0 .5rem;}
	.inPage4 .txt{width: 100%;}
	.inPage4 .txt .ps{margin-bottom:0;width: 100%;}
	.inPage4 .txt .ps p{line-height:.6rem;margin:0;}
	.inPage4 a{padding:.2rem .5rem;}
	.inPage4 .vbox{width: 100%;margin-bottom:1rem}
	.inPage4 .vbg:before{width: 2.6rem;height:2.6rem;margin:-1.3rem 0 0 -1.3rem;}
	.footer .warp{padding:.5rem;}
	.footer .item a{line-height:.7rem;}
	.footer .sel{padding:0;width: auto;}
	.footer .item:nth-child(1){width: 30%;}
	.footer .item:nth-child(4){width: 32%;}
	.footer .cen{margin-top:0;display: block;}
	.footer .cen a{display: inline-flex;}
	.footer .cen a img{width: .5rem;height:.5rem;}
	.footer .sel .aboutus{padding:0;}
	.footer .sel .aboutus .codeimg{width: 4rem;}
	
	.rjpage_Wp{display: block;}
	.rjpage_Wp.optbox{display:none;}
	.rjpage_Wp .item{height:18rem;background-position:top center;margin:.5rem;}
	.rjpage_Wp .item .line{display: none;}
	.rjpage_Wp .item img.icon{width: 3rem;}
	.rjpage_Wp .item h3{font-size: 1.42rem;}
	.rjpage_Wp .item a{padding:.35rem .65rem;}
}