@import url(style1.css);
@import url(mobile.css);
@import url(custom1.css);
/*首页*/
/* .header .nav > ul > li.on > a{ color:#fff;}
.header:hover .nav > ul > li.on > a{ color:var(--main-color);} */
/*轮显*/
.banner_page { position: absolute; width: 100%; text-align: left; left: 0%; height: 0px; color: #aaaaaa; font-size: 16px; z-index: 10; bottom: 86px; line-height: 36px; z-index: 5; /*font-style:italic;*/
font-weight: bold; }
.banner_page .wrap2 { height: 0; }
.banner_page span { color: #fff; }
.banner_page label { color: #fff; opacity: 0.2; filter: Alpha(opacity=20); }
.banner_page em { font-style: normal; color: #fff; }
.main .banner .wrap12 { text-align: left; }
.main .banner .swiper-slide .txt { text-align: left; }
.main .banner .swiper-slide .p { text-align: left; }
.main .banner .swiper-slide .desc { text-align: left; }
.main .banner .swiper-pagination { width: 100%; text-align: center; }
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet { width: 15px; height: 15px; border-radius: 50%; opacity: 1; margin-right: 10px; border: 2px solid #ffffff; background: none; }
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet-active { background: var(--main-color); border-color: var(--main-color); }
.main .banner .swiper-slide .rbtn { border-color: #ffffff; }
.main .banner .swiper-slide .rbtn:hover { border-color: #0972cd; }
.main .banner .swiper-slide .rbtn::before { background-image: url(../images/i_pic8_on.html); }
.main .banner .swiper-slide .cons { opacity: 0; display: block; }
.main .banner .swiper-slide.swiper-slide-active .cons { animation: slideUp 0.5s ease-out forwards; }
.main .banner .pic1 { position: absolute; bottom: 0; left: 0; width: 100%; display: block; z-index: 1; }
 @keyframes slideUp {  from {
 transform: translateY(100%);
 opacity: 0;
}
to { transform: translateY(0); opacity: 1; }
}
 @media screen and (max-width: 1200px) {
/*轮显*/
.banner_page { bottom: 76px; }
.main .banner .btn { bottom: 50px; }
}
 @media screen and (max-width: 640px) {
/*轮显*/
.main .banner .btn { bottom: 50px; }
.main .banner .btn .boxs { margin-left: 140px; }
.banner_page { bottom: 66px; font-size: 15px; }
.banner_page label { /*display:none;*/
display: inline-block; width: 40px; vertical-align: top; overflow: hidden; }
.banner_page em { display: inline-block; width: 40px; vertical-align: top; overflow: hidden; }
.main .banner .swiper-slide .rbtn { min-width: 130px; padding: 0 30px; font-size: 15px; }
.main .banner .swiper-slide .rbtn span { height: 42px; line-height: 42px; padding: 0; }
.main .banner .swiper-pagination-clickable .swiper-pagination-bullet { width: 10px; height: 10px; }
.main .banner .swiper-slide .desc { margin-top: 1%; }
}
 @media screen and (max-width: 480px) {
/*轮显*/
.banner_page { bottom: 58px; }
.main .banner .swiper-slide .rbtn { min-width: 110px; padding: 0 20px; font-size: 13px; margin-top: 4%; }
.main .banner .swiper-slide .rbtn span { height: 36px; line-height: 36px; }
.main .banner .swiper-slide .rbtn { margin-top: 1%; }
.main .banner .swiper-pagination { margin-top: 10px; }
.main .banner .swiper-slide .txt { font-size: 30px; }
}
 @media screen and (max-width: 420px) {
/*轮显*/
.main .banner .swiper-slide .rbtn { min-width: 100px; }
.main .banner .swiper-slide .rbtn span { height: 32px; line-height: 32px; }
}
/*产品*/
.i_title { overflow: hidden; margin-top: 6%; }
.i_title .h3 { font-weight: bold; overflow: hidden; line-height: 1.3; color: #000000; }
.Index .index-li { position: sticky; top: 0; }
.Index .index-li:nth-child(1) { z-index: 1; }
.Index .index-li:nth-child(2) { z-index: 2; }
.Index .index-li:nth-child(3) { z-index: 3; }
.Index .index-li:nth-child(4) { z-index: 4; }
.Index .index-li:nth-child(5) { z-index: 5; }
.Index .index-li:nth-child(6) { z-index: 6; }
.Index .index-li:nth-child(7) { z-index: 7; }
.Index .footer-block { position: relative; z-index: 10; }
.i_product { margin-top: 5%; margin-bottom: 5%; position: relative; z-index: 0; }
.i_product::before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #f0f0f0; z-index: -1; }
.i_product li { display: flex; overflow: hidden; margin-bottom: 5%; background: #ffffff; justify-content: space-between; }
.i_product li .txts { width: 52.5%; overflow: hidden; display: flex; align-items: center; position: relative; }
.i_product li .txts::after { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 1px; background: #f0f0f0; z-index: -1; }
.i_product li .divs { position: relative; width: 100%; }
.i_product li .divs::after { content: ""; position: absolute; left: 0; top: 0; height: 68px; width: 2px; background: var(--main-color); }
.i_product li .cons { max-width: 700px; width: 92%; margin: 0 auto; }
.i_product li .cons .h3 { font-weight: normal; color: #000000; overflow: hidden; line-height: 1.5; white-space: nowrap; text-overflow: ellipsis; }
.i_product li .cons .p { overflow: hidden; line-height: 1.6; color: #222222; margin-top: 4%; padding-bottom: 5%; }
.i_product li .cons .dl { overflow: hidden; padding-top: 4%; padding-bottom: 5%; border-top: 1px solid #eeeeee; }
.i_product li .cons .dl dd { display: block; overflow: hidden; position: relative; line-height: 32px; color: #999999; padding-left: 16px; }
.i_product li .cons .dl dd::after { content: ""; position: absolute; width: 8px; height: 8px; top: 12px; left: 0; background: #777777; border-radius: 50%; }
.i_product li .imgs { width: 47.5%; overflow: hidden; border-radius: 20px; order: 1; position: relative; padding-top: 32.875%; }
.i_product li .imgs img { display: block; width: 100%; position: absolute; height: 100%; left: 0; top: 0; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; object-fit: cover; }
.i_product li .imgs:hover img { -webkit-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
 @media screen and (max-width: 1560px) {
/*产品*/

}
 @media screen and (max-width: 1200px) {
/*产品*/

}
 @media screen and (max-width: 992px) {
/*产品*/
.Index .index-li { position: relative; }
.i_product li { display: block; background: none; }
.i_product li .imgs { width: 100%; padding-top: 69.172%; }
.i_product li .txts { width: 100%; margin-top: 5%; }
.i_product li .cons { max-width: 800px; }
.i_product li .divs::after { display: none; }
}
 @media screen and (max-width:640px) {
/*产品*/
.i_product li .imgs { border-radius: 12px; }
}
 @media screen and (max-width:480px) {
/*产品*/


}
 @media screen and (max-width:420px) {
/*产品*/

}
/*应用*/
.business-page { position: relative; overflow: hidden; }
.business-page .business_div .top { position: absolute; bottom: 10%; left: 0; width: 100%; }
.business-page .business_div .top .swiper-container { overflow: visible; }
.business-page .business_div .top .wrap2 { position: relative; z-index: 1; border-radius: 6px; }
.business-page .business_div .top .wrap2::after { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); background: #fff; background: hsla(0, 0%, 100%, .1); z-index: 0; }
.business-page .business_div .top .wrap2::before { content: ""; position: absolute; width: 100%; height: 100%; left: 0; top: 0; border: 1px solid rgba(255, 255, 255, 0.42); border-radius: 6px; z-index: 1; }
.business-page .business_div .top .swiper-button-prev, .business-page .business_div .top .swiper-button-next { width: 25px; height: 45px; background-size: 25px auto; margin-top: -21%; }
.business-page .business_div .top .swiper-button-prev { left: -90px; background-image: url(../images/i_left.html); }
.business-page .business_div .top .swiper-button-prev:hover { background-image: url(../images/i_left_on.html); }
.business-page .business_div .top .swiper-button-next { right: -90px; background-image: url(../images/i_right.html); }
.business-page .business_div .top .swiper-button-next:hover { background-image: url(../images/i_right_on.html); }
.business-page .business_div .top .swiper-slide { text-align: center; color: #ffffff; position: relative; cursor: pointer; z-index: 0; }
/*.business-page .business_div .top .swiper-slide::before {
  content: " ";
  width: 100%;
  height: 1px;
  background: #eeeeee;
  position: absolute;
  left: 0;
  bottom: 4px;
  z-index: 2;
}*/
.business-page .business_div .top .swiper-slide::after { content: " "; width: 100%; height: 120%; background: #F85208; position: absolute; top: -10%; left: 0%; z-index: -1; transition: all 0.3s; opacity: 0; filter: Alpha(opacity=0); border-radius: 20px; }
.business-page .business_div .top .swiper-slide-thumb-active::after { opacity: 1.0; filter: Alpha(opacity=100); }
.business-page .business_div .top .swiper-slide .bb i { display: block; margin: 0 auto; width: 41px; height: 37px; margin-top: 30px; position: relative; }
.business-page .business_div .top .swiper-slide .bb i img { display: block; height: 100%; position: absolute; top: 0; left: 0; }
/* .business-page .business_div .top .swiper-slide .bb i img.bgs2{opacity:0;filter:Alpha(opacity=0);}
.business-page .business_div .top .swiper-slide-thumb-active .bb  i img.bgs2{opacity:1.0;filter:Alpha(opacity=100);}
.business-page .business_div .top .swiper-slide-thumb-active .bb i img.bgs1{opacity:0;filter:Alpha(opacity=0);} */
.business-page .business_div .top .swiper-slide .bb { width: 94%; margin: 0 auto; text-align: center; position: relative; }
.business-page .business_div .top .swiper-slide .bb .h5 { font-weight: normal; color: #ffffff; line-height: 22px; height: 44px; max-width: 200px; margin: 0 auto; margin-bottom: 25px; margin-top: 15px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.business-page .business_div .top .swiper-slide-thumb-active .bb .h5 { color: #fff; }
/*.business-page .business_div .top .swiper-slide-thumb-active::after {
  background-image: url(../images/history_year2.png);
}*/
.business-page .business_div .gallery-top .swiper-slide { width: 100%; }
.business-page .business_div .gallery-top .swiper-slide dd { overflow: hidden; transition: all 0.3s; text-align: left; /* padding-bottom:145px;*/
position: relative; z-index: 0; width: 100%; margin: 0 auto; }
.business-page .business_div .gallery-top .swiper-slide .boxs { overflow: hidden; /*opacity:0;filter:Alpha(opacity=0);*/
background-repeat: no-repeat; background-position: center center; background-size: cover; }
.business-page .business_div .gallery-top .swiper-slide dd:hover .imgs img { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); }
.business-page .business_div .gallery-top .swiper-slide .txts { max-width: 675px; overflow: hidden; text-align: left; color: #232d39; margin-top: 10%; margin-bottom: 24%; }
.business-page .business_div .gallery-top .swiper-slide .txts .h3 { font-weight: bold; color: #333333; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.business-page .business_div .gallery-top .swiper-slide .txts .h4 { font-weight: bold; color: #333333; line-height: 1.3; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 10%; }
.business-page .business_div .gallery-top .swiper-slide .cons { overflow: hidden; font-size: 16px; line-height: 1.6; margin-top: 2%; color: #333333; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.business-page .business_div .gallery-top .swiper-slide-active .boxs { opacity: 1; filter: alpha(opacity=100); }
/*.business-page .business_div .gallery-top .swiper-slide-active .desc { color:#b7b7ec; }*/
/*.business-page .business_div .gallery-top .swiper-slide-active dd{ width:100%;}*/
.business-page .business_div .gallery-top .swiper-slide .rbtn, .business-page .business_div .gallery-top .swiper-slide .u-btn1 { margin-top: 12%; }
 @media screen and (max-width:1200px) {
/*应用*/
.business-page .business_div .top .swiper-slide::after { height: 110%; top: -5%; }
.business-page .business_div .top .swiper-slide .bb i { width: 38px; height: 34px; }
}
 @media screen and (max-width:992px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .txts { margin-bottom: 28%; }
.business-page .business_div .gallery-top .swiper-slide .cons { font-size: 15px; }
.business-page .business_div .top .swiper-slide .bb i { margin-top: 25px; }
.business-page .business_div .top .swiper-slide .bb .h5 { margin-bottom: 20px; margin-top: 10px; }
}
 @media screen and (max-width: 830px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .txts { margin-bottom: 32%; }
.business-page .business_div .gallery-top .swiper-slide .txts .h4 { margin-top: 8%; }
.business-page .business_div .gallery-top .swiper-slide .rbtn,  .business-page .business_div .gallery-top .swiper-slide .u-btn1 { margin-top: 10%; }
}
 @media screen and (max-width: 780px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .txts { margin-bottom: 35%; }
}
 @media screen and (max-width: 640px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .cons { font-size: 14px; margin-top: 1%; }
.business-page .business_div .gallery-top { margin-top: 5%; }
.business-page .business_div .gallery-top .swiper-slide .txts { margin-bottom: 220px; }
.business-page .business_div .gallery-top .swiper-slide .rbtn,  .business-page .business_div .gallery-top .swiper-slide .u-btn1 { margin-top: 6%; }
.business-page .business_div .gallery-top .swiper-slide .txts .h4 { margin-top: 6%; }
.business-page .business_div .top .swiper-slide .bb .h5 { margin-bottom: 15px; }
}
 @media screen and (max-width:480px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .cons { font-size: 13px; }
.business-page .business_div .top .swiper-slide .bb i { width: 32px; height: 29px; }
}
 @media screen and (max-width:420px) {
/*应用*/
.business-page .business_div .gallery-top .swiper-slide .cons { font-size: 12px; }
}
/*关于我们*/
.i_about_bg { }
.i_about { position: relative; text-align: center; line-height: 26px; color: #000000; }
.i_about .i_about_t { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; text-align: center; margin-top: 1.5%; }
.i_about .i_about_t .rbtn, .i_about .i_about_t .u-btn1 { margin-top: 2%; }
.i_about .content_wrap { position: relative; background-color: rgba(255, 255, 255, .8); padding-top: 4%; }
.i_about .p { overflow: hidden; margin: 0 auto; max-width: 1300px; }
.i_about .p p { overflow: hidden; margin-bottom: 2%; }
.i_about img { display: block; width: 60%; max-width: 936px; margin: 0 auto; margin-top: 0 !important; padding-top: 15%; position: sticky; top: 0; }
.i_about_bg .counter { text-align: left; margin-top: 4%; margin-bottom: 6%; }
.i_about_bg .counter ul { display: flex; justify-content: space-between; width: 100%; }
.i_about_bg .counter ul li { display: inline-block; vertical-align: top; transition: all 0.3s; position: relative; width: 25%; }
.i_about_bg .counter ul li .nums { line-height: 1; color: var(--main-color); position: relative; display: inline-block; }
.i_about_bg .counter span { display: inline-block; vertical-align: middle; overflow: hidden; letter-spacing: 1px; font-weight: bold; font-family: Arial; padding-right: 6px; }
.i_about_bg .counter label { display: inline-block; vertical-align: middle; font-weight: 500; }
.i_about_bg .counter i { font-family: Arial; font-style: normal; position: absolute; right: -15px; top: 0; color: #222222; }
.i_about_bg .counter .h6 { font-weight: normal; overflow: hidden; line-height: 24px; /*  white-space:nowrap;text-overflow:ellipsis; */
margin-top: 12px; margin-bottom: 6px; color: #333333; font-size: 16px; }
.i_about_bg .counter ul li:hover { -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0); }
 @media (max-width: 1560px) {
/*关于我们*/


}
 @media (max-width: 1200px) {
/*关于我们*/
.i_about_bg .counter { padding-left: 0; padding-right: 0; }
.i_about_bg .counter .h6 { font-size: 15px; }
.i_about img { margin-top: 140px; }
}
 @media (max-width: 992px) {
/*关于我们*/
.i_about img { margin-top: 120px; }
}
 @media (max-width: 768px) {
/*关于我们*/


}
 @media (max-width:640px) {
/*关于我们*/
.i_about_bg .counter .h6 { font-size: 14px; }
.i_about img { margin-top: 120px; }
.i_about_bg .counter { text-align: center; }
.i_about_bg .counter ul { flex-wrap: wrap; }
.i_about_bg .counter ul li { width: 50%; }
}
 @media screen and (max-width: 480px) {
/*关于我们*/
.i_about_bg .counter .h6 { font-size: 13px; }
.i_about_bg .counter ul { flex-wrap: wrap; }
/* .i_about_bg .counter ul li{width: 50%;text-align: center;}
  .i_about_bg .counter ul li:nth-child(1),.i_about .counter ul li:nth-child(2){margin-bottom: 3%;} */
.i_about_bg .counter ul li .txts2 { display: inline-block; vertical-align: top; }
.i_about img { margin-top: 100px; }
}
 @media screen and (max-width: 420px) {
/*关于我们*/
.i_about_bg .counter .h6 { font-size: 12px; }
.i_about img { margin-top: 80px; }
}
/*合作伙伴*/
.he_syp4egul { padding-top: 4%; margin-bottom: 5%; position: relative; overflow: hidden; border-top: 1px solid #f3f3f3; }
/* .he_syp4egul:before{ content:""; position:absolute; left:0; top:0; height:100%; width:13%; background-color:#ffffff;background: linear-gradient(to right,#ffffff,rgba(255,255,255,0.95),rgba(255,255,255,0.75),rgba(255,255,255,0)); z-index:2;}
.he_syp4egul:after{ content:""; position:absolute; right:0; top:0; height:100%; width:13%; background-color:#ffffff;background: linear-gradient(to left,#ffffff,rgba(255,255,255,0.95),rgba(255,255,255,0.75),rgba(255,255,255,0)); z-index:1;} */
.he_syp4egk { width: 100%; position: relative; }
.he_syp4egk .imgs { overflow: hidden; width: 96%; margin: 0 auto; max-width: 142px; /* padding-top: 20.601%; */
padding-top: 56px; position: relative; }
.he_syp4egk .imgs img { width: 100%; display: block; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.he_syp4egk .imgs:hover img { -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); filter: grayscale(0%); filter: none; }
.he_syp4egk .fl { float: left; }
.he_syp4egul.swiper-container-free-mode>.swiper-wrapper { transition-timing-function: linear; }
 @media screen and (max-width: 1200px) {
/*合作伙伴*/

}
 @media screen and (max-width: 992px) {
/*合作伙伴*/

}
 @media screen and (max-width: 640px) {
/*合作伙伴*/
.he_syp4egk .imgs { border-radius: 10px; }
.he_syp4egul { margin-bottom: 6%; }
}
/*为什么选我们*/
.i_choose_bg { overflow: hidden; background: #f1f1f1; }
.i_choose_bg .i_title { text-align: center; }
.i_choose { overflow: hidden; margin-top: 4%; }
.i_choose ul { display: flex; flex-wrap: wrap; }
.i_choose ul li { width: 32%; margin-right: 2%; margin-bottom: 2%; overflow: hidden; background: #ffffff; border-radius: 16px; }
.i_choose ul li:nth-child(3n) { margin-right: 0; }
.i_choose ul li .boxs { width: 92%; margin: 0 auto; max-width: 440px; }
 @media screen and (max-width: 1560px) {
}
 @media screen and (max-width: 1400px) {
}
 @media screen and (max-width: 1200px) {
}
 @media screen and (max-width: 992px) {
}
 @media screen and (max-width:780px) {
}
 @media screen and (max-width:640px) {
}
 @media screen and (max-width:480px) {
}

/**/

@media screen and (max-width: 1560px) {
}
 @media screen and (max-width: 1400px) {
}
 @media screen and (max-width: 1200px) {
}
 @media screen and (max-width: 992px) {
}
 @media screen and (max-width:780px) {
}
 @media screen and (max-width:640px) {
}
 @media screen and (max-width:480px) {
}
 @keyframes mymove6 {  from {
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translateY(100px) translateX(0);
 -moz-transform: translateY(60px) translateX(0);
 transform: translateY(60px) translateX(0);
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
}
to { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); }
}
 @-webkit-keyframes mymove6 { 
  /*from { filter:alpha(opacity=0);opacity:0; margin-bottom:-20%;}

	to {margin-bottom:3%;filter:alpha(opacity=1);opacity:1;}*/

  from {
 filter: alpha(opacity=0);
 opacity: 0;
 -webkit-transform: translateY(100px) translateX(0);
 -moz-transform: translateY(60px) translateX(0);
 transform: translateY(60px) translateX(0);
 -webkit-transition-timing-function: ease-in-out;
 transition-timing-function: ease-in-out;
}
to { filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px) translateX(0); -moz-transform: translateY(0px) translateX(0); transform: translateY(0px) translateX(0); }
}