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



/*********banner*******************/
.hmPage1{ position:relative; width:100%;}
.hmFocus{ position:relative; width:100%; height:100%;}

.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; -webkit-transform:scale(1.12); transform:scale(1.12);}
.hmFocus_img:after{ content: ""; background: rgba(0, 0, 0, 0.1); position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 5s linear forwards; animation: scaleBg 5s linear forwards;}

.hmVideo{ overflow:hidden; position:absolute; left:0; top:0; right:0; bottom:0}
.hmVideo video{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; ;height: 100%; object-fit: cover;}

.hmBan_sbg{ background:rgba(0,0,0,0.2) url(../images/topBg.png) repeat-x left top; position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmBan_sbg:after{ content: ""; background: url(/i/images/banenr_line.png) repeat-x; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; opacity:0.5 }
.hmFs_layBg{position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6);}


.hmFocus_item{width:100vw; height:100vh; position:relative; overflow:hidden;}

.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2;}

.hmFocus_txt strong{ display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0;  color: rgba(255,255,255,1);  font-size: 0.5rem; line-height:1.5; font-weight:normal;} 
.on .hmFocus_txt strong{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}

.hmTxtDes2_p1 { font-size: 0.2rem; line-height: 1.8; font-weight: 100; transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px); width:100%; max-width:860px; margin-top:0.3rem;}
.on .hmTxtDes2_p1{transform:translate(0,0); opacity:1; transition-delay:0.4s;}


.hmTxtDes2_btns{ transition:all 0.8s ease-in-out; opacity:0; transform:translate(180px,0px);margin-top:0.4rem;}
.hmTxt_btn1{ line-height: 48px; background: #C61634; text-align: center; height: 48px; width: 200px; display: inline-block; margin-right: 24px; font-size: 16px; color: #FFF; letter-spacing: 2px; box-shadow:0 8px 12px 10px rgba(198,22,52,0.1); }
.hmTxt_btn1:hover{ background: #AA132E; color: #FFF; }
.hmTxt_btn2{ line-height: 44px; height: 48px; width:2rem; border-radius:0.8rem 0px 0.8rem 0px; border: 2px solid #FFF; text-align: center; display: inline-block; font-size: 16px; color: #FFF; }
.hmTxt_btn2:hover{ color: #c61634; background: #FFF; }

.on .hmTxtDes2_btns{transform:translate(0,0); opacity:1; transition-delay:0.5s;}


.hmFocus_dot{height: 2px;width: 100%;position: absolute;left:0;bottom: 25%;z-index: 5;}
.hmFocus_dot span{display: inline-block;margin: 0px 5px;height: 16px;width: 3px;background:rgba(255,255,255,0.5);cursor:pointer;position:relative;}
.hmFocus_dot span.on{height: 27px;}
.hmFocus_dot span:after{content:"";background:#c61634;width: 3px;height: 0;position:absolute;left:0;top:0;}
.hmFocus_dot span.on:after{ height:100%; transition:all 4.8s linear;}

.hmFocus_doc{height: 2px;width: 100%;position: absolute;left:0;bottom: 25%;z-index: 5;}
.hmFocus_doc .hmFs_docx{display: inline-block;margin: 0px 5px;height: 16px;width: 3px;background:rgba(255,255,255,0.5);cursor:pointer;position:relative;}
.hmFocus_doc .hmFs_docx.on{height: 27px;}
.hmFocus_doc .hmFs_docx:after{content:"";background:#c61634;width: 3px;height: 0;position:absolute;left:0;top:0;}
.hmFocus_doc .hmFs_docx.on:after{ height:100%; transition:all 4.8s linear;}


@media (max-width:993px){
.hmFocus_txt strong{ font-size: 0.45rem;}
}


.xiangxia{position: absolute;z-index: 22;/* width: 100%; */text-align: center;bottom: 0.3rem;left: 50%;/* top: 50%; */transform: translatex(-50%);}
.xiangxia a{display: inline-block;width:50px;height:50px;/*border:1px solid white;*/text-align: center;line-height: 50px;border-radius: 50%;}
.xiangxia a i{display: inline-block;font-size: 40px;color: white;animation: run1 2s linear infinite;}
.xiangxia span{display: block;color: #fff;/* margin-top:5px; */font-size:12px;}
@keyframes run1{
0%{transform: translateY(-3px);}
50%{transform: translateY(3px);}
100%{transform: translateY(-3px);}
}





/**************about*******************/
.hmPage2{ width:100%; overflow:hidden;position:relative;}

.index_about_bg{ width:100%; height:100vh;position:relative;}
.index_about_bg::before { position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 5; left: calc(50% - 800px); background: rgba(255, 255, 255, 0.3);}
.index_about_bg::after{ position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 5; left: inherit; right: calc(50% - 800px); background: rgba(255, 255, 255, 0.3);}
.index_about_bg img{ width:100%; height:100%;position:relative;object-fit: cover;}
.index_about_box{position:absolute;top:50%; transform:translateY(-50%);width: 100%;  }
.index_about_text{ padding:0px 0.5rem;}
.index_about_tit {color: rgb(255, 255, 255);font-size: 0.5rem; letter-spacing: 1px;line-height:1.2; margin-bottom:15px;}
.index_about_p{color: rgb(255, 255, 255);font-size: 0.2rem; line-height:2;}

.tac {margin-top:0.4rem;}
a.whiteMore{ display: inline-block; height: 3em; line-height: 3;  padding: 0 2.8em; border-radius: 3em 0 3em 0;   overflow: hidden;border: 1px solid #fff; font-size:14px; position: relative;transition: 1s 1.5s all ease;-webkit-transition: 1s 1.5s all ease;}
a.whiteMore span{position: relative; z-index: 2; transition: 0.5s all ease;-webkit-transition: 0.5s all ease; display: inline-block;color: #fff; font-size:14px;}
a.whiteMore::before {content: ""; display: inline-block;position: absolute;z-index: 1; background: #fff; left: -100%;  top: 0; width: 100%;  height: 100%; transition: 0.5s all ease;-webkit-transition: 0.5s all ease;}
a.whiteMore:hover::before{left:0;}
a.whiteMore:hover span{color:#c61634;}

@media screen and (max-width: 1600px){
.index_about_bg::before { position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 3; left:4%; background: rgba(255, 255, 255, 0.3);}
.index_about_bg::after{ position: absolute;content: ""; width: 1px;height: 100%;top: 0; z-index: 3; left: inherit; right:4%; background: rgba(255, 255, 255, 0.3);}	

}

@media (max-width:993px){
.index_about_text{ padding:0px 0rem;}
.index_about_tit {font-size: 0.45rem;}
.index_about_bg::before { width: 0px;}
.index_about_bg::after{width: 0px;}	

}




/*************部件********************/
.hmPage3{ width:100%; overflow:hidden;position:relative;}

.index_part_bg{ width:100%; height:100vh;position:relative;}
.index_part_bg img{ width:100%; height:100%;position:relative;object-fit: cover;}
.index_part_box{position:absolute;top:50%; transform:translateY(-50%);width: 100%;  }
.index_part_text{ padding:0px 0.5rem;}
.index_part_tit {color: rgb(255, 255, 255);font-size: 0.5rem; letter-spacing: 1px; line-height:1.2; margin-bottom:15px;}
.index_part_p{color: rgb(255, 255, 255);font-size: 0.2rem; line-height:2;}

.index_part_box .bot-block {position: relative; margin-top:1rem; text-align: right;}
.index_part_box .items { display: inline-block;}
.index_part_box .item { display: inline-block; vertical-align: top; text-align: left; padding-left: 1.2rem; background-position: left 5px; background-repeat: no-repeat; background-size: 0.9rem auto;}
.index_part_box .item:nth-of-type(1) { background-image: url("/i/images/icon-8-1.png");}
.index_part_box .item:nth-of-type(2) { margin-left:0.4rem; background-image: url("/i/images/icon-8-2.png");}

.index_part_box .item .num { font-size:0.2rem; color: #fff;}
.index_part_box .item .num .count{ font-size:0.7rem; color: #fff;}
.index_part_box .item p { font-size:0.18rem;line-height:1.2;color: #fff;}
.index_part_box .index_part_more {
  position: absolute;
  left: 0.5rem;
  bottom: 0;
  transition: all .3s ease;
}

@media (max-width:993px){
.index_part_text{ padding:0px 0rem;}
.index_part_tit {font-size: 0.45rem;}
.index_part_box .index_part_more{position: relative;left:auto;text-align: left; margin-top:0.5rem;}
.index_part_box .item{ padding-left:10px;}
}

/*********成套************/
.hmPage4{ position:relative;}


.hmPage4 .ani-block { position: absolute; left: 0; bottom: 0; transform: translateX(-55%);}
.hmPage4 .ani-block .line {display: inline-block;vertical-align: top;margin-left: 40px; opacity: 0;visibility: hidden; transform: translateX(-40px);}
.hmPage4 .ani-block .line .box:before {content: ''; display: block; width: 1px;height: 40vw; background-image: linear-gradient(0deg, white, 70%, rgba(255, 255, 255, 0));transform-origin: center bottom; transform: rotate(42deg);}
.hmPage4 .ani-block .line:nth-of-type(1) .box {opacity: 0.2;}
.hmPage4 .ani-block .line:nth-of-type(2) .box {opacity: 0.25;}
.hmPage4 .ani-block .line:nth-of-type(3) .box {opacity: 0.3;}
.hmPage4 .ani-block .line:nth-of-type(4) .box {opacity: 0.35;}
.hmPage4 .ani-block .line:nth-of-type(5) .box { opacity: 0.4;}
.hmPage4 .ani-block .line:nth-of-type(6) .box { opacity: 0.45;}
.hmPage4 .ani-block .line:nth-of-type(7) .box {opacity: 0.5;}
.hmPage4 .ani-block .line:nth-of-type(8) .box {opacity: 0.55;}
.hmPage4 .ani-block .line:nth-of-type(9) .box { opacity: 0.6;}
.hmPage4 .ani-block .line:nth-of-type(10) .box { opacity: 0.65;}
.hmPage4 .ani-block .line:nth-of-type(11) .box {opacity: 0.7;}
.hmPage4 .ani-block .line:nth-of-type(12) .box { opacity: 0.75;}
.hmPage4 .ani-block .line:nth-of-type(13) .box {opacity: 0.8;}
.hmPage4 .ani-block .line:nth-of-type(14) .box { opacity: 0.85;}
.hmPage4 .ani-block .line:nth-of-type(15) .box { opacity: 0.9;}
.hmPage4 .ani-block .line:nth-of-type(16) .box { opacity: 0.95;}
.hmPage4 .ani-block.active .line { opacity: 1; visibility: visible; transform: translateX(0); transition: all .3s ease;}
.hmPage4 .ani-block.active .line:nth-of-type(1) { transition-delay: 1.5s;}
.hmPage4 .ani-block.active .line:nth-of-type(2) { transition-delay: 1.4s;}
.hmPage4 .ani-block.active .line:nth-of-type(3) {transition-delay: 1.3s;}
.hmPage4 .ani-block.active .line:nth-of-type(4) { transition-delay: 1.2s;}
.hmPage4 .ani-block.active .line:nth-of-type(5) {transition-delay: 1.1s;}
.hmPage4 .ani-block.active .line:nth-of-type(6) {transition-delay: 1s;}
.hmPage4 .ani-block.active .line:nth-of-type(7) {transition-delay: .9s;}
.hmPage4 .ani-block.active .line:nth-of-type(8) {transition-delay: .8s;}
.hmPage4 .ani-block.active .line:nth-of-type(9) {transition-delay: .7s;}
.hmPage4 .ani-block.active .line:nth-of-type(10) {transition-delay: .6s;}
.hmPage4 .ani-block.active .line:nth-of-type(11) { transition-delay: .5s;}
.hmPage4 .ani-block.active .line:nth-of-type(12) {transition-delay: .4s;}
.hmPage4 .ani-block.active .line:nth-of-type(13) { transition-delay: .3s;}
.hmPage4 .ani-block.active .line:nth-of-type(14) { transition-delay: .2s;}
.hmPage4 .ani-block.active .line:nth-of-type(15) { transition-delay: .1s;}
	
	

/*********Rolink power ************/
.hmPage5{ position:relative;}
.bg{position: absolute; width: 100%; height: 100%; top: 0;left: 0;}
.bg img{ width:100%; height:100%;position:relative;object-fit: cover;}
	


.hmPage5 .index_set_box { position: relative;overflow: hidden; width:100%;}
.hmPage5 .index_set_box .container{align-items: center;}
.hmPage5 .index_set_box .index_set_lf{position: relative;width:50%;  }
.index_set_text{ width:100%; padding:0px 0.5rem;}
.index_set_tit {color: rgb(255, 255, 255);font-size: 0.5rem; letter-spacing: 1px; line-height:1.2; margin-bottom:15px;}
.index_set_p{color: rgb(255, 255, 255);font-size: 0.18rem; line-height:2;}

.hmPage5 .list-wrap{position: relative;width: 50%; padding:0.5rem 0px;}
.hmPage5 .list-wrap .list-wrap-bg{display: block;position: absolute;z-index: 0;left:50%;top: 50%;transform: translate(-50%, -50%);transition-duration: .8s;animation: cir-scale 3s infinite cubic-bezier(0, 0.43, 0.35, 0.85);width:90%;}

.hmPage5 .nav-tr { text-align: center; }
.list-wrap .td-s0 { display: block; width: auto;font-size: 14px; color: #fff; line-height: 22px;transition-duration: .5s; }
.list-wrap .td-s0 img{ max-width:0.4rem; margin-bottom:0.1rem;}
.list-wrap .nav-td {display: inline-block; position: relative; transition-duration: .5s; cursor: pointer; margin: 0 0.7rem; }
.list-wrap .nav-td:after {content: "";display: block;position: absolute;width: 16px;height: 16px;background-size: 100% !important;background: url(/i/images/cir2.png) no-repeat center;top: calc(100% + 8px);left: 32%;margin-left: -2px;}
.list-wrap .nav-td.cur .td-s0, .list-wrap .nav-td:hover .td-s0 {transform: scale(1);}
.list-wrap .nav-td.cur:after, .list-wrap .nav-td:hover:after {background: url(/i/images/cir2on.png) no-repeat center; }

.list-wrap .nav-tr2 { margin-top:0.4rem; }
.list-wrap .nav-tr2 .nav-td:first-child { margin-right: 15%; }
.list-wrap .nav-tr3 {margin-top: 0.5rem;}
.list-wrap .nav-tr3 .nav-td:first-child {margin-right: 15%;}
.list-wrap .nav-tr4 {margin-top: 0.6rem;}
.list-wrap .nav-tr4 .nav-td:nth-child(1) {margin: 0 1rem;}
.list-wrap .nav-tr4 .nav-td:nth-child(2) {margin: 0 0.8rem;}
.list-wrap .nav-tr4 .nav-td:last-child {margin: 0 1rem; }
.list-wrap .nav-tr5 {margin-top: 0.9rem; } 
.list-wrap .nav-tr5 .nav-td:first-child {  margin-right:10%; }

@keyframes cir-scale {
  0% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1); }
  80% {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1.2); }
  100% {
    opacity: 0;
    transform: translate(-50%, -50%) scale(1.1); } }
@keyframes cir-scale2 {
  0% {
    opacity: 0;
    transform: scale(0.5); }
  60% {
    opacity: 1;
    transform: scale(1.2); }
  100% {
    opacity: 0;
    transform: scale(0.5); } }
@keyframes cir-scale3 {
  0% {
    opacity: 0;
    transform: scale(0.85); }
  20% {
    opacity: 1; }
  60% {
    opacity: 1;
    transform: scale(1); }
  80% {
    opacity: 1; }
  100% {
    opacity: 0;
    transform: scale(0.85); } }
@keyframes cir-scale4 {
  0% {transform: scale(0.5); }
  60% {transform: scale(1.2); }
  100% { transform: scale(0.5); } }
	
	
@media (max-width:993px){
.hmPage5 .index_set_box .index_set_lf {position: relative; width: 100%;padding: 0.5rem 0px;}
.index_set_text { width: 100%;padding: 0px 0rem;}
.hmPage5 .list-wrap { position: relative; width: 100%; padding: 0.5rem 0px;margin: 0.8rem 0px;}
}
<!--0.00032997131347656-->