/**banner**/
.banner-type-a { position: relative; }
.banner-type-a .swiper-slide { height: auto; }
.banner-type-a .box { display: block; overflow: hidden; position: relative; }
.banner-type-a .swiper-slide .box img { display: block; width: 100%; transform: scale(1.2); transition: all 2s; }
.banner-type-a .swiper-slide .box img.mobile { display: none; }
.banner-type-a .swiper-slide-active .box img { transform: scale(1); }
.banner-type-a .box .pc { display: block; }
.banner-type-a .box .phone { display: none; }
.banner-type-a .box .cont { position: absolute; left: 0; top: 0; height: 100%; width: 100%; font-size: 20px; line-height: 1.6em; color: #ffffff;/*display: flex; align-items: center; justify-content: left;*/
}
.banner-type-a .box .cont .wrap3 { margin: 0 auto; /* max-width:1470px; */ position: relative; height: 100%; }
.banner-type-a .f90 { font-size: 90px; }
.banner-type-a .f60 { font-size: 60px; }
.banner-type-a .f48 { font-size: 48px; }
.banner-type-a .f36 { font-size: 36px; }
.banner-type-a .f30 { font-size: 30px; }
.banner-type-a .f24 { font-size: 24px; }
.banner-type-a .swiper-slide .text { opacity: 0; transition: all 3.5s; position: absolute; left: 30%; right: 0; top: 40.6%; width: 70%; }
.banner-type-a .swiper-slide-active .text { opacity: 1; left: 0; }
.banner1_one { text-align: center; color: #fff; margin-top: 13%;/*font-family:"华文细黑";*/ line-height: 1.3; }
.banner1_one h2 { font-weight: normal; margin-bottom: 0.5%;/*font-family:"华文细黑";*/ }
.banner1_two { text-align: center; color: #fff; margin-top: 3%; opacity: 0; filter: Alpha(opacity=0); line-height: 1.5; }
.banner1_two span { display: inline-block; padding-left: 60px; padding-right: 60px; height: 112px; }
.banner1_two span:first-child { border-right: 1px solid rgba(103,119,148,0.5); margin-left: 50px; }
.banner1_two span b { font-weight: normal; color: #ffc600; display: block; }
.banner2_one { float: left; /*width:45%;*/ width: 100%; color: #fff; }
.banner2_one h2 { font-weight: normal; margin-bottom: 2%;/*font-family:"华文细黑";*/ line-height: 1.3; }
.banner2_one p { color: #fff;/*font-family:"华文细黑";*/ line-height: 1.5; max-width: 560px; }
.banner-type-a .swiper-slide .leftto { filter: alpha(opacity=0); opacity: 0; }
.banner2_one em { display: block; width: 208px; height: 46px; line-height: 46px; border: 1px solid #fff; border-radius: 30px; font-size: 16px; text-indent: 50px; background: url(../images/i_bg9.png) 138px center no-repeat; font-style: normal; margin-top: 10%; transition: all 0.3s; cursor: pointer; }
.banner2_one em:hover { background-position: 150px center; margin-left: 10px; }
.banner4_one { float: left; width: 60%; color: #fff; }
.banner4_one h2 { color: #fff; font-weight: normal; margin-bottom: 2%;/*font-family:"华文细黑";*/ margin-top: 35%; opacity: 0; filter: Alpha(opacity=0); line-height: 1.3; }
.banner4_one p { color: #fff;/*font-family:"华文细黑";*/ opacity: 0; filter: Alpha(opacity=0); line-height: 1.5; }
.banner4_one em { display: block; width: 208px; height: 46px; line-height: 46px; border: 1px solid #000; border-radius: 30px; font-size: 16px; text-indent: 50px; background: url(../images/i_bg10.png) 138px center no-repeat; font-style: normal; margin-top: 6%; transition: all 0.3s; cursor: pointer; }
.banner4_one em:hover { background-position: 150px center; margin-left: 10px; }
.banner-type-a .swiper-slide-active .anim-1 { animation: mymove6 0.6s; -webkit-animation: mymove6 0.6s linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0.3s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; }
.banner-type-a .swiper-slide-active .anim-2 { animation: mymove6 0.6s; -webkit-animation: mymove6 0.6s linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 1s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 1s; }
.banner-type-a .swiper-slide-active .anim-3 { animation: mymove6 0.6s; -webkit-animation: mymove6 0.6s linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 2s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 2s; }
.banner-type-a .swiper-slide-active .leftto { animation: mymove8 0.5s; -webkit-animation: mymove8 0.5s linear; animation-iteration-count: 1; animation-fill-mode: forwards; animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-fill-mode: forwards; -webkit-animation-delay: 0s; }
.banner-type-a .swiper-slide-active .banner1_one.leftto { animation-delay: 1s; -webkit-animation-delay: 1s; }
.banner-type-a .swiper-slide-active .banner2_one .leftto { animation-delay: 2s; -webkit-animation-delay: 2s; }
.banner-type-a .swiper-slide-active .banner4_one .leftto { animation-delay: 1s; -webkit-animation-delay: 1s; }
.banner-type-a .box .cont .wid { width: 470px; max-width: 100%; }
.banner-type-a .box .cont .h1 { font-size: 2.5em; line-height: 1.4em; font-weight: bold; letter-spacing: 2px; }
.banner-type-a .box .cont .en { margin-top: 0.6em; }
.banner-type-a .box .cont .more-box-a { margin-top: 2em; }
.banner-type-a .video-box { height: 100%; position: relative; }
.banner-type-a .video-box video { display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.banner-type-a .swiper-points {
 --h: 12px;
 --c: #ffffff; position: absolute; left: 0; bottom: 5%; z-index: 2; width: 100%; }
.banner-type-a .swiper-points .swiper-pagination-bullet { margin: 0 7px; position: relative; border-radius: 0; width: 12px; height: 12px; text-align: center; font-size: 0.5em; line-height: 12px; color: var(--c); cursor: pointer; }
.banner-type-a .swiper-points .swiper-pagination-bullet::before, .banner-type-a .swiper-points .swiper-pagination-bullet::after { content: ''; display: block; position: absolute; border-radius: 50%; }
.banner-type-a .swiper-points .swiper-pagination-bullet::before { left: 0; top: 0; height: 100%; width: 100%; border: 2px solid var(--c); opacity: 0; }
.banner-type-a .swiper-points .swiper-pagination-bullet::after { left: 50%; top: 50%; height: 50%; width: 50%; transform: translate(-50%, -50%); background: var(--c); }
.banner-type-a .swiper-points .cycle-box {
 --b-w: 2px;
 --size: 12px; position: absolute; left: 0; top: 0; opacity: 0; }
.banner-type-a .swiper-points .swiper-pagination-bullet-active::before { opacity: 0.67; }
.banner-type-a .swiper-points .swiper-pagination-bullet-active::after { opacity: 0; }
.banner-type-a .swiper-points .swiper-pagination-bullet-active .cycle-box { opacity: 1; }
@media screen and (max-width:1820px) {
.banner-type-a .f90 { font-size: 89px; }
.banner-type-a .f60 { font-size: 55px; }
.banner-type-a .f48 { font-size: 45px; }
.banner-type-a .f36 { font-size: 34px; }
.banner-type-a .f30 { font-size: 28px; }
.banner-type-a .f24 { font-size: 22px; }
.banner4_one h2 { margin-top: 30%; }
.banner1_one { margin-top: 12%; }
.banner1_two { margin-top: 2.8%; }
}
@media (max-width: 1680px) {
.banner2_one em { width: 182px; height: 40px; line-height: 40px; font-size: 14px; text-indent: 43px; background-position: 120px center; margin-top: 8.7%; }
.banner2_one em:hover { background-position: 130px center; }
.banner-type-a .f90 { font-size: 78px; }
.banner-type-a .f60 { font-size: 50px; }
.banner-type-a .f48 { font-size: 41px; }
.banner-type-a .f36 { font-size: 32px; }
.banner-type-a .f30 { font-size: 26px; }
.banner-type-a .f24 { font-size: 20px; }
.banner4_one h2 { margin-top: 25%; }
.banner4_one em { width: 182px; height: 40px; line-height: 40px; font-size: 14px; text-indent: 43px; background-position: 120px center; margin-top: 5%; }
.banner4_one em:hover { background-position: 130px center; }
.banner1_one { margin-top: 11%; }
.banner1_two { margin-top: 2.6%; }
}
@media (max-width: 1600px) {
.banner-type-a .swiper-point-num { bottom: 30px; }
.banner-type-a .f90 { font-size: 74px; }
.banner-type-a .f60 { font-size: 48px; }
.banner-type-a .f48 { font-size: 39px; }
.banner-type-a .f36 { font-size: 30px; }
.banner-type-a .f30 { font-size: 25px; }
.banner-type-a .f24 { font-size: 19px; }
.banner4_one h2 { margin-top: 24%; }
.banner1_one { margin-top: 10%; }
.banner1_two { margin-top: 2.5%; }
}
@media (max-width: 1440px) {
.banner-type-a .f90 { font-size: 67px; }
.banner-type-a .f60 { font-size: 42px; }
.banner-type-a .f48 { font-size: 36px; }
.banner-type-a .f36 { font-size: 27px; }
.banner-type-a .f30 { font-size: 22.5px; }
.banner-type-a .f24 { font-size: 18px; }
.banner1_one { margin-top: 9%; }
.banner1_two { margin-top: 2.25%; }
.banner1_two span { height: 90px; }
}
@media screen and (max-width:1366px) {
.banner-type-a .f90 { font-size: 64px; }
.banner-type-a .f60 { font-size: 39px; }
.banner-type-a .f48 { font-size: 34px; }
.banner-type-a .f36 { font-size: 25px; }
.banner-type-a .f30 { font-size: 21px; }
.banner-type-a .f24 { font-size: 16px; }
.banner1_two { margin-top: 2.13%; }
.banner1_two span { height: 84px; }
}
@media screen and (max-width:1280px) {
.banner-type-a .f90 { font-size: 59px; }
.banner-type-a .f60 { font-size: 35px; }
.banner-type-a .f48 { font-size: 32px; }
.banner-type-a .f36 { font-size: 24px; }
.banner-type-a .f30 { font-size: 20px; }
.banner-type-a .f24 { font-size: 15px; }
.banner1_two { margin-top: 2%; }
.banner1_two span { height: 80px; }
}
@media (max-width: 992px) {
.banner-type-a .swiper-points {
 --h: 0.12rem; bottom: 20px; }
.banner-type-a .swiper-points .swiper-pagination-bullet { line-height: 10px; height: 10px; width: 10px; }
.banner-type-a .swiper-points .cycle-box { --size: 10px;
}
.banner-type-a .f90 { font-size: 56px; }
.banner-type-a .f60 { font-size: 33px; }
.banner-type-a .f48 { font-size: 30px; }
.banner-type-a .f36 { font-size: 22px; }
.banner-type-a .f30 { font-size: 19px; }
.banner-type-a .f24 { font-size: 14px; }
.banner1_two { margin-top: 1.86%; }
.banner1_two span { height: 80px; }
.banner-type-a .swiper-slide .text { left: 5px; width: 95%; }
.banner-type-a .swiper-slide:nth-child(4) .text, .banner-type-a .swiper-slide:nth-child(5) .text { top: 20%; }
.banner-type-a .swiper-slide .box img.pc { display: none; }
.banner-type-a .swiper-slide .box img.mobile { display: block; }
}
@media (max-width: 780px) {
.banner-type-a .f60 { font-size: 28px; }
.banner2_one em { display: none; }
}
.index-about {
 --w: var(--wrap-1680-width);
 --r: 50px; position: relative; /* padding: calc(var(--w)*0.0714) 0; */
padding: 6.8% 0; overflow: hidden; }
.index-about .cont-cont { width: 50.59%; padding-left: calc((var(--wrap-1760-width) - var(--wrap-1680-width))/2); }
.index-about .cont-cont .top-line { display: block; position: absolute;  top: calc(var(--r)*-1);
 left: calc(((var(--wrap-1760-width) - var(--wrap-1680-width))/2 + var(--bettwen-1760-pad))*1);
width: var(--r);  height: calc(var(--r)*2);
background-color: #e2e2e1; }
.index-about .cont-cont .auto-title-block { margin-bottom: 75px; }
.index-about .cont-cont .auto-title-block .auto-title-h2 { position: relative; }
.index-about .cont-cont .auto-title-block .auto-title-h2 .line { margin-top: -1px; position: absolute; top: 50%;  left: calc(((var(--wrap-1760-width) - var(--wrap-1680-width))/2 + var(--bettwen-1760-pad))*-1);
height: 2px; width: calc(var(--bettwen-1760-pad)/2); background-color: #222222; }
.index-about .cont-cont .text { margin-bottom: 8.8em; font-size: 18px; line-height: 2.22em; color: #222222; }
.index-about .cont-cont .num-box { margin: 0 -10px; text-align: center; font-size: 17px; line-height: 1.2em; color: #222222; }
.index-about .cont-cont .num-box .num-son { padding: 10px; }
.index-about .cont-cont .num-box .num-val { font-weight: bold; font-size: 3.64em; line-height: 0.9em; }
.index-about .cont-cont .num-box .num-min { display: block; margin-top: 0.5em; margin-bottom: 1em; color: #999999; }
.index-about .cont-cont .num-box .num-text { font-size: 1.11em; line-height: 1.4em; }
.index-about .cont-cont .bot-line {
 --l-h: 26px; display: block; position: absolute;  bottom: calc(var(--w)*0.0714*0.5);
right: 75%; width: 50vw; height: var(--l-h); background-color: #e2e2e1; }
.index-about .img-cont { width: 44.64%; }
.index-about .img-cont .img-box { margin-right: -26.012%; border-top-left-radius: var(--r); }
@media (max-width: 1660px) {
.index-about {  --r: 44px;
}
.index-about .cont-cont .auto-title-block { margin-bottom: 55px; }
.index-about .cont-cont .text {
 margin-bottom: calc(var(--w)*0.07); line-height: 2em; }
.index-about .cont-cont .num-box { font-size: 16px; }
.index-about .cont-cont .num-box .num-min { margin-top: 0.4em; margin-bottom: 0.7em; }
.index-about .cont-cont .bot-line {  --l-h: 25px;
}
}
@media (max-width: 1550px) {
.index-about {  --r: 40px;
}
.index-about .cont-cont .auto-title-block { margin-bottom: 35px; }
.index-about .cont-cont .text {  margin-bottom: calc(var(--w)*0.06);
}
.index-about .cont-cont .num-box { font-size: 15px; }
.index-about .cont-cont .num-box .num-son { padding: 8px; }
.index-about .cont-cont .bot-line {  --l-h: 22px;
}
}
@media (max-width: 1400px) {
.index-about {  --r: 36px;
}
.index-about .cont-cont .auto-title-block { margin-bottom: 30px; }
.index-about .cont-cont .text { font-size: 17px; line-height: 1.9em; }
.index-about .cont-cont .num-box { font-size: 14px; }
.index-about .cont-cont .bot-line {  --l-h: 20px;
}
}
@media (max-width: 992px) {
.index-about { padding-bottom: 5%; padding-top: 7%; }
.index-about .flex-box { display: block; }
.index-about .cont-cont { width: 100%; }
.index-about .img-cont { width: 100%; margin-top: 7%; }
.index-about .cont-cont .bot-line { display: none; }
.index-about .img-cont .img-box { margin-right: 0; }
.index-about .cont-cont .text { margin-bottom: 4%; font-size: 15px; }
.index-about .cont-cont .auto-title-block { margin-bottom: 3%; }
.auto-title-block .auto-title-h2 { margin-top: 1.5%; }
}
@media (max-width: 780px) {
.index-about { padding-top: 9%; }
.index-about .cont-cont .num-box { display: block; }
.index-about .cont-cont .num-box .num-son { float: left; width: 50%; }
}
.index-server {
 --w: var(--wrap-1680-width);
 --r: 26px; position: relative;  padding: calc(var(--w)*0.0714) 0 calc(var(--w)*0.0795);
background: url(../images/bg11.jpg) no-repeat center / 100% 100%; background-attachment: fixed; overflow: hidden; }
.index-server .auto-title-block { color: #ffffff; }
.index-server .swiper-parent {
 --p: 56px; margin-top: 65px; position: relative; }
.index-server .swiper-btns .swiper-btn { position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; }
.index-server .swiper-btns .prev { left: 0; }
.index-server .swiper-btns .next { display: none; }
.index-server .swiper-box {
 margin: 0 calc(var(--p)*-1); padding: 0 115px; }
.index-server .swiper-box .swiper { overflow: visible; }
.index-server .swiper-box .swiper-slide { width: auto; margin: 0 var(--p); width: calc(var(--wrap-1760-width)*0.2897);
transition: width 0.3s!important; -webkit-transition: width 0.3s!important; -moz-transition: width 0.3s!important; -o-transition: width 0.3s!important; }
.index-server .swiper-box .swiper-slide-active .i-default { z-index: 1; opacity: 0; }
.index-server .swiper-box .swiper-slide-active .i-hover { /* transform: scale(1);*/transform: scale(1, 1); transition: all 0.3s ease-out 0s; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; z-index: 2; opacity: 1; }
.index-server .swiper-box .swiper-slide-active .i-hover .pad { padding: 45px 60px; }
.index-server .swiper-box .box { display: block; position: relative; border-radius: var(--r); /*width: calc(var(--wrap-1760-width)*0.2897);*/
overflow: hidden; background: rgba(255, 255, 255, 0.03);/* transition: width 0.3s!important;*/
}
.index-server .swiper-box .swiper-slide-active { width: calc(var(--wrap-1760-width)*0.293);
}
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.293);}*/
.index-server .swiper-box .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0; transition: opacity 0.3s; }
.index-server .swiper-box .bg img { display: block; width: 100%; height: 100%; object-fit: fill; }
.index-server .swiper-box .pad { position: relative; padding: 75px 60px 90px 60px; color: #ffffff; }
.index-server .swiper-box .pad img { display: block; margin-bottom: 0; width: auto; height: 0; transition: height 0.3s, margin 0.3s; }
.index-server .swiper-box .pad .h6 { font-size: 36px; line-height: 1.22em; }
.index-server .swiper-box .pad .des { margin-top: 2em; font-size: 15px; line-height: 1.9em; opacity: 0.29; }
.index-server .swiper-box .i-default { position: absolute; z-index: 2; opacity: 1; transition: opacity 0.8s, z-index 0.3s, background .3s; }
.index-server .swiper-box .i-default:hover .bg { opacity: 1; }
.index-server .swiper-box .i-default:hover .des { opacity: 1; }
.index-server .swiper-box .i-hover { position: relative; z-index: 1; opacity: 0; pointer-events: none; transform: scale(0.75, 0.75); transition: opacity 0.8s, z-index 0.3s, transform 0.8s; }
.index-server .swiper-box .i-hover .bg { opacity: 1; }
.index-server .swiper-box .i-hover .pad { padding: 55px 60px; }
.index-server .swiper-box .i-hover .pad img { margin-bottom: 35px; height: 82px; }
.index-server .swiper-box .i-hover .pad .des { opacity: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 1800px) {
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.3);}*/
.index-server .swiper-box .swiper-slide-active { width: calc(var(--wrap-1760-width)*0.3);
}
.index-server .swiper-box .pad .h6 { font-size: 32px; }
.index-server .swiper-box .swiper-slide-active .i-hover .pad { padding: 42px 40px; }
.index-server .swiper-box .i-hover .pad img { height: 75px; }
.index-server .swiper-box .swiper-slide-active .pad .des { margin-top: 1.7em; }
}
@media (max-width: 1660px) {
.index-server {  --r: 22px;
 padding: calc(var(--w)*0.072) 0 calc(var(--w)*0.07);
}
.index-server .swiper-parent {
 --p: 50px; margin-top: 55px; }
.index-server .swiper-box { padding: 0 100px; }
.index-server .swiper-box .i-hover .pad { padding: 50px 50px 55px; }
.index-server .swiper-box .i-hover .pad img { margin-bottom: 25px; height: 70px; }
.index-server .swiper-box .pad { padding: 50px 55px 50px; }
.index-server .swiper-box .pad .h6 { font-size: 30px; }
.index-server .swiper-box .pad .des { margin-top: 1.6em; line-height: 1.8em; }
.index-server .swiper-box .swiper-slide-active .pad .des { margin-top: 1.5em; }
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.32);}*/
.index-server .swiper-box .swiper-slide-active { width: calc(var(--wrap-1760-width)*0.32);
}
.index-server .swiper-box .swiper-slide-active .i-hover .pad { padding: 40px 35px; }
}
@media (max-width: 1550px) {
.index-server {  --r: 18px;
 padding: calc(var(--w)*0.068) 0 calc(var(--w)*0.065);
}
.index-server .swiper-parent {
 --p: 40px; margin-top: 50px; }
.index-server .swiper-box { padding: 0 90px; }
.index-server .swiper-box .i-hover .pad { padding: 40px 40px 45px; }
.index-server .swiper-box .i-hover .pad img { margin-bottom: 24px; height: 68px; }
.index-server .swiper-box .pad { padding: 50px 40px 60px; }
.index-server .swiper-box .pad .h6 { font-size: 26px; }
.index-server .swiper-box .pad .des { margin-top: 1.4em; }
/*.index-server .swiper-box .swiper-slide-active .box {width: calc(var(--wrap-1760-width)*0.35);}*/
.index-server .swiper-box .swiper-slide-active { width: calc(var(--wrap-1760-width)*0.35);
}
}
@media (max-width: 992px) {
.index-server { padding: 7% 0 5% 0; }
.index-server .swiper-parent { margin-top: 5%; }
.index-server .swiper-btns { display: none; }
.index-server .swiper-box { padding: 0; margin: 0; }
.index-server .swiper-box .swiper-slide { margin-left: 0%; margin-right: 3%; }
.index-server .swiper-box .pad .h6 br { display: none; }
.index-server .swiper-box .i-hover .pad img { height: 58px; }
.index-server .swiper-box .pad .h6 { font-size: 22px; }
.index-server .swiper-box .pad .des { font-size: 14px; }
.index-server .swiper-box .pad { padding: 40px 20px 50px; }
.index-server .swiper-box .swiper-slide-active .pad .des { margin-top: 15px; font-size: 14px; }
.index-server .swiper-box .swiper-slide-active .i-hover .pad { padding: 30px 20px 40px; }
}
@media (max-width: 780px) {
.index-server { padding: 8% 0 6% 0; }
.index-server .swiper-parent { margin-top: 7%; }
}
@media (max-width: 380px) {
.index-server { padding: 7% 0 3% 0; }
}
.index-case {
 --w: var(--wrap-1760-width);
 --p: 28px; position: relative;  padding: calc(var(--w)*0.09) 0 80px;
background: #f5f5f5; text-align: center; color: #222222; }
.index-case::after { content: ''; display: block; position: absolute; left: 0; bottom: -170px; width: 100%; height: 365px; pointer-events: none; background: url(../images/bg2.png) no-repeat center / 100% 100%; }
.index-case .auto-title-block { padding: 0 calc((var(--wrap-1760-width) - var(--wrap-1680-width))/2); }
.index-case .grid { z-index: 2; }
.index-case .grid .grid-item { width: 50%; }
.index-case .list1 {  margin: calc(var(--p)*-1);
}
.index-case .list1-li { padding: var(--p); perspective: 1000px; }
.index-case .list1-box { display: block; position: relative; overflow: hidden; box-shadow: 0; transition: transform .3s, box-shadow .3s; transform: rotate(0deg) skewX(0deg); display: block; overflow: hidden; transition: .6s ease-out; position: relative; }
.index-case .list1-bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: fill; }
.index-case .list1-pad { position: relative; padding: 10% 8.9% 0; }
.index-case .list1-title { font-size: 36px;  font-size: clamp(22px, calc(var(--w)*.027), 36px);
font-weight: bold; line-height: 1.4em; }
.index-case .list1-type { margin-top: 0.7em; margin-bottom: 9%; font-size: 16px; line-height: 1.4em; }
.index-case .list1-img { background-color: #ffffff; box-shadow: 0px 4px 57px 0px rgba(0, 0, 0, 0.21); border-radius: 16px 16px 0px 0px; border: solid 16px #ffffff; border-bottom: 0 none;/*transition: border .3s,background .3s;*/
}
.index-case .list1-img::before { padding-top: 67.39%; }
.index-case .list1-img img { display: block; border-radius: 14px 14px 0px 0px; transition: .8s!important; transition-delay: .1s!important; }
/*.index-case .list1-box:hover .list1-img {
  background: var(--main-color);
  border-color: var(--main-color);
}*/
.index-case .list1-box:hover { box-shadow: 0 0 10px rgba(0,0,0,.1);/*transform: rotate(-1deg) skewY(3deg) scaleX(.95);*/ transform: rotateX(-3deg) rotateY(-9deg) translateX(-10px); }
.index-case .list1-box:hover .list1-img img { transform: scale(1.05); }
@media (max-width: 992px) {
.index-case { display: none; }
}
.index-case2 {
 --w: var(--wrap-1760-width); position: relative;  padding: calc(var(--w)*0.069) 0 70px;
color: #222222; }
.index-case2 .auto-title-block { padding: 30px 0 50px; }
.index-case2 .list2 { margin: -26px; }
.index-case2 .list2 .list2-li { padding: 26px; }
.index-case2 .list2 .list2-box { display: block; overflow: hidden; background: transparent; transform: translateY(0); border-radius: 0px; transition: all 0.3s; }
.index-case2 .list2 .list2-box:hover { transform: translateY(-15px); background: #ffffff; box-shadow: 0px 4px 29px 0px rgba(0, 0, 0, 0.11); border-radius: 10px; }
.index-case2 .list2 .list2-box .video { width: 100%; height: 100.2%; object-fit: cover; position: absolute; top: 0; left: 0; z-index: 1; }
.index-case2 .list2 .img-box::before { padding-top: 63.58%; }
.index-case2 .list2 .cont { padding: 27px 40px; transition: padding 0.3s; }
.index-case2 .list2 .cont .list2-title { font-size: 28px; line-height: 1.4em; color: #222222; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.index-case2 .list2 .cont .list2-type { margin-top: 6px; font-size: 15px; line-height: 1.4em; color: #888888; }
@media (max-width: 1660px) {
.index-case2 .auto-title-block { padding-bottom: 45px; }
.index-case2 .list2 { margin: -24px; }
.index-case2 .list2 .list2-li { padding: 24px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-10px); }
.index-case2 .list2 .cont { padding: 24px 35px; }
.index-case2 .list2 .cont .list2-title { font-size: 26px; }
.index-case2 .list2 .cont .list2-type { margin-top: 5px; }
}
@media (max-width: 1550px) {
.index-case2 { padding-bottom: 50px; }
.index-case2 .auto-title-block { padding-bottom: 40px; }
.index-case2 .list2 { margin: -15px; }
.index-case2 .list2 .list2-li { padding: 15px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-5px); }
.index-case2 .list2 .cont { padding: 22px 25px; }
.index-case2 .list2 .cont .list2-title { font-size: 24px; }
.index-case2 .list2 .cont .list2-type { font-size: 14px; }
}
@media (max-width: 1400px) {
.index-case2 .list2 { margin: -13px; }
.index-case2 .list2 .list2-li { padding: 13px; }
.index-case2 .list2 .list2-box:hover .cont { transform: translateY(-3px); }
.index-case2 .list2 .cont { padding: 18px 20px; }
.index-case2 .list2 .cont .list2-title { font-size: 22px; }
.index-case2 .list2 .cont .list2-type { margin-top: 3px; }
}
@media (max-width: 992px) {
.index-case2 { padding-top: 3%; }
.index-case2 .list2 .cont .list2-title { font-size: 20px; }
}
@media (max-width: 960px) {
.index-case2 .list2 .list2-li { width: 50%; }
.index-case2 .list2 .list2-li:last-child { display: none; }
}
@media (max-width: 640px) {
.index-case2 .auto-title-block { padding-bottom: 5%; }
.index-case2 .list2 { margin: -5px; }
.index-case2 .list2 .list2-li { padding: 5px; }
.index-case2 .list2 .cont .list2-title { font-size: 18px; }
.index-case2 .list2 .cont .list2-type { font-size: 13px; }
}
@media (max-width: 480px) {
.index-case2 .auto-title-block { padding-bottom: 7%; }
.index-case2 .list2 .cont .list2-title { font-size: 16px; }
.index-case2 .list2 .cont { padding: 18px 10px; }
}
/*.index-solution {
  --w: var(--wrap-1760-width);
  background: url(../imagess/index/bg33.jpg) no-repeat center / 100% 100%;
  background-attachment: fixed;
  overflow: hidden;
}
.index-solution .cont-cont {
  width: 28.97%;
  font-size: 16px;
  line-height: 2.1875em;
  color: #555555;
}
.index-solution .cont-cont .text {
  margin-top: 2.1875em;
  margin-bottom: 3em;
}
.index-solution .img-cont {
  width: 61.93%;
  height: calc(var(--w)*0.463);
}
.index-solution .img-cont .img-list {
  margin-right: -25%;
}
.index-solution .img-cont .img-list::after {
  content: "";
  display: block;
  width: 30%;
  height: 0;
}
.index-solution .img-cont .img-list .img-li {
  margin: 2% 0;
  border-radius: 14px;
  overflow: hidden;
  width: 30%;
  transition: all 0.3s;
}
.index-solution .img-cont .img-list .img-li:nth-child(1),
.index-solution .img-cont .img-list .img-li:nth-child(4) {
  transform: translateY(-30%);
}
.index-solution .img-cont .img-list .img-li:nth-child(2),
.index-solution .img-cont .img-list .img-li:nth-child(5) {
  transform: translateY(-70%);
}
.index-solution .img-cont .img-list .img-li:nth-child(3),
.index-solution .img-cont .img-list .img-li:nth-child(6) {
  transform: translateY(-20%);
}
.index-solution .img-cont .img-list .img-li:hover {
  box-shadow: 0px 4px 18px 0px rgba(26, 71, 106, 0.28);
}
.index-solution .img-cont .img-list .img-box::before {
  padding-top: 200%;
}
.index-solution .img-cont .img-list .img-box img {
  object-fit: cover;
}*/
/*@media (max-width: 1660px) {
  .index-solution .cont-cont {
    line-height: 2.1em;
  }
  .index-solution .img-cont .img-list::after {
    width: 32%;
  }
  .index-solution .img-cont .img-list .img-li {
    margin: 1.1% 0;
    border-radius: 10px;
    width: 32%;
  }
}
@media (max-width: 1550px) {
  .index-solution .cont-cont {
    width: 32%;
    line-height: 1.9em;
  }
}*/
.index-circle {
 --w: var(--wrap-1680-width); /* padding: calc(var(--w)*0.09) 0 calc(var(--w)*0.0565);*/
  /* padding: calc(var(--w)*0.0714) 0 calc(var(--w)*0.0565); */
padding: 5% 0; overflow: hidden; }
.index-circle .wrap3 { max-width: 1680px; }
.index-circle .type-box { font-size: 16px; line-height: 1.4em; color: #555555; }
.index-circle .type-box .type-son + .type-son { margin-left: 28px; }
.index-circle .type-box .type-son.on .type-word { color: var(--main-color); }
.index-circle .type-box .type-word:hover { color: #333333; }
.index-circle .swiper-box-switch { width: 100%; }
.index-circle .swiper-box-switch .swiper-box-switch-li { width: 100%; opacity: 0; z-index: 0; pointer-events: none; transform: translate(0, 35px); transition: opacity 0.5s, transform 0.5s; }
.index-circle .swiper-box-switch .swiper-box-switch-li + .swiper-box-switch-li { margin-left: -100%; }
.index-circle .swiper-box-switch .swiper-box-switch-li.on { transform: translate(0, 0); pointer-events: auto; opacity: 1; z-index: 1; }
.index-circle .swiper-box {
 --p: 20px;
 margin: 0 calc(var(--p)*-1); padding-top: 43px; padding-bottom: 35px; font-size: 16px; line-height: 1.4em; color: #999999; }
.index-circle .swiper-box .swiper-slide { height: auto; width: 445px; padding: 20px; }
.index-circle .swiper-box .box { display: block; border-radius: 12px; height: 100%; background-color: #f2f2f2; opacity: 0.7; transition: background 0.3s, opacity 0.3s; }
.index-circle .swiper-box .box:hover { background-color: #ffffff; opacity: 1; box-shadow: 0px 4px 27px 0px rgba(0, 0, 0, 0.08); }
.index-circle .swiper-box .box:hover .type { color: var(--main-color); }
.index-circle .swiper-box .pad { width: 100%; padding: 57px 40px 55px 48px; }
.index-circle .swiper-box .title { margin-top: 1.3em; margin-bottom: 1.2em; font-size: 24px; line-height: 1.4em; color: #000000; }
.index-circle .swiper-box .cont { margin-bottom: 3.75em; -webkit-line-clamp: 5; height: 8.75em; line-height: 1.75em; color: #777777; }
@media (max-width: 1660px) {
.index-circle .swiper-box {
 --p: 16px; padding-top: 30px; }
.index-circle .swiper-box .swiper-slide { width: 437px; padding: 16px; }
.index-circle .swiper-box .box { border-radius: 10px; }
.index-circle .swiper-box .pad { padding: 50px 40px 50px; }
.index-circle .swiper-box .title { margin-top: 1em; font-size: 24px; }
.index-circle .swiper-box .cont { margin-bottom: 3em; }
}
@media (max-width: 1550px) {
.index-circle .type-box .type-son + .type-son { margin-left: 25px; }
.index-circle .swiper-box { padding-top: 25px; padding-bottom: 25px; }
.index-circle .swiper-box .pad { padding: 45px 30px 45px; }
.index-circle .swiper-box .title { margin-top: 0.8em; margin-bottom: 0.8em; font-size: 22px; }
.index-circle .swiper-box .cont { margin-bottom: 2.5em; }
}
@media (max-width: 992px) {
.index-circle .title-box { display: block; text-align: center; }
.index-circle .type-box { display: block; margin-top: 3%; }
.index-circle .swiper-box .swiper-slide { width: 360px; }
}
@media (max-width: 960px) {
.index-circle { padding: 6% 0; }
.index-circle .swiper-box { font-size: 14px; }
.index-circle .swiper-box .title { font-size: 18px; }
.index-circle .swiper-box .swiper-slide { width: 300px; padding: 12px; }
}
@media (max-width: 640px) {
.index-circle { padding: 7% 0; }
.index-circle .type-box { font-size: 14px; }
.index-circle .swiper-box { font-size: 13px; }
.index-circle .swiper-box .swiper-slide { width: 270px; padding: 6px; }
.index-circle .swiper-box .pad { padding: 30px 20px 35px; }
.index-circle .swiper-box .title { font-size: 16px; }
}
@media (max-width: 480px) {
.index-circle { padding: 8% 0; }
.index-circle .type-box { display: block; }
.index-circle .type-box .type-son { width: 33.33%; float: left; text-align: center; line-height: 1.6; }
.index-circle .type-box .type-son + .type-son { margin-left: 0; }
.index-circle .swiper-box .swiper-slide { padding-top: 0; }
}
.index-customers2 { display: none; }
.index-customers {
 --w: var(--wrap-1470-width); background-color: #f7f7f7; overflow: hidden; }
.index-customers .wrap3 { max-width: 1474px; }
.index-customers .wrap-position { position: relative; }
.index-customers .bg-box { position: relative; height: 810px; }
.index-customers .cycle-list { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.index-customers .cycle-list .cycle-li { position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); width: 1354px; max-width: 100%; background: no-repeat center / contain; }
.index-customers .cycle-list .cycle-li::before { content: ""; display: block; width: 100%; padding-top: 100%; }
.index-customers .cycle-list .cycle-1 { background-image: url(../images/bg4_1.png); }
.index-customers .cycle-list .cycle-2 { background-image: url(../images/bg4_2.png); }
.index-customers .cycle-list .cycle-3 { background-image: url(../images/bg4_3.png); }
.index-customers .cycle-list .cycle-4 { background-image: url(../images/bg4_4.png); }
.index-customers .flex-box { position: absolute; left: 0; top: 0; width: 100%; height: 100%; flex-direction: column; text-align: center; }
.index-customers .flex-box .cont { margin-top: 25px; margin-bottom: 44px; padding-bottom: 3.1em; font-size: 18px; line-height: 1.6em; color: #999999; }
.index-customers .flex-box .more-box-a { display: none; }
.index-customers .logo-list {  --img-w: 129px;
}
.index-customers .logo-list .logo-li { display: block; position: absolute; left: 50%; top: 50%; width: var(--img-w); height: var(--img-w); }
.index-customers .logo-list .logo-li .img-span { display: block; border-radius: 50%; width: 100%; height: 100%; overflow: hidden; transition: box-shadow 0.3s; }
.index-customers .logo-list .logo-li .img-span:hover { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.index-customers .logo-list .logo-li img { display: block; height: 100%; width: 100%; }
.index-customers .logo-list .logo-li:nth-child(1) {
 --img-w: 86px; left: 3%; top: 13.58%; }
.index-customers .logo-list .logo-li:nth-child(2) {
 --img-w: 106px; left: 19.44%; top: 7.4%; }
.index-customers .logo-list .logo-li:nth-child(3) {
 --img-w: 106px; left: 56%; top: 6.58%; }
.index-customers .logo-list .logo-li:nth-child(4) { left: 89%; top: 6.5%; }
.index-customers .logo-list .logo-li:nth-child(5) { left: 37.5%; top: 17.58%; }
.index-customers .logo-list .logo-li:nth-child(6) {
 --img-w: 86px; left: 78%; top: 26.28%; }
.index-customers .logo-list .logo-li:nth-child(7) { left: -1%; top: 32.58%; }
.index-customers .logo-list .logo-li:nth-child(8) { left: 14%; top: 32.58%; }
.index-customers .logo-list .logo-li:nth-child(9) {
 --img-w: 106px; left: 63%; top: 50.58%; }
.index-customers .logo-list .logo-li:nth-child(10) {
 --img-w: 86px; left: 31.5%; top: 58.58%; }
.index-customers .logo-list .logo-li:nth-child(11) {
 --img-w: 86px; left: 92%; top: 57%; }
.index-customers .logo-list .logo-li:nth-child(12) {
 --img-w: 106px; left: 7%; top: 72.58%; }
.index-customers .logo-list .logo-li:nth-child(13) { left: 27%; top: 78.58%; }
.index-customers .logo-list .logo-li:nth-child(14) {
 --img-w: 86px; left: 65.5%; top: 80.58%; }
.index-customers .logo-list .logo-li:nth-child(15) {
 --img-w: 106px; left: 84.4%; top: 80.9%; }
@media (max-width: 992px) {
.index-customers2 { display: block; }
.index-customers2 img { width: 100%; display: block; }
.index-customers { display: none; }
}
.index-form-customer {
 --w: var(--wrap-1680-width); background: url(../images/bg5.jpg) no-repeat center / cover; background-attachment: fixed; overflow: hidden; padding: 130px 0 110px; }
/* .index-form-customer .wrap3{ max-width: 1680px;} */
.index-form-customer .flex-box { background-color: #ffffff; box-shadow: 0px 4px 35px 0px rgba(4, 0, 0, 0.2); border-radius: 8px; padding: 65px 54px; }
.index-form-customer .cont-cont { width: 38.6%; flex-direction: column; justify-content: space-between; }
.index-form-customer .cont-cont .h4 { font-size: 32px; font-weight: bold; line-height: 1.4em; color: #222222; }
.index-form-customer .cont-cont .des { margin: 1em 0; font-size: 18px; line-height: 2em; color: #555555; }
.index-form-customer .cont-cont .phone-block .self-svg {
 --w1: 56px;
 --size: 100%;
 --fill: var(--main-color); margin-bottom: 7px; transform: translateX(-10%); width: var(--w1); height: var(--w1); }
.index-form-customer .cont-cont .phone-block .phone-num { font-family: DIN; font-weight: bold; font-size: 46px; line-height: 0.9em; }
.index-form-customer .cont-cont .phone-block .phone-num span { display: inline-block; vertical-align: top; background: var(--linear-color); -webkit-background-clip: text; color: transparent; }
.index-form-customer .form-cont { width: 58.7%; }
.index-form-customer .form-cont .h6 { font-size: 22px; font-weight: bold; line-height: 1.4em; color: #222222; }
.index-form-customer .form-cont .radio-list { padding: 20px 0 35px; }
.index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 34px; }
.index-form-customer .form-cont .input-list {
 --p: 9px;
 margin: calc(var(--p)*-1); font-size: 16px; line-height: 1.4em; color: #555555; }
.index-form-customer .form-cont .input-list .input-li { padding: calc(var(--p) + 4px) var(--p); }
.index-form-customer .form-cont .input-list .input-title { margin-bottom: 7px; }
.index-form-customer .form-cont .input-list .border { background-color: #f7f8f9; border-radius: 3px; border: solid 1px #ededed; }
.index-form-customer .form-cont .input-list .input { width: 100%; padding: 0 1.2em; font-size: 0.9em; line-height: 48px; }
.index-form-customer .form-cont .submit-box { margin-top: 35px; }
.index-form-customer .form-cont .submit-box .more-box { cursor: pointer; }
@media (max-width: 1660px) {
.index-form-customer { padding: 100px 0; }
.index-form-customer .flex-box { padding: 55px 50px; }
.index-form-customer .cont-cont .h4 { font-size: 28px; }
.index-form-customer .cont-cont .des { margin: 0.8em 0; font-size: 17px; line-height: 1.9em; }
.index-form-customer .cont-cont .phone-block .self-svg {
 --w1: 50px; margin-bottom: 5px; }
.index-form-customer .cont-cont .phone-block .phone-num { font-size: 40px; }
.index-form-customer .form-cont .h6 { font-size: 20px; }
.index-form-customer .form-cont .radio-list { padding: 16px 0 25px; }
.index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 30px; }
.index-form-customer .form-cont .input-list {  --p: 7px;
}
.index-form-customer .form-cont .input-list .input { padding: 0 1.1em; line-height: 46px; }
.index-form-customer .form-cont .submit-box { margin-top: 30px; }
}
@media (max-width: 1550px) {
.index-form-customer { padding: 90px 0; }
.index-form-customer .flex-box { padding: 45px 45px; }
.index-form-customer .cont-cont .h4 { font-size: 26px; }
.index-form-customer .cont-cont .des { margin: 0.7em 0; font-size: 16px; }
.index-form-customer .cont-cont .phone-block .self-svg {
 --w1: 46px; margin-bottom: 2px; }
.index-form-customer .cont-cont .phone-block .phone-num { font-size: 36px; }
.index-form-customer .form-cont .radio-list { padding: 15px 0 20px; }
.index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 27px; }
.index-form-customer .form-cont .input-list {
 --p: 6px; font-size: 15px; }
.index-form-customer .form-cont .input-list .input { line-height: 44px; }
.index-form-customer .form-cont .submit-box { margin-top: 26px; }
}
@media (max-width: 1400px) {
.index-form-customer { padding: 85px 0; }
.index-form-customer .cont-cont .h4 { font-size: 24px; }
.index-form-customer .cont-cont .des { font-size: 16px; line-height: 1.8em; }
.index-form-customer .cont-cont .phone-block .self-svg {  --w1: 42px;
}
.index-form-customer .cont-cont .phone-block .phone-num { font-size: 32px; }
}
@media (max-width: 992px) {
.index-form-customer { padding: 8% 0; }
.index-form-customer .flex-box { display: block; }
.index-form-customer .cont-cont { width: 100%; }
.index-form-customer .form-cont { width: 100%; margin-top: 5%; }
.index-form-customer .cont-cont .des { margin: 3% 0; }
}
@media (max-width: 640px) {
.index-form-customer .cont-cont .h4 { font-size: 22px; }
.index-form-customer .cont-cont .des { font-size: 14px; }
.index-form-customer .form-cont .h6 { font-size: 18px; }
.index-form-customer .form-cont .input-list { font-size: 14px; }
}
@media (max-width: 480px) {
.index-form-customer .flex-box { padding: 25px 20px; }
.index-form-customer .form-cont .input-list { font-size: 13px; }
.index-form-customer .form-cont .input-list .input-li { width: 100%; }
.index-form-customer .form-cont .radio-list .radio-box-self + .radio-box-self { margin-left: 5px; }
.index-form-customer .form-cont .input-list .input { line-height: 36px; }
}
/*解决方案*/
.banner_solution { position: relative; overflow: hidden; }
.banner_solution .pi-hidden-lg { display: none !important; }
.banner_solution .index_banner .item { background-size: cover; -webkit-background-size: cover; background-position: center; background-repeat: no-repeat; height: 75vh; position: relative; }
.banner_solution .index_banner .item.slick-current .scaleBg { visibility: visible; -webkit-animation: scale-bg 6s linear forwards; animation: scale-bg 6s linear forwards; }
.banner_solution .index_banner .items { background-size: cover; background-position: center center; background-repeat: no-repeat; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 0; }
.banner_solution .index_banner .items:after { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.2); }
.banner_solution .index_banner .item .inner .block_txt { position: absolute; top: 34%; right: 10px; left: 10px; opacity: 0; transform: translateY(40px); -webkit-transform: translateY(40px); -webkit-transition: all 500ms ease; transition: all 500ms ease; }
.banner_solution .index_banner .item.active .inner .block_txt { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition-delay: 100ms; transition-delay: 100ms; }
.banner_solution .index_banner .item .inner .block_txt h4 { font-size: 20px; color: #fff; text-align: center; line-height: 1.3em; margin-bottom: 10px; }
.banner_solution .index_banner .item .inner .block_txt h2 { color: #fff; background: -webkit-linear-gradient(white, white, white); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 60px; font-weight: bold; text-align: center; letter-spacing: 2px; line-height: 1.3em; margin-bottom: 10px; }
.banner_solution .index_banner .item .inner .block_txt h2 span { color: #fff; background: -webkit-linear-gradient(white, #ffffff, #0d1e47); -webkit-background-clip: text; -webkit-text-fill-color: transparent; display: inline-block; letter-spacing: 0px; }
.banner_solution .index_banner .item .inner .block_txt h3 { color: #fff; max-width: 1000px; margin: 0 auto; font-size: 20px; text-align: center; margin-top: 10px; line-height: 1.3em; margin-bottom: 10px; }
.banner_solution .index_banner .item .newa { color: #fff; text-decoration: underline; cursor: pointer; -webkit-transition: color .2s ease-in-out; -moz-transition: color .2s ease-in-out; transition: color .2s ease-in-out; -webkit-transition: background-color .2s ease-in-out; -moz-transition: background-color .2s ease-in-out; transition: background-color .2s ease-in-out; }
.banner_solution .slick_txt { width: 30%; height: 100%; background-color: transparent; transition: all 500ms ease; -webkit-transition: all 500ms ease; background-repeat: no-repeat; position: absolute; top: 0; font-size: 0; outline: none; border: 0; }
.banner_solution .left { left: 0; }
.banner_solution .right { right: 0; }
.banner_solution .slick_txt:hover .slick_arrow { opacity: 1; visibility: visible; }
.banner_solution .slick_txt .slick_arrow { width: 20px; height: 36px; background-repeat: no-repeat; background-position: center; margin-top: -18px; position: absolute; top: 50%; cursor: pointer; transition: all 500ms ease; -webkit-transition: all 500ms ease; opacity: 0; visibility: hidden; }
.banner_solution .slick_txt .prev { background-image: url(https://www.yibaixun.com/statics/ybx2022/image/ban_prev.png); left: 60px; }
.banner_solution .slick_txt .next { background-image: url(https://www.yibaixun.com/statics/ybx2022/image/ban_next.png); right: 60px; }
.banner_solution .slick_txt .prev:hover { background-image: url(https://www.yibaixun.com/statics/ybx2022/image/ban_prev_hover.png); }
.banner_solution .slick_txt .next:hover { background-image: url(https://www.yibaixun.com/statics/ybx2022/image/ban_next_hover.png); }
.banner_solution .number { position: absolute; bottom: 5%; left: 50%; padding-bottom: 5px; border-bottom: 1px solid rgba(255,255,255,0.2); display: table; padding: 0 20px; width: auto; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); }
.banner_solution .number span { font-size: 18px; color: #fff; margin-right: 100px; display: inline-block; cursor: pointer; position: relative; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.banner_solution .number span:last-child { margin-right: 0; }
.banner_solution .number span:after { content: ""; display: inline-block; width: 10px; height: 1px; background: #c5c5c5; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -1px; opacity: 0; visibility: hidden; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.banner_solution .number span.active:after { width: 100%; opacity: 1; visibility: visible; }
 @media only screen and (max-width: 1600px) {
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4 { font-size: 20px; }
.banner_solution .index_banner .item .inner .block_txt h2 { font-size: 60px; }
.banner_solution .index_banner .item .inner .block_txt h3 { font-size: 20px; }
.banner_solution .index_banner .item { height: 72vh; max-height: 500px; }
}
@media only screen and (max-width: 1440px) {
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4 { font-size: 18px; }
.banner_solution .index_banner .item .inner .block_txt h2 { font-size: 60px; }
.banner_solution .index_banner .item .inner .block_txt h3 { font-size: 18px; margin-top: 5px; }
.banner_solution .index_banner .item { height: 70vh; }
}
@media only screen and (max-width: 1366px) {
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4 { font-size: 16px; }
.banner_solution .index_banner .item .inner .block_txt h2 { font-size: 26px; }
.banner_solution .index_banner .item .inner .block_txt h3 { font-size: 16px; }
.banner_solution .index_banner .slick-arrow { background-size: auto 30px; }
.banner_solution .index_banner .item { height: 68vh; }
}
@media only screen and (max-width: 1199px) {
/*解决方案*/
.banner_solution .index_banner .item .inner .block_txt h4 { font-size: 14px; }
.banner_solution .index_banner .item .inner .block_txt h2 { font-size: 22px; }
.banner_solution .index_banner .item .inner .block_txt h3 { font-size: 14px; }
.banner_solution .index_banner .item { height: 65vh; }
}
@media screen and (max-width: 992px) {
/*解决方案*/
.banner_solution .number span { margin-right: 60px; }
}
@media screen and (max-width: 640px) {
/*解决方案*/
.banner_solution .number span { margin-right: 30px; }
.banner_solution .index_banner .item { height: 50vh; }
}
@media screen and (max-width: 480px) {
/*解决方案*/
.banner_solution .number span { margin-right: 15px; }
.banner_solution .index_banner .item { height: 40vh; }
}
.anim-1, .anim-2, .anim-3 { -webkit-transform: translateY(100px) translateX(0); -moz-transform: translateY(100px) translateX(0); transform: translateY(100px) translateX(0); /* opacity: 0;*/
-webkit-transition-timing-function: ease-in-out; transition-timing-function: ease-in-out; }
.anim-1 { -webkit-transition: transform .8s, opacity .8s; -moz-transition: transform .8s, opacity .8s; -o-transition: transform .8s, opacity .8s; transition: transform .8s, opacity .8s; }
.anim-2 { -webkit-transition: transform 1s, opacity 1s; -moz-transition: transform 1s, opacity 1s; -o-transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s; }
.anim-3 { -webkit-transition: transform 1.2s, opacity 1.2s; -moz-transition: transform 1.2s, opacity 1.2s; -o-transition: transform 1.2s, opacity 1.2s; transition: transform 1.2s, opacity 1.2s; }
@keyframes mymove6 {  from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(100px) translateX(0);
 -moz-transform: translateY(100px) translateX(0);
 transform: translateY(100px) 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(100px) translateX(0);
 transform: translateY(100px) 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); }
}
@keyframes mymove8 { from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(-100px);
 -moz-transform: translateY(0) translateX(-100px);
 transform: translateY(0) translateX(-100px);
 -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 mymove8 {  from {
filter:alpha(opacity=0);
opacity:0;
-webkit-transform: translateY(0) translateX(-100px);
 -moz-transform: translateY(0) translateX(-100px);
 transform: translateY(0) translateX(-100px);
 -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); }
}
.new-list2{overflow: hidden;margin: 0 100px 70px;padding-top: 36px;}
.new-list2 li{width: 25%;float: left;}
.new-list2 .con{display: block;text-align: center;
	margin: 0 75px;
}
.new-list2 .ico{display: block;height: 180px;line-height: 180px;margin-bottom: 4px;position: relative;}
.new-list2 .ico i{display: block;height: 100%;opacity: 1;position: absolute;top: 0;left: 0;width: 100%;
	background-position: center;background-repeat: no-repeat;
	-o-background-size: auto 180px;
	-ms-background-size: auto 180px;
	-moz-background-size: auto 180px;
	-webkit-background-size: auto 180px;
	background-size: auto 180px;
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}
.new-list2 .ico img{height: 100%;display: block;margin: 0 auto;}
.new-list2 .ico i.on{opacity: 0;}
.new-list2 h1,.new-list2 h3{position: relative;padding-bottom: 15px;
	margin-bottom: 20px;
}
.new-list2 h3:after,.new-list2 h1:after{content: '';position: absolute;bottom: 0;left: 50%;
	height: 1px;width: 60px;margin-left: -30px;
	background-color: #2fad38;
}
.new-list2 h3 span,.new-list2 h1 span{font-size: 30px;height: 40px;line-height: 40px;
	display: inline-block;position: relative;color: #000;overflow: hidden;
}
.new-list2 h3 span::before,.new-list2 h1 span::before{
    position: absolute;
    top: 0;text-align: left;vertical-align: bottom;
    left: 0px;height: 0px;line-height: 40px;
    font-size: 30px;
    overflow: hidden;
    max-width: 100%;color: #00ab0c;
    content: attr(data-hover);
	/*background-image:-webkit-linear-gradient(right,#13e121,#2eae37);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;*/
    transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
}
.new-list2 .desc{font-size: 14px;line-height: 27px;color: #333;}
.new-list2 .con:hover h3 span::before,.new-list2 .con:hover h1 span::before{height: 40px;}
.new-list2 .con:hover .ico i{opacity: 0;}
.new-list2 .con:hover .ico .on{opacity: 1;}
.ico-bg3{position: absolute;right: 0;top: -1100px;
	width: 805px;height: 1232px;
	background: url(../images/ico-bg1.png) no-repeat center center;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}
.ico-bg4{position: absolute;left: -66px;top: 02px;
	width: 699px;height: 977px;
	background: url(../images/ico-bg2.png) no-repeat center center;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	background-size: 100% 100%;
}