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


.hmFocusWpr{height:100vh; position:relative; z-index:2}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;-webkit-transform:scale(1.2); transform:scale(1.2);}
.on .hmFocus_img{ visibility: visible; -webkit-animation: scaleBg 3s infinite; animation: scaleBg 3s linear; transform:none;}
.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 .hmTxt_t1{ font-size:0.24rem; line-height:1.5;letter-spacing:1px; font-weight:bold; font-family:Arial; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0;display:inline-block;background: -webkit-linear-gradient(left, #e9203c, #fe4b54);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-transform: uppercase;} 
.hmFocus_txt .hmTxt_t2{ display:block; letter-spacing:2px;font-weight: bold; font-size:0.8rem; line-height:1.2; color:#fff;transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0;}

.hmFocus_txt .hmTxt_p{font-family:Arial;transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing:2.24px;font-size: 0.26rem; line-height:1.5; margin-top:0.2rem;font-weight:bold;text-transform: uppercase;}
.hmFocus_txt .hmTxt_btns{transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; margin-top:1rem;}
.more {display: inline-block;width: 2.21rem;height: 0.56rem;background: linear-gradient(to right, #e9203c, #fe4b54);border-radius: 0.28rem;padding-left: 0.55rem;position: relative;}
.more span {line-height: 0.56rem;font-size: 0.18rem;font-weight: 500;color: #fff;}
.more .icon {width: 0.24rem;height: 0.24rem;background: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: .3rem;transition: all 0.3s;}
.more .icon img{ vertical-align:baseline;}

.more:hover{box-shadow: 0px 0px 0.23rem rgba(233, 33, 61 ,0.57);}	


.on .hmFocus_txt .hmTxt_t1{opacity:1; transform:translate(0px,0px); transition-delay:0.1s;}
.on .hmFocus_txt .hmTxt_t2{opacity:1; transform:translate(0px,0px); transition-delay:0.4s;}
.on .hmFocus_txt .hmTxt_p{opacity:1; transform:translate(0px,0px); transition-delay:0.6s;}
.on .hmFocus_txt .hmTxt_btns{opacity:1; transform:translate(0px,0px); transition-delay:0.9s;}


.hmVdoBox{position:absolute; left:0; top:0; right:0; bottom:0; overflow:hidden}
.hmVdoBox:after{ content: ""; background: url(../images/ban_bg.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmVdoBox video{width:110%; height:auto; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}


.hmFocus_dot{position:absolute;left:0%;transform:translateX(0%);width:100%;z-index:3;bottom:0.7rem;}
.hmFocus_dot span{height:32px;display:inline-block;position:relative;margin: 0 36px 0 0;transform:scale(0.8); cursor:pointer;}
.hmFocus_dot span:before{content:""; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:10px; top:10px;}
.hmFocus_dot span svg{ width:32px; height:32px; position:absolute; left:0; top:0;}
.hmFocus_dot span:after{content:""; width:32px; height:32px; border:1px solid #fff; border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:234;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 15s linear forwards}
.hmFocus_dot span.on:before{ background:#ea223d;}
.hmFocus_dot span.on:after{opacity:1;}


.hmFocusWpr .slick-prev{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 0.87rem; width: 0.87rem; position: absolute; right:0.8rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -0.44rem; z-index: 2; border: 1px solid #fefefe; transition:all 0.5s ease; border-radius:50%; opacity:0;}
.hmFocusWpr .slick-next{ background: url(../images/fsBtn.png) no-repeat center center; display: inline-block; height:0.87rem; width: 0.87rem; position: absolute; right: 0.8rem; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -0.44rem; z-index: 2; border: 1px solid #fefefe; transition:all 0.5s ease; border-radius:50%; opacity:0.9;}
.hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;}


#mouse{position:absolute;bottom:0.8rem;left:50%;transform:translate(-50%,50%);z-index:50;color:#fff;}
#mouse .mouseName{margin-bottom:10px;line-height:1;letter-spacing:0.08em;}
#mouse .mouseOf{height:36px;width:24px;border-radius:22px;border:2px solid #fff;position:relative;margin:0 auto;}
#mouse .mouseOf:after{content: '';width:3px;height:9px;background-color: #fff;border-radius:2px;
animation: scroll-icon 1.5s infinite ease-in-out;
position:absolute;left:50%;transform:translateX(-50%);}
@keyframes scroll-icon {
    0% {
        top:3px;
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
    	top:calc(100% - (3px + 6px));
        opacity: 0;
    }
}



@media (max-width:993px){
.hmFocusWpr,.hmFocus_item{height:600px;}
.wrapper{padding-top:56px;}
.hmFocusWpr .slick-prev{left:25px;}
.hmFocusWpr .slick-next{right:25px;}
}
@media (max-width:767px){
.hmFocusWpr,.hmFocus_item{height:500px;}

.hmFocus_txt .hmTxt_t2 { font-size: 0.55rem;}

.hmFocusWpr .slick-prev{ width:30px; height:30px; background-size:6px auto; left:10px;}
.hmFocusWpr .slick-next{ width:30px; height:30px; background-size:6px auto; right:10px;}
}


.index_title{}
.index_title_en{font-size: 16px;line-height:1.5;font-weight: 900;font-family:Arial;display: block;transition: all 0.8s ease-in-out;display:inline-block;background: -webkit-linear-gradient(left, #e9203c, #fe4b54);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-transform: uppercase;}
.index_title_cn{font-size:0.4rem;line-height:1.4;font-weight:bold; color:#1c1c1c; margin-top:0.4rem; margin-bottom:2rem;}


.index_about_bg{ position:relative; width:100%; overflow:hidden; padding:0.8rem 0px;}
.index_about_bg .box { width:100%; overflow:hidden;}
.index_about_bg .box .boxLeft { width:32%;position: relative;}
.index_about_bg .box .boxLeft  .index_title_cn {margin-bottom: 0rem;}

.index_about_bg .box .boxRight { width:67%;}
.index_about_bg .box .boxRight .index_about_info{}
.index_about_bg .box .boxRight .index_about_info p{font-size: 0.18rem;line-height:1.9;color:#777777;}



.index_pro_bg{ position:relative; width:100%; padding-bottom:0.8rem;}

.index_pro_box{ position:relative; width:100%;transform: translate(4.5%,0px);transition: all 0.8s ease-in-out;}
.index_pro_bg.active .index_pro_box{ position:relative; width:100%;transform: translate(0,0px);}

.index_pro_lf{ position:relative; background:#f6f8fa; overflow:hidden; border-radius:0.3rem; width:calc(50% - 15px);}
.index_pro_lfbox{ position:absolute; left:0.7rem; top:0.8rem; width:50%;}
.index_pro_lfbox .index_pro_h3{ font-size:0.4rem; color:#0c0407; line-height:2; font-weight:bold;}
.index_pro_lfbox .index_pro_line{ width:0.4rem; height:0.09rem; background:#ff2a48; margin:5vh 0px;}
.index_pro_lfbox .index_pro_h4{font-size:0.36rem; line-height:2; color:#0c0407; font-weight:bold;}
.index_pro_lfbox .index_pro_p{ width:90%; font-size:16px; color:#777777; line-height:1.875;}

.consu{ position:absolute; right:1rem; bottom:1rem;}
.consu::before {content: '';width: 0.76rem;height: 0.76rem;background-color: #ff2a48;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);z-index: 1;}
.consu::after {content: '';width: 10px;height: 10px;background-color: #fff;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);z-index: 2;}
.consu .range {width: 1.2rem;height: 1.2rem;position: absolute;top: 50%;left: 50%;border-radius: 50%;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);z-index: 1;}
.consu .range i {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;opacity: 0;background-color: rgba(255, 42, 72, 0.1);animation: o-scale-1 1.6s ease-out infinite;}

@keyframes o-scale-1 {
  0% {
    opacity: 1;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


.btn_more {  position: absolute;top: 0;right:-0.38rem;display: inline-block;width:0;height: 0.76rem;background: linear-gradient(to right, #e9203c, #fe4b54);border-radius: 0.88rem;padding-left: 0.55rem; overflow:hidden; z-index:0;transition: all 0.8s ease-in-out; transform: translate3d(0%,-50%,0);
  -webkit-transform: translate3d(0%,-50%,0); opacity:0;}
.btn_more span {line-height: 0.76rem;font-size: 0.18rem;font-weight: 500;color: #fff;}
.btn_more .icon {width: 0.24rem;height: 0.24rem;background: #fff;border-radius: 50%;position: absolute;top: 50%;transform: translateY(-50%);right: .3rem;transition: all 0.3s;}
.btn_more .icon img{ vertical-align:baseline;}

.consu:hover .btn_more{ width: 2.21rem;z-index:4;opacity:1;}
.index_pro_rf{ position:relative; overflow:hidden; border-radius:0.3rem; width:calc(50% - 15px);}
.index_pro_gif{ width:4.4rem; line-height:4.4rem; position:absolute; left:0; bottom:0px; z-index:1;}
.index_pro_gif img{ width:100%;}
.index_pro_tit{ position:absolute; left:0.5rem; top:1rem;color:#333333; font-size:16px; line-height:1.8; z-index:23;}







/*******index_why_bg***********/
.index_why_bg{ position:relative; width:100%; background:#f6f8fa url(../images/index_why_bg.png) bottom left no-repeat; padding:0rem 0px 1rem;}
/*******index_cooperation_bg***********/
.index_cooperation_bg{width:100%;margin:0 auto;background: url(../images/index_cooperation_bg.jpg) no-repeat fixed center center;background-size: cover;position: relative;color:#fff;text-align:center;padding:0.8rem 0px;}

.index_cooperation_bg .content1{ font-size:0.82rem; font-weight:bold; letter-spacing:1.4px;display:inline-block;background: -webkit-linear-gradient(top, rgba(255,255 ,255 , 0.43), transparent);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;color: transparent;text-transform: uppercase;background-image: linear-gradient(to bottom, rgba(255,255 ,255 , 0.43), transparent 70%);}
.index_cooperation_bg .content2{ width:100%; overflow:hidden; font-size:0.4rem; color:#fff; margin-bottom:0.4rem;}
.index_cooperation_bg .content2 span{ margin:0px 0.2rem;font-size:0.4rem; color:#fff;letter-spacing:2.8px; line-height:1;}

/*******select YUNENG***********/
.index_why_bg .box { width:100%; align-items: baseline; margin-top:0.6rem;}
.index_why_bg .box .boxLeft { width:49%;padding-right: 1.6rem;position: relative;}
.index_why_bg .box .boxLeft .index_why_tit{font-size: 0.18rem;color:#777777;line-height:1.875;margin-bottom:1.6rem;}


.index_why_bg .box .boxRight { width:51%; padding:0.7rem 0px;}
.index_why_bg  .box .boxRight .item {position: relative; width: 48%; background:#ffffff;border-radius:0.3rem; overflow:hidden;padding: 0.25rem 0.5rem 0.9rem; margin-bottom:0.6rem;-webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.index_why_bg  .box .boxRight .item:nth-child(2n){ transform: translateY(0.7rem); }
.index_why_bg  .box .boxRight .item .main {z-index: 2;position: relative;}
.index_why_bg  .box .boxRight .item .main .icon {width: 0.84rem;}
.index_why_bg  .box .boxRight .item .main .icon img {width: 100%;margin-top: 0.08rem;transition: 0.4s;}
.index_why_bg  .box .boxRight .item .main .icon .img2 {display: none;}
.index_why_bg  .box .boxRight .item .main .content1 {width:100%;font-size: 0.36rem; font-weight:bold;  color:#333333; margin-top:0.4rem;transition: 0.6s;}
.index_why_bg  .box .boxRight .item .main .content2 {margin-top: 0.3rem; font-size: 0.18rem; color: #666; line-height:1.7; transition: 0.6s;}.index_why_bg  .box .boxRight .item .img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;transition: 0.4s;}
.index_why_bg  .box .boxRight .item .img img { width: 100%;height: 100%;}	

.index_why_bg  .box .boxRight .item:hover{box-shadow: 0px 0px 0.4rem rgba(233, 33, 61 ,0.57);}	
.index_why_bg  .box .boxRight .item:hover .main .icon .img1 {display: none;}
.index_why_bg  .box .boxRight .item:hover .main .icon .img2 { display: inline-block;}
.index_why_bg  .box .boxRight .item:hover .main  .content1 {color: #fff;}
.index_why_bg  .box .boxRight .item:hover .main  .content2 {color: #fff}	
.index_why_bg  .box .boxRight .item:hover .img {opacity: 1;}






/*******新闻***********/
.index_news_bg{ width:100%; overflow:hidden; position:relative; padding:1rem 0px; background:url(../images/index_news_bg.jpg) top left no-repeat;}
.index_news_bg > .box .boxleft {box-sizing: border-box;width: 5rem; padding-left: calc(50% - 800px); position: relative;}
.index_news_bg  > .box .boxRight { width: calc(100% - 5rem); position: relative;}
.news_tab{ width:100%; margin-top:0.7rem;}
.tab-hd {overflow:hidden; zoom:1; margin-right:calc(50% - 800px + 2.5rem); margin-bottom:1rem;}
.tab-hd li{position:relative;font-size: 0.24rem;line-height:1.5;color:#333333;cursor:pointer;margin-left:0.7rem;padding-bottom:10px;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.tab-hd li::before {width: 0%;height: 4px;content: "";position: absolute;left: 0%;bottom: 0px;background: #ea223d;-webkit-transition: all 0.6s ease 0s; -moz-transition: all 0.6s ease 0s; -ms-transition: all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}
.tab-hd li.active::before,.tab-hd li:hover::before{ width: 100%;}

.tab-bd .tab-box{display:none;}
.tab-bd .tab-box.thisclass{ display:block;}

.happ-item {width: 100%;overflow: hidden;height: 4.7rem;min-height: 4rem;position: relative;box-sizing: border-box;padding: 0.4rem;border-radius:0.3rem;}
.happ-pic { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; z-index: 2; background: #f6f8fa; }
.happ-pic img { width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.happ-item:hover .happ-pic { background:#272a2f; }
.happ-item:hover .happ-pic img { opacity:0.3; }

.happ-item em {width: 100%;font-style:italic;font-size: 0.18rem;color: #666666;position: relative;z-index: 5;overflow: hidden;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.happ-item h3{width: 100%;overflow: hidden;font-size: 0.22rem;color: #333;position: relative;z-index: 5;margin-top:1.7rem;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.happ-item span {display:inline-block;overflow: hidden;font-size: 0.16rem;color: #555;position: absolute;z-index: 5;bottom: 2vw;background: url("../images/more_news.png") no-repeat right center;padding-right:20px;margin-top:1.1rem;-webkit-transition: all 0.6s ease 0s;-moz-transition: all 0.6s ease 0s;-ms-transition: all 0.6s ease 0s;-o-transition: all 0.6s ease 0s;transition: all 0.6s ease 0s;}
.happ-item:hover em,.happ-item:hover h3 {color: #fff; }
.happ-item:hover span { color: #fff; background: url("../images/more_news_on.png") no-repeat right center; }

@media (max-width:1600px){
.index_news_bg > .box .boxleft { padding-left: 7%;}	
.tab-hd {overflow:hidden; zoom:1; margin-right:7%; margin-bottom:1rem;}
}

/********合作伙伴*************/
.hmCon5{ background: url(../images/hmc5bg.jpg) no-repeat fixed center top; padding:1.3rem 0px; background-size: cover; position: relative; color:#fff; }

.hm5box { text-align: center; width:100%;}
.hm5box  li { width: 33.3333%;}
.hm5box .item-img{ width:0.8rem; margin:0 auto; margin-bottom:0.25rem;}
.hm5box .item-num {line-height: 1.5;color: #fff;  font-size:0.48rem;}
.hm5box .item-intro { color: #fff; font-size:0.24rem; line-height:1.5; margin-top:0.3rem;}





@media (max-width:767px){
.index_about_bg .box .boxLeft { width: 100%;}
.index_about_bg .box .boxRight {width: 100%; margin-top:0.3rem;}

.index_pro_box {
    position: relative;
    width: 100%;
    transform: translate(0%,0px);
    transition: all 0.8s ease-in-out;
}

.index_pro_lf {width: 100%; margin-bottom:0.3rem;}
.index_pro_lfbox{position:absolute;left: 0.5rem;top: 50%;width:60%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.index_pro_lfbox .index_pro_h3{font-size: 0.36rem;color:#0c0407;line-height:2;font-weight:bold;}
.index_pro_lfbox .index_pro_line{ width:0.4rem; height:0.09rem; background:#ff2a48; margin:5% 0px;}
.index_pro_lfbox .index_pro_h4{font-size: 0.3rem;line-height:2;color:#0c0407;font-weight:bold;}
.index_pro_lfbox .index_pro_p{width: 100%;font-size: 14px;color:#777777;line-height: 1.6;}
.index_pro_rf {width: 100%;}

.index_title_cn { margin-bottom:0.5rem;}
.index_why_bg .box .boxLeft {width: 100%; padding-right: 0rem;  }
.index_why_bg .box .boxLeft .index_why_tit {font-size:14px;margin-bottom: .3rem;}
.index_why_bg .box .boxRight {width: 100%; margin-top:0.3rem;}
.tab-hd { display:none;}
.index_news_bg > .box .boxleft { width: 100%;}
.index_news_bg > .box .boxRight {width: calc(100% - 4%);    margin-left: 4%;}



}