.hmFocusWpr{ position:relative; z-index:2}
.hmFocus_img{background-size:cover; width:100%; height:100%; background-repeat:no-repeat; background-position:center center;}
.hmFocus_img img{ transition:all 0.5s ease-in-out;width: 100%;}
.on .hmFocus_img img{ visibility: visible; -webkit-animation: scaleBg 2s infinite; animation: scaleBg 2s linear; }


.hmFocus_item{width:100vw; position:relative; overflow:hidden;}
.hmFocus_txt{ width:100%; color:#fff; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2}
.hmFocus_txt h5{ font-size: 58px; line-height: 68px; display: block; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; letter-spacing: 3px; font-weight: 100; } 
.hmFocus_txt h5 strong{ display: inline-block; margin: 0 5px; font-weight: bold; font-size: 60px; line-height: 80px; letter-spacing:5px; }
.hmFocus_txt p{ margin-top: 2.77vh; transition: all 0.8s ease-in-out; transform: translate(150px,0px); opacity: 0; font-size: 16px; line-height: 30px; max-width: 950px; }
.on .hmFocus_txt h5{opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_txt p{opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}
.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_txt{ text-align:right}
.hmFocus_imgTxt{ display:inline-block; position:relative; margin-bottom:180px;}
.hmFocus_imgTxt img:nth-child(1){}
.hmFocus_imgTxt img:nth-child(2){ position:absolute; left:0; top:0; transition: all 0.8s ease-in-out; transform: translate(0px,35px); opacity: 0; }
.hmFocus_imgTxt img:nth-child(3){ position:absolute; left:0; top:0; transition: all 0.8s ease-in-out; transform: translate(0px,35px); opacity: 0; }
.on .hmFocus_imgTxt img:nth-child(2){opacity:1; transform:translate(0px,0px); transition-delay:0.3s;}
.on .hmFocus_imgTxt img:nth-child(3){opacity:1; transform:translate(0px,0px); transition-delay:0.5s;}


.hmFocus_dot{ position:absolute; left:0%; transform:translateX(0%); width:100%; text-align:center; z-index:3; bottom:10px;}
.hmFocus_dot:before{content:""; height:1px; background:rgba(255,255,255,0); width:100%; position:absolute; left:0; top:11px;}
.hmFocus_dot span{ height:22px; display:inline-block; position:relative; margin:0 12px; transform:scale(0.8)}
.hmFocus_dot span:before{content:""; width:12px; height:12px; background:#fff; border-radius:50%; position:absolute; left:5px; top:5px;}
.hmFocus_dot span svg{ width:22px; height:22px; position:absolute; left:0; top:0;}
.hmFocus_dot span:after{content:""; width:22px; height:22px; border:2px solid rgba(255,255,255,0.3); border-radius:50%; position:absolute; left:0; top:0; transition:all 0.5s ease-in-out; opacity:0}

.hmFocusWpr .slick-prev{ background:rgba(0, 0, 0, 0.3) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; left: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 2; transition:all 0.5s ease; border-radius:50%; transform:rotate(180deg); opacity:0.5; }
.hmFocusWpr .slick-next{ background:rgba(0, 0, 0, 0.3) url(../images/fsBtn.png) no-repeat center center; display: inline-block; height: 50px; width: 50px; position: absolute; right: 60px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -25px; z-index: 2; transition:all 0.5s ease; border-radius:50%; opacity:0.5;}
.hmFocusWpr .slick-prev:hover,.hmFocusWpr .slick-next:hover{ opacity:1;}

@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 5s linear forwards}
.hmFocus_dot span.on:before{ background:#fff}
.hmFocus_dot span.on:after{opacity:1;}



@media (max-width:993px){
.wrapper{padding-top:56px;}
}

@media (max-width:767px){

}


/*******common**********/
.common_title{align-items: center;}
.common_lf h2 {font-size:max(26px,0.42rem);font-weight: bold;color: #333333;}
.common_lf h2 span {font-size:max(18px,0.32rem);font-weight: normal;color: #666666;text-transform: uppercase;}
.common_lf h2.white {;color: #fff;}
.common_lf h2.white span {color: #fff;}



.more_btn {display: block; min-width:120px;width: 1.7rem;height: 46px;overflow: hidden;text-align: center;background:none;border: 2px #0069d9 solid;border-radius: 25px;line-height: 44px;font-size: 16px;color: #0069d9;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.more_btn span {display: block;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;transition: all 0.3s linear;position: relative;top: 0;}
.more_btn:hover {background: #0069d9;}
.more_btn:hover span {top: calc(-100% - 2px);color: #fff;}

.more_btn.white {background:none;border: 2px #fff solid;color: #fff;}
.more_btn.white:hover {background: #fff;border: 2px #fff solid;}
.more_btn.white:hover span { color:#0069d9;}


/*******index_soft_bg**********/
.index_soft_bg{ position:relative; width:100%; overflow:hidden; padding:max(25px,0.8rem) 0px; background:url(../images/po_bg1.jpg) top center no-repeat; background-size:cover;}

.index_soft_box{  position:relative; margin-top:0.5rem; overflow:hidden;align-items: center;background:#010e42 url(../images/index_soft_bg.jpg) center bottom no-repeat; background-size:cover;}
.hmc3btns{ max-width:240px; width:240px;}
.hmc3btns li{ margin-bottom:0px;border-bottom: 1px #456499 solid;}
.hmc3aBtn{ display: block; height:50px; background: #00348a;color:#fff; position: relative; padding: 0px 0px 0px 20px; display:flex; flex-direction:column; justify-content:center;}
.hmc3aBtn.on{ background:#047ceb; }
.hmc3aBtn p{ font-size:15px; line-height: 32px; }


.lineAniBtn{overflow:hidden;}
.lineAniBtn span {position: absolute;display: block; transition:all 0.5s ease; opacity:0}
.lineAniBtn.on span,.lineAniBtn:hover span{opacity:1;}
.lineAniBtn span:nth-child(1) {top: 0;left: 0;width: 100%;height: 2px;background: linear-gradient(90deg, transparent, #e65a1c);animation: animate1 1s linear infinite;}
@keyframes animate1 {
    0% {left: -100%;}
    50%,100% {left: 100%;}
}
.lineAniBtn span:nth-child(2) {top: -100%;right: 0;width: 2px;height: 100%;background: linear-gradient(180deg, transparent, #e65a1c);animation: animate2 1s linear infinite;animation-delay: 0.25s;}
@keyframes animate2 {
    0% {top: -100%;}
    50%,100% {top: 100%;}
}
.lineAniBtn span:nth-child(3) {bottom: 0;right: 0;width: 100%;height: 2px;background: linear-gradient(270deg, transparent, #e65a1c);animation: animate3 1s linear infinite;animation-delay: 0.50s;}
@keyframes animate3 {
    0% {right: -100%;}
    50%,100% {right: 100%;}
}
.lineAniBtn span:nth-child(4) {bottom: -100%;left: 0;width: 2px;height: 100%;background: linear-gradient(360deg, transparent, #e65a1c);animation: animate4 1s linear infinite;animation-delay: 0.75s;}

@keyframes animate4 {
    0% {bottom: -100%;}
    50%,100% {bottom: 100%;}
}


.hmc3bgimgs{ position:relative; width:calc(100% - 240px); }
.hmc3bgimg{ transition:all 0.3s ease; opacity:0; display:none;}
.hmc3bgimg.on{ opacity:1; display:block;}

.soft_item{width: 90%; margin:0 auto;align-items: center;}
.soft_lf{ width:58.35849999999999%; text-align:center;}
.soft_rf{ width:36.6415%; color:#fff;}
.soft_rf h3{ font-size:max(24px,0.3rem);}
.soft_rf .soft_info{ font-size:max(15px,0.16rem); line-height:2; margin:0.35rem 0px;}
.soft_rf .soft_info p{ font-size:max(15px,0.16rem);line-height:2;}


/*******index_hard_bg*********/
.index_hard_bg{ position:relative; width:100%; overflow:hidden; padding:max(25px,1.6rem) 0px max(25px,0.8rem);  background:url(../images/index_hard_bg.jpg) top center no-repeat; background-size:120% 100%;}

.index_hard_box{ background:url(../images/index_hard_box.jpg) right center no-repeat; padding:0.45rem 0px; margin-top:0.6rem;}


.index_hard_list{ padding:0px 52px;}
.hpro-item {position:relative; width: 100%;display: block; overflow: hidden;}
.hpro-item::before { content: ""; position: absolute; right: 0; bottom: 0;z-index: 1; width: 1px; height: 100%;background: #e4e4e4;}



.hpro-left { position:relative; width: 100%; padding-bottom:75%; overflow: hidden;}
.hpro-left::before {content: "";position: absolute;width:100%; height:100%;right: 0;bottom: 0;}
.hpro-bottom { position: relative;width: 100%; text-align:center;font-size: 16px;color: #666666; z-index: 2; padding:0.2rem;}

.hpro-bottom .hpro-tit{font-size: 16px;color: #333;}   
.hpro-bottom .hpro-more{font-size: 14px;color: #999; margin-top:10px;}
.hpro-item:hover .hpro-bottom .hpro-tit{ color:#047ceb;}


.index_hard_list .slick-prev{ background:#047ceb url(../images/hprobtn.png) no-repeat center center; display: inline-block; width: 32px; height: 84px;position: absolute; left: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top:-42px;transform:rotate(180deg); }
.index_hard_list .slick-next{ background:#047ceb url(../images/hprobtn.png) no-repeat center center; display: inline-block;width: 32px;
height: 84px; position: absolute; right: 0px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; z-index: 1; margin-top:-42px;}



/*******index_solution_bg********/
.index_solution_bg{ position:relative; width:100%; overflow:hidden; padding:max(25px,0.8rem) 0px; background:url(../images/index_solution_bg.jpg) top center no-repeat; background-size:cover;}

.index_solution_box{ margin-top:0.6rem; position: relative; display: grid;   grid-template-columns: repeat(6,minmax(0,1fr)); grid-gap: 0rem 0rem; }
.solu_l {text-align: center;padding:0.4rem 0.2rem;background: #dce8f4;}
.solu_l h2 {min-height: 90px;}
.solu_l h2 img {transition: all 0.6s;}
.solu_l h3 {font-size:max(16px,0.18rem);margin-top: 10px; font-weight:normal;}
.solu_l:hover img {transform: rotateY(180deg);transition: all 0.6s;}

.solu_l:first-child {background: #00adef;}
.solu_l:last-child {background: #00adef;}
.solu_l:nth-child(2),.solu_l:nth-child(4),.solu_l:nth-child(9),.solu_l:nth-child(11) {background: #fff;}
.solu_l:nth-child(6),.solu_l:nth-child(7) {background: #046ad0;}
.solu_l:nth-child(1) h3,.solu_l:nth-child(6) h3,.solu_l:nth-child(7) h3,.solu_l:last-child h3{color: #fff;}


/*******index_case_bg********/
.index_case_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,1.2rem) 0px; background:url(../images/index_case_bg.jpg) bottom center no-repeat; background-size:cover;}

.index_case_box{ margin-top:0.6rem; position: relative;}

.index_case_list{ margin:0px -0.2rem; padding-bottom:20px;}
.index_case_item {position:relative; width: 100%;display: block; overflow: hidden; margin:0px 0.2rem; padding:0.2rem; background:#fff;  border-radius:5px;}

.hcase-img { position:relative; width: 100%; padding-bottom:62.6%; overflow: hidden;}
.hcase-img::before {content: "";position: absolute;width:100%; height:100%;right: 0;bottom: 0;}

.hcase-bottom { position: relative;width: 100%; text-align:center;z-index: 2;}
.hcase-bottom .hcase-tit{font-size: max(18px,0.22rem);color: #333;margin-top:0.25rem;}   
.hcase-bottom .hcase-more{font-size: 15px;color: #999; line-height:1.7; margin-top:16px;}
.hcase-item:hover .hcase-bottom .hcase-tit{ color:#047ceb;}


.index_case_list .slick-dots li button { padding: 0px; }
.index_case_list .slick-dots li button:before { font-size:60px; opacity: 1; color:#fff;}
.index_case_list .slick-dots li.slick-active button:before { color:#1890ff; opacity: 1;}


/*******index_news_bg********/
.index_news_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px; background:url(../images/index_news_bg.jpg) bottom center no-repeat; background-size:cover;}


.index_news_box{ position:relative; overflow:hidden; margin-top:0.6rem;}
.index_news_lf{ width:57.34%;}
.index_news_item{ width: calc((100% - 0.8rem)/2);  margin-right:0.4rem; background:#fff;}
.index_news_item .imgBox{position: relative;overflow: hidden;}
.index_news_item .imgBox .overflowHide{ padding-bottom:60.09%;}
.index_news_item .imgBox .showBox{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;background: rgba(0,0,0,.6);transition: all 0.5s ease;}
.index_news_item .imgBox .showBox a{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);display: block;width: 60%;color: #fff;text-align: center;font-size: 20px;padding: 15px 0;}
.index_news_item .imgBox .showBox a:before{content: '';position: absolute;top: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}
.index_news_item .imgBox .showBox a:after{content: '';position: absolute;bottom: 0px;left: 50%;transform: translateX(-50%);width: 60%;height: 1px;background: #fff;transition: all .5s ease;}

.textBox{position: relative;overflow: hidden;  width: 100%;padding:0.3rem;background: #fff;}
.textBox .hnew_tit{position: relative;font-size:max(18px,0.24rem); color: #333; width: 100%;margin: 10px 0px; font-weight: bold;}
.textBox .hnew_info{color: #949aa1;line-height: 25px;font-size: 15px; margin-bottom: 20px }
.textBox .hnew_time{ display:none; padding: 0 5px 15px 0; line-height: 18px;font-size: 16px; color: #666;}
.textBox .hnew_more {color: #0069d9; font-size: 16px;}

.index_news_item:hover .showBox{opacity: 1;}
.index_news_item:hover .showBox a:after,.index_news_item:hover .showBox a:before{width: 1em;}


.index_news_rf{ width:42.66%; background:#fff; padding:0.4rem;}
.hnews-model{position:relative;width:100%;overflow:hidden;height:50%;box-sizing:border-box;}
.hnews-model .txt-box {position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.hnews-model .cell_box{ display: flex; justify-content: center; height: 100%;}
.hnews-model .cell{width: 100%; display: flex; align-items: center;}

.hnews-model a{width:100%;display:block;overflow:hidden;position:relative;}
.hnews-model::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #b1b1b1;}
.hnews-model::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 2px; background:#0069d9;transition: all .6s;}
.hnews-model span{display:block;overflow:hidden;margin-bottom:0.15rem;font-size:max(18px,0.22rem);color:#333333; line-height:1.8;font-weight: bold !important;}
.hnews-model .hnew_info{color: #949aa1;line-height: 25px;font-size:15px; margin-bottom:0.2rem; }
.hnews-model .hnew_more {color: #0069d9; font-size: 16px;}

.hnews-model:hover span{color:#0048b5;}
.hnews-model:hover::after { width:5em; }



/*******index_about_bg********/
.index_about_bg{ position:relative; width:100%; overflow:hidden; padding:max(40px,0.8rem) 0px; background:url(../images/index_about_bg.jpg) top center no-repeat; background-size:cover;}
.index_about_box{ position:relative; overflow:hidden; margin-top:0.6rem;}

.index_about_lf{width: 43.2%; padding-bottom:1.4rem;}
.index_about_lf .index_about_slgo{ position:relative;font-size:max(20px,0.28rem);color:#fff; padding:10px 0px 0.2rem;}
.index_about_lf .index_about_slgo::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width:100%; max-width:5.7rem;height: 1px; background:rgba(255, 255, 255, 0.3);transition: all .6s;}
.index_about_lf .index_about_tit{font-size:max(18px,0.24rem);color:#fff; margin-top:0.25rem;}
.index_about_lf .index_about_info{font-size:max(14px,0.16rem);color:#fff; line-height:2;margin:0.25rem 0px;width:100%; max-width:5.7rem;}

.index_about_rf{width: 51.8%;}
.index_about_rf .overflowHide{ padding-bottom:75%; border-radius:0.6em;}

.hmc2ul{display:flex; justify-content:space-between; width:60%; max-width:1300px;margin-top: -1.3rem; z-index:3; position:relative;}
.hmc2ul li{display: flex; align-items: center; background:rgba(255, 255, 255, 0.9); width:32%; border-radius:5px; padding:0.3rem 0.1rem;}
.hmc2ul li .hmc2_icon{ margin-right:10px; width:50px;}
.hmc2ul li .hmc2_text{ width:calc(100% - 60px);}
.hmc2ul li strong{color:#333; line-height:1.5; display: block; font-size:max(16px,.18rem);}
.hmc2ul li p{ font-size:max(14px,.16rem);line-height:1.5;color:#999;}

@media (max-width:767px){
.container { width: 100%;}		
.hmc3btns { max-width:767px; width: 100%; margin-bottom:10px;}	
.hmc3btns ul {display: -webkit-flex;display: flex; justify-content: space-between; flex-wrap: wrap;}
.hmc3btns li { width:50%;}
.hmc3bgimgs { position: relative; width: calc(100% - 0px);}
.soft_lf{ width:100%;margin-bottom:10px;}
.soft_rf{ width:100%; color:#fff;margin-bottom:10px;}

.index_solution_box {grid-template-columns: repeat(3,minmax(0,1fr));}

.index_news_lf {width: 100%;}
.index_news_item{ width: calc((100% - 0rem)/1);  margin-right:0rem; margin-bottom:0.4rem;background:#fff;}
.index_news_rf { width:100%;}
.hnews-model { padding:20px 0px;}


.index_about_lf { width: 100%; padding-bottom: .4rem;}
.index_about_rf { width: 100%;}


.hmc2ul{display:flex; flex-wrap:wrap;justify-content:space-between; width:100%; max-width:1300px;margin-top: .3rem; z-index:3; position:relative;}
.hmc2ul li{display: flex; align-items: center; background:rgba(255, 255, 255, 0.9); width:100%; margin-bottom:0.2rem;}



}
@media (max-width:640px){
	
.index_solution_box {grid-template-columns: repeat(3,minmax(0,1fr));}
.solu_l h2 { max-height: 40px;}

}