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


.hmPage1{ position:relative;}
.hmFocus{} 
.hmFocus_item{ position:relative; height:calc(70vh - 0px);}
.hmFocus_img{position:absolute; left:0; top:0; right:0; bottom:0; background-size:cover; background-repeat:no-repeat; background-position:center center;}
.hmFocus_img:after{ content: ""; background: url(../images/fsLine.png) repeat-x left top; position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; }
.hmFocus_txt{position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; color:#fff;}
.hmPubBtn{ font-size: 14px; line-height: 48px; color: #FFF; letter-spacing: 2px; height: 48px; width: 180px; padding-left: 20px; display: inline-block; background: #1B1C38; border-radius:0.3em; position:relative; transition:all 0.5s ease-in-out; }
.hmPubBtn:after{ content: ""; background: url(../images/hmBan_sar.png) no-repeat center center; height: 10px; width: 6px; margin-top: -5px; position: absolute; top: 50%; right: 20px; }
.hmPubBtn:hover,.hmPubBtnWpr:hover .hmPubBtn{ color:#fff; box-shadow:0 10px 30px rgba(181,0,31,0.3); transform:translateY(-5px)}
.hmFocus_txt strong{ font-size: 35px; line-height: 1.5; display: block; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0;}
.hmFocus_txt p{ font-size: 17px; font-weight: normal;line-height: 1.6; margin: 14px 0px 50px; font-weight:100; transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0; width:100%; max-width:800px;}

.hmFocus_txt div{ transition:all 0.5s ease-in-out; transform:translateY(50px); opacity:0;}
.on .hmFocus_txt strong{transform:translateY(0); opacity:1; transition-delay:0s;}
.on .hmFocus_txt p{transform:translateY(0); opacity:1; transition-delay:0.2s;}
.on .hmFocus_txt div{transform:translateY(0); opacity:1; transition-delay:0.4s;}
.hmFocus .slick-prev{ background: url(../images/hmFs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 31px; position: absolute; left: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -50px; transition:all 0.5s ease-in-out; opacity:0.3; transform:rotate(180deg); z-index:2; }
.hmFocus .slick-next{  background: url(../images/hmFs_btn.png) no-repeat center center; display: inline-block; height: 60px; width: 31px; position: absolute; right: 30px; top: 50%; text-indent: 1000px; white-space: nowrap; overflow: hidden; cursor: pointer; margin-top: -50px; transition:all 0.5s ease-in-out; opacity:0.3; z-index:2;}
.hmFocus .slick-prev:hover,.hmFocus .slick-next:hover{ opacity:1}

.hmFocus_dot{ position:absolute; left:50%; transform:translateX(-50%); text-align:center; z-index:3; bottom:30px;}
.hmFocus_dot span{ height:20px; height:20px; display:inline-block; position:relative; margin:0 15px; cursor:pointer;}
.hmFocus_dot span:before{content:""; width:8px; height:8px; background:#fff; border-radius:50%; position:absolute; left:6px; top:6px;}
.hmFocus_dot span svg{ width:16px; height:16px; position:absolute; left:2px; top:2px;}
.hmFocus_dot span:after{content:""; width:12px; height:12px; border:2px solid #1B1C38; border-radius:50%; position:absolute; left:4px; top:4px; transition:all 0.5s ease-in-out; opacity:0}
@keyframes dash{to{stroke-dashoffset:0px}}
.load{ width:100%; height:100%; position:absolute; z-index:10;left:0px;top:0px;}
.circle{stroke-dasharray:360px;stroke-dashoffset:360px}
.on .circle{animation:dash 6s linear forwards}
.hmFocus_dot span.on:before{ opacity:0;}
.hmFocus_dot span.on:after{opacity:1;}


.hmFocus_item .dsPhone{ position:relative; height:100%; width:100%;}
.hmFocus_item .dsPhone img{ height: 100%; width: 100%;object-fit: cover;}


@media (max-width:1279px){
.hmFocus .slick-prev{left:10px; background-size:25px auto;}
.hmFocus .slick-next{right:10px; background-size:25px auto;}

}
@media (max-width:993px){
*{ letter-spacing:0!important;}
.hmFocus_item{height:550px;}
.hmFocus_txt strong{font-size:32px; line-height:42px;}
.hmFocus_txt p{ font-size:16px;}
.hmPage1{position:relative;}
.hmFocus_dot{bottom:40px;}
}
@media (max-width:767px){
.hmFocus_item{height:350px;}
.hmFocus_dot{bottom:20px;}
.hmFocus_dot span{margin:0 10px;}
.hmFocus_txt strong{font-size:24px; line-height:32px;}
.hmFocus_txt p{font-size:14px; line-height:24px; margin:10px 0px 28px}
.hmPubBtn{width:160px; line-height:44px; height:44px; font-size:12px; padding-left:15px;}
.hmFocus_txt{padding-top:15px;}
.hmFocus_txt p{font-weight:500px;}
}
/*******index_about_bg************/
.index_about_bg{ background: #fff; padding:1.5rem 0px; background-size:cover;}
.index_about_box{display:flex; justify-content:space-between;  align-items: center;}
.index_about_box .lt { width: 48%;}

.index-title{}
.index-title-en{line-height: 1em;text-transform: uppercase;color: rgba(30, 130, 232, 1);font-size: 17px;font-family: "Rubik";letter-spacing: .1em;}
.index-title-cn {color: #222222;font-size:max(20px,0.3rem);line-height:1.5;font-weight: 400;letter-spacing: .03em;margin-top: 8px;}
.index-title-cn .title_b {font-weight: 700;}
.index-title-cn .title_num {font-family: 'Rubik'; color: rgba(30, 130, 232, 1);}
	

.index_about_box .lt .index_about_info{ font-size: 15px;line-height:1.7; color: #848484;margin-top: max(10px,0.2rem);}
.index_about_box .lt .index_about_info p{ font-size: 15px;line-height:1.7; color: #848484; }

.about-two__list {margin: 0;margin-top: 20px;margin-bottom: 30px;}
.about-two__list li {position: relative;font-size: 15px;color: #222222;padding-left: 25px;list-style:none;}
.about-two__list li+li {margin-top: 15px;}
.about-two__list li svg {color: rgba(30, 130, 232, 1);font-size: 10px;left: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}

.read-more {
  margin-top: 0.4rem;
  display: inline-flex;
  align-items: center;
}
.read-more a {
  display: inline-flex;
  align-items: center;
}
.read-more a:hover i {
  transform: translateX(4px);
}
.read-more span {
  position: relative;
  width: 54px;
  height: 54px;
  border-radius: 50%;
  background: #1e82e8;
}
.read-more span:before {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -4.5px;
  margin-top: -4.5px;
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #fff;
}
.read-more p {
  margin-left: 23px;
  margin-right: 18px;
  color: #1e82e8;
  font-size: 18px;
  font-family: "Gilroy";
}
.read-more i {
  display: inline-block;
  line-height: 1;
  color: #1e82e8;
  font-size: 20px;
  transition: 0.3s;
}



.index_about_box .rt {position: relative;width: 50%;}
.index_about_box .rt .pic {position: relative;width: 100%;height: 0;padding-bottom: 75%;overflow: hidden;cursor: pointer;}
.index_about_box .rt .pic img {display: block;position: absolute;width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.index_about_box .rt .pic:hover img {transform: scale(1.05);}







@media (max-width:768px){
  .index_about_box{flex-wrap: wrap;}
  .index_about_box .lt { width: 100%;}
  .index_about_box .rt { width: 100%;}
}

/*******************/
.index_why_bg {background-image: url(/static/7/index_why_bg.jpg);background-position: fixed;padding:0.85rem;background-attachment: fixed;background-origin: content-box;background-size: cover;}
.index_why_box{background: rgba(30, 130, 232, 0.8); padding: 0.85rem;  border-radius: 5px;  text-align: center;}

.counter-title{margin-bottom: 0.5rem; }
.counter-title h2{color: #fff;font-size:max(20px,0.32rem);margin-bottom: 0.1rem;}
.counter-title p{color: #fff;font-size:max(16px,0.18rem);}
.title-line{ position:relative; margin-top:15px;height: 2px;}
.title-line:before{position: absolute;content: "";height: 2px;width: 65px;background: rgba(30, 130, 232, 1);margin-left: -34px;}


/**/
.fact-one{
	background-image: url(../images/index-contact.jpg);
	background-position: fixed;
	padding-left: 80px;
	padding-right: 80px;
	background-attachment: fixed;
    background-origin: content-box;
    background-size: cover;
}

.fact-one__single {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.fact-one__icon {
	margin-right: 20px;
}

.fact-one__icon svg{
	width: 1rem;
	color: #fff;
}

.fact-one__title {
	margin: 0;
	color: #fff;
	font-size: 38px;
	font-weight: 500;
	line-height: 1em;
	margin-bottom: -10px;
}

.fact-one__text {
	margin: 0;
	font-size: 15px;
	font-family: "Rubik";
	font-weight: 400;
	color: #fff;
	margin-top: 20px;
}

.fact-one__home-three {
	margin-bottom: -85px;
	position: relative;
	z-index: 10;
}

.fact-one{
	padding-top: 85px;
	padding-bottom: 85px;
}

.index-counter{
	background: rgba(30, 130, 232, 0.8);
	padding: 85px 0 85px 0;
	border-radius: 5px;
	text-align: center;

}
/********index_pro_bg***********/
.index_pro_bg {background:#fff;background-position: fixed;padding:0.85rem;background-attachment: fixed;background-origin: content-box;background-size: cover;}
.index_pro_bg .counter-title{text-align:center;}
.index_pro_bg .counter-title h2{color: #222222;}
.index_pro_bg .counter-title p{color: #222222;}


.index_pro_box{ width:100%;}
.index_pro_item{ width:calc(25% - 25px);display: flex;flex-direction: column;}
.index_pro_text {order:1; margin-top: auto;}
.index_pro_text strong {font-size: 18px;}
.index_pro_text p{margin: 15px 0 25px 0;position: relative;line-height:1.5;}
.index_pro_text p:after{position: absolute;content: "";width:45px;height: 2px;background: #222;bottom: -10px;left: 0;}

.index_pro_img{order:2;}
.index_pro_img .overflowHide { padding-bottom: 113.33333333%; margin-bottom:15px;}

.index_pro_item:nth-child(2n) .index_pro_text{ order:2; margin-bottom: auto; }
.index_pro_item:nth-child(2n) .index_pro_img {order:1;}


@media (max-width:768px){
.index_pro_item {  width: calc(100% - 0px);}


}
/********index_case_bg***********/
.index_case_bg { position:relative; width:100%;background:rgba(247, 247, 247, 1);padding:0.8rem 0px;}
.index_case_bg .counter-title{text-align:center;}
.index_case_bg .counter-title h2{color: #222222;}
.index_case_bg .counter-title p{color: #222222;}
.caseswiper{ margin:-30px -15px 0px;}
.caseswiper .slick-list{ padding:15px;}
.caseswiper dd{ padding:15px 15px 5px;transition: .5s;}
.caseBox .overflowHide { padding-bottom: 91.35%; margin-bottom:5px;}
.caseBox .casebm { text-align:center;font-weight: bolder; color: #222; height: 45px; line-height: 45px; font-size: 18px;}

.caseswiper dd:hover{margin-top: -5px;box-shadow:0 10px 10px 0 rgba(167,165,165,0.38);}

/********index_honor_bg***********/
.index_honor_bg { position:relative; width:100%;background:rgba(255, 255, 255, 1);padding:0.8rem 0px;}
.index_honor_bg .counter-title{text-align:center;}
.index_honor_bg .counter-title h2{color: #222222;}
.index_honor_bg .counter-title p{color: #222222;}
.honorswiper{ margin:0px -15px;}
.honorswiper dd{ padding:0px 15px;transition: .5s;}


.m2ryBax{ background: url(/static/7/index_honor_bbg.jpg) no-repeat center bottom; height: 260px; display:block; position:relative;}
.m2ry_bImgx{ width:300px; height:200px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
.m2ry_bImgx .m2ry_bimg{ display:inline-block; position:absolute; left:50%; top:50%; max-width:100%; height:auto; transform:translate(-50%,-50%); transition:all 0.5s ease-in-out;}

.m2ry_bimg img{ display:block;}
.m2ry_bsdx{ position:absolute; left:0; bottom:-35px; height:35px; background-position:center bottom; background-size:100% auto; width:100%; transform:rotateX(180deg);}
.m2ry_bsdx:after{content:""; position:absolute; left:0; top:0; right:0; bottom:0;background: linear-gradient(to bottom,rgba(247,247,247,0.7) 0%,#FCFCFC 90%); transform:rotate(180deg);}

.honorswiper dd strong{font-size: 18px; line-height:1.5; text-align: center; display: block; margin: 22px 0px; font-weight: normal; }
.honorswiper dd:hover .m2ry_bimg{margin-top:-10px;}