@import url("master.css");
@import url("iconfont.css");
@import url("roll.css");
@import url("animation.css");
@import url("animate.css");
:root{
   --blue:#14a3df;
   --blue1:#1197fa;
}
 
.move_top{padding-top:80px;}
.mobile_img{display:none;}
/*main*/
#main{position:fixed;top:0;left:0;right:0;bottom:0;}
#main .scrollbar-track-y{background-color:#ddd;position:absolute;right:0;top:0;border-radius:8px;width:8px;}
#main .scrollbar-track-y .scrollbar-thumb-y{background-color:#000;width:100%;border-radius:8px;opacity:.5;}
#fragment iframe{max-width:80vw;max-height:80vh;height:600px;width:980px;}


.cursor{position:absolute;z-index:50;width:0;height:0;pointer-events:none;}
.cursor .cursor_circle{width:0;height:0;background-color:#000;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);opacity:0;-webkit-opacity:0;
-webkit-transition: opacity .3s ease-in-out,height .5s cubic-bezier(.339, -.18, .228, 1.656),width .5s cubic-bezier(.339, -.18, .228, 1.656);
transition: opacity .3s ease-in-out,height .5s cubic-bezier(.339, -.18, .228, 1.656),width .5s cubic-bezier(.339, -.18, .228, 1.656);
border-radius:50%;-webkit-border-radius:50%;}
.cursor .cursor_circle>div{align-items:center;justify-content:center;width:100%;height:100%;}
.cursor .cursor_circle>div>i{-webkit-transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656);
transition: margin .5s cubic-bezier(.339, -.18, .228, 1.656);font-size:16px;}
.cursor.onAni .cursor_circle{width:60px;height:60px;opacity:1;-webkit-opacity:1;}
.cursor .cursor_circle.on{width:100px;height:100px;}
.cursor .cursor_circle.on>div>i{margin:0 10px;}


#spotlight{background-color:rgba(0,0,0,.8);}
#spotlight.only_gallery{clip-path: circle(0px at center);-webkit-clip-path:circle(0px at center);}
#spotlight.only_gallery.show{clip-path: circle(100% at center);-webkit-clip-path: circle(100% at center);
transition: clip-path ease 1s;-webkit-transition: clip-path ease 1s;}
.spotlight{cursor:zoom-in;}


.zh{letter-spacing:0.075em;}


.header .Hmenu{display:none;margin-left:auto;}
.header .Hmenu>a{align-items:center;outline:none;}
.header .Hmenu .Hmenu_btn{width:26px;height:26px;}
.header .Hmenu .Hmenu_btn span{background-color:var(--blue);position:absolute;width:100%;height:2px;left:0;
border-radius:2px;-webkit-border-radius:2px;-webkit-transition:ease 0.4s;transition:ease 0.4s;}
.header .Hmenu .Hmenu_btn span:nth-child(1){top:4px;}
.header .Hmenu .Hmenu_btn span:nth-child(2){top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.header .Hmenu .Hmenu_btn span:nth-child(3){bottom:4px;}

.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(1){top:12px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);}
.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(2){opacity:0;-webkit-opacity:0;visibility:hidden;}
.header.mobileNav .Hmenu .Hmenu_btn span:nth-child(3){bottom:12px;transform:rotate(45deg);-webkit-transform:rotate(45deg);}



#back_top{position:fixed;right:4vw;bottom:4vw;transform:translateY(100%);-webkit-transform:translateY(100%);z-index:888;transition:all .6s;}
#back_top.onshow{opacity:1;-webkit-opacity:1;visibility:visible;transform:none;-webkit-transform:none;}
#back_top .master_backTop .master_aperture{background-color: #14a3df;position:absolute;width:100%;height:100%;border-radius:50%;-webkit-border-radius:50%;opacity:0;-webkit-opacity:0;z-index:-1;}
#back_top .master_backTop .master_backTop_btn{color:#fff;width:64px;height:64px;border-radius:50%;-webkit-border-radius:50%;
align-items:center;justify-content:center;z-index:2;background-color:var(--blue);}
#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:24px;}
#back_top .master_backTop .master_aperture.circle01{animation:scalej01 2s .5s infinite;-webkit-animation:scalej01 2s .5s infinite;}
@keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej01{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{ transform:scale(1.5);-webkit-transform:scale(1.5);opacity:0;-webkit-opacity:0;}
}  
#back_top .master_backTop .master_aperture.circle02{animation:scalej02 2s infinite;-webkit-animation:scalej02 2s infinite;}
@keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  
@-webkit-keyframes scalej02{
	0%{transform:scale(1);-webkit-transform:scale(1);opacity:1;-webkit-opacity:1;}
    100%{transform:scale(1.8);-webkit-transform:scale(1.8);opacity:0;-webkit-opacity:0;}
}  

.bubble{width:100%;height:100%;position:absolute;left:0;top:0;} 
.bubble span,.back_bubble span{display:block;width:20px;height:20px;border-radius:50%;-webkit-border-radius:50%;z-index:-1; 
transition: ease 1s;-webkit-transition: ease 1s;position:absolute;left:50%;background-color:var(--blue);
bottom:0px;transform: translateX(-50%);-webkit-transform: translateX(-50%);opacity:0;-webkit-opacity:0;}
.bubble span:nth-child(1){animation:pao 4s linear infinite;-webkit-animation:pao 4s linear infinite;}
.bubble span:nth-child(2){animation:pao3 6s linear infinite;-webkit-animation:pao3 6s linear infinite;
-webkit-transition-delay:0.3s;transition-delay:0.3s;}
.bubble span:nth-child(3){animation:pao2 3s linear infinite;-webkit-animation:pao2 3s linear infinite;
-webkit-transition-delay:0.8s;transition-delay:0.8s;}
.bubble span:nth-child(4){animation:pao4 9s linear infinite;-webkit-animation:pao4 9s linear infinite;}
.bubble span:nth-child(5){animation:pao5 7s linear infinite;-webkit-animation:pao5 7s linear infinite;}
 @keyframes pao{
 	0% {
 		transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
 		-webkit-transform: translate(200%,-30px) rotate(360deg) scale(.5,.5);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(0%,-70px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(-200%,-100px) rotate(360deg) scale(1,1);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao2 {
 	0% {
 		transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform:translate(-200%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform: translate(250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
 		-webkit-transform: translate(100%,-100px) rotate(360deg) scale(.5,.5);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
 @keyframes pao3 {
 	0% {
 		transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		-webkit-transform: translate(0%,0px) rotate(360deg) scale(1,1);
 		opacity:1;-webkit-opacity:1;
 	}
 
 	50% {
 		transform: translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		-webkit-transform:translate(-250%,-50px) rotate(360deg) scale(.8,.8);
 		opacity:.5;-webkit-opacity:.5;
 	}
 
 	100% {
 		transform: translate(-300%,-100px) rotate(360deg) scale(.5,.5);
 		-webkit-transform:translate(-300%,-100px) rotate(360deg) scale(.5,.5);
 		opacity:0;-webkit-opacity:0;
 	
 	}
 }
@keyframes pao4 {
	0% {
		transform: translate(400%,0px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(400%,0px) rotate(360deg) scale(1,1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		-webkit-transform: translate(400%,-50px) rotate(360deg) scale(.8,.8);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
		-webkit-transform: translate(-100%,-100px) rotate(360deg) scale(.5,.5);
		opacity:0;-webkit-opacity:0;
	}
}
@keyframes pao5 {
	0% {
		transform: translate(-400%,0px) rotate(360deg) scale(.1,.1);
		-webkit-transform:translate(-400%,0px) rotate(360deg) scale(.1,.1);
		opacity:1;-webkit-opacity:1;
	}

	50% {
		transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		-webkit-transform: translate(-400%,-50px) rotate(360deg) scale(.6,.6);
		opacity:.5;-webkit-opacity:.5;
	}

	100% {
		transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		-webkit-transform: translate(0%,-100px) rotate(360deg) scale(1,1);
		opacity:0;-webkit-opacity:0;
	}
}

.pageList{text-align:center;}
.pageList li{display:inline-block;padding:0 3px;}
.pageList li a{display:block;width:40px;height:40px;line-height:40px;border:1px solid #e0e0e0;-webkit-border-radius:50%;border-radius:50%;
background-color:#fff;color:#666;transition:ease color 0.2s,ease background-color 0.2s,ease border-color 0.2s;
-webkit-transition:ease color 0.2s,ease background-color 0.2s,ease border-color 0.2s;}
.pageList li a.selected{background-color:var(--blue);color:#fff;border-color:var(--blue);pointer-events:none;}


/*href_hover*/

.hoverable .hoverable_txt{position:relative;display:inline-block;}
.hoverable .hoverable_txt:after{content: '';width:100%;height:1px;
position:absolute;left:0;bottom:0;-webkit-transform:scaleX(0);transform:scaleX(0);
-webkit-transform-origin: right top;transform-origin: right top;
transition: -webkit-transform .5s cubic-bezier(.215,.61,.355,1);
transition: transform .5s cubic-bezier(.215,.61,.355,1);}

.header{position:fixed;top:0;left:0;z-index:999;}
.header:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;
box-shadow:0 0 10px rgba(0, 0, 0, .1);background-color:#fff;z-index:-1;transition:opacity .5s ease-in-out;}
.header>div{align-items:center;padding:0 2.604166666666667vw;height:100%;}
.header .logo>a{height:50px;position:relative;}
.header .logo>a img{height:100%;transition:opacity .5s ease-in-out;}
.header .logo>a .logo1{position:absolute;left:0;top:0;z-index:2;opacity:1;}
.header .logo>a .logo2{opacity:0;}
.header .nav{margin-left:auto;}
.header .nav .navlist>.nav_a>a{transition:color 0.5s ease-in-out;height:80px;line-height:80px;padding:0 1.8229166666666667vw;position:relative;overflow:hidden;font-size:18px; color:#fff}
.header .nav .navlist>.nav_a>a .hoverable_txt:after{background-color:var(--blue);height:2px;border-radius:2px;}
.header .nav .navlist>.nav_a>a .nav_icon{display:none;}
.header .nav .navlist>.nav_a>.nav_b{position:absolute;top:100%;left:50%;padding:5px 0;color:#666;min-width:110px;transform: translateX(-50%) translateY(0px);border-radius:5px;opacity:0;display: none;visibility:hidden;z-index:5;border:1px solid #e6e6e6;/* transition: cubic-bezier(.5,.5,0,1) 0.1s; */}
.header .nav .navlist>.nav_a>.nav_b:after{content:'';position:absolute;top:-6px;left:50%;width: 10px;height: 10px;margin-left:-6px;/* border-style:solid; *//* border-width:6px; *//* border-color:#fff #fff transparent transparent; */transform:rotate(-45deg);box-shadow: 2px -2px 2px rgba(100,100,100,.1);background: #fff;}
.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a{white-space:nowrap;line-height:38px;color:#666;
transition:all .35s;padding:0 15px;}

.header .Htel{padding-left:1.3020833333333335vw;display: none;}
.header .Htel>a{align-items:center;color:var(--blue);}
.header .Htel i{font-size:24px;margin-right:10px;}
.header .Htel span{font-size:20px;}
.header.hdStyle .nav .navlist>.nav_a>a{color:#fff;}
.header.hdStyle .logo>a .logo1{opacity:0;}
.header.hdStyle .logo>a .logo2{opacity:1;}
.header.onWhite .nav .navlist>.nav_a>a{color:#333;}
.header.onWhite:after{opacity:1;}
.header.onWhite .logo>a .logo1{opacity:0;}
.header.onWhite .logo>a .logo2{opacity:1;}


.HBanner{height:100vh;overflow:hidden;width:100%;z-index:-1;position:relative;background:#000;}
#HbannerSwiper{width:100%;height:100%;}
#HbannerSwiper .swiper-slide{overflow:hidden;}
#HbannerSwiper .swiper-slide>div{position:relative;will-change:transform;width:100%;height:100%;}
#HbannerSwiper .Hbanner_bg{width:100%;height:100%;}
#HbannerSwiper .Hbanner_bg>img{width:100%;height:100%;object-fit:cover;}
#HbannerSwiper .Hbanner_info{position:absolute;left:50%;z-index:5;padding:0 3.125%;}
#HbannerSwiper .Hbanner_info{line-height:1;}
#HbannerSwiper .Hbanner_info .large{font-size:40px;color:#fff;margin-bottom:30px;}
#HbannerSwiper .Hbanner_info .small{font-size:26px;color:#fff;font-weight:lighter;}
#HbannerSwiper .Hbanner_info .large,
#HbannerSwiper .Hbanner_info .small{transform:translateY(20px);opacity:0;visibility:hidden;}
#HbannerSwiper .swiper-slide-active .Hbanner_info .large{transition:all 1s cubic-bezier(0.3, 0, 0.24, 1) .6s;}
#HbannerSwiper .swiper-slide-active .Hbanner_info .small{transition:all 1s cubic-bezier(0.3, 0, 0.24, 1) .8s;}
#HbannerSwiper .swiper-slide-active .Hbanner_info .large,
#HbannerSwiper .swiper-slide-active .Hbanner_info .small{opacity:1;visibility:visible;transform:none;}
#HbannerSwiper .Hbanner_info[posi=img0],
#HbannerSwiper .Hbanner_info[posi=img1]{top:50%;transform:translate(-50%,-55%);}
#HbannerSwiper .Hbanner_info[posi=img2]{top:50%;transform:translate(-50%,-50%);text-align:center;}
#HbannerSwiper .Hbanner_info[posi=img3]{top:20%;transform:translateX(-50%);text-align:center;}
#HbannerSwiper .Hbanner_info[posi=img2] .large,
#HbannerSwiper .Hbanner_info[posi=img2] .small{color:#fff;}


.Hbanner_switch{position:absolute;top:50%;color:#fff;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.Hbanner_switch.Hbanner_prev{left:2.604166666666667vw;}
.Hbanner_switch.Hbanner_next{right:2.604166666666667vw;}
.Hbanner_switch>a{width:68px;height:68px;line-height:68px;z-index:2;color:var(--blue);transition:all .4s;}
.Hbanner_switch>a:before{content:'';position:absolute;width:100%;height:100%;
border-radius:50%;border:1px solid var(--blue);top:0;left:0;transition:cubic-bezier(.4,.4,0,1) .5s;}
.Hbanner_switch>a>i{font-size:32px;}
.Hbanner_switch>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);
background-color:var(--blue);border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1;}

.Hbanner_nav{position:absolute;z-index:10;bottom:30px !important;right:2.604166666666667vw !important;left:auto !important;width:auto !important;}
.Hbanner_nav>span{width:40px;height:2px;display:inline-block;position:relative;margin:0 10px !important;opacity:1 !important;background:none !important;}
.Hbanner_nav>span:before,
.Hbanner_nav>span:after{content:'';background-color:var(--blue);height:100%;position:absolute;top:0;left:0;border-radius:2px;}
.Hbanner_nav>span:before{opacity:.3;width:100%;}
.Hbanner_nav>span:after{width:100%;opacity:0;transition:all .4s;}
.Hbanner_nav>span.swiper-pagination-bullet-active:after{opacity:1;}
/*.Hbanner_nav>span.swiper-pagination-bullet-active:after{animation:bannerLine 5s linear;
transform-origin:left top;opacity:1;}
@keyframes bannerLine{
 	0% {
 		transform:scaleX(0);
 	}
 	100%{
 		transform:scaleX(1);
 	}
}*/

#mouse{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);z-index:50;color:#fff;}
#mouse .mouseName{margin-bottom:10px;line-height:1;font-size:16px;letter-spacing:0.075em;}
#mouse .mouseOf{height:38px;width:25px;border-radius:25px;border:2px solid #fff;position:relative;margin:0 auto;}
#mouse .mouseOf:after{content: '';width:3px;height:6px;background-color: #fff;border-radius:3px;
-webkit-animation: scroll-icon 1.65s infinite ease-in-out;
animation: scroll-icon 1.65s infinite ease-in-out;
position:absolute;left:50%;transform:translateX(-50%);}
@keyframes scroll-icon {
    0% {
        top:3px;
        opacity: 0;
    }
    30%,
    70% {
        opacity: 1;
    }
    100% {
    	top:calc(100% - (3px + 6px));
        opacity: 0;
    }
}
#mouse .mouseIcon{margin-top:3px;line-height:1;}
#mouse .mouseIcon>i{font-size:16px;}


.clientList {height: 0;width: 100%;padding-bottom: 66%;position: relative;}
.clientList ._logo {max-width: 360px;width: 50%;position: absolute;transition: all .5s ease;left: 50%!important;top: 55%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;}
.clientList ._logo img {/* position: absolute; *//* top: 48%; */width: 100%;/* left: 15%; *//* transform: translateY(-50%); */}
.clientList ._brand {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.clientList ._brand ._item {position: absolute;transform-origin: 40% 40%;animation: spin1 9s infinite linear;will-change: transform;}
.clientList ._brand ._item ._pal{width: 100%;height: 100%;justify-content: center;align-items: center;animation-duration: 1.5s;will-change: transform;}
.clientList ._brand ._item ._pal img{max-width: 100%;max-height: 100%;object-fit: contain;}
.clientList ._brand ._item.cir1{left: 43%;top: 3%;width: 20%;max-width: 165px;height: auto;animation: spin1 27s infinite linear;}
.clientList ._brand ._item.cir1 ._pal img{animation: spin1 27s infinite linear reverse;}
.clientList ._brand ._item.cir2{left: 12%;top: 15%;width: 22%;max-width: 175px;height: auto;animation: spin2 25s infinite linear;}
.clientList ._brand ._item.cir2 ._pal img{animation: spin2 25s infinite linear reverse;}
.clientList ._brand ._item.cir3{right: 8%;top: 15%;width: 22%;max-width: 200px;height: auto;animation: spin2 29s infinite linear;}
.clientList ._brand ._item.cir3 ._pal img{animation: spin2 29s infinite linear reverse;}
.clientList ._brand ._item.cir4{left: 15%;top: 60%;width: 22%;max-width: 175px;height: auto;animation: spin2 26s infinite linear;}
.clientList ._brand ._item.cir4 ._pal img{animation: spin2 26s infinite linear reverse;}
.clientList ._brand ._item.cir5{right: 10%;top: 60%;width: 22%;max-width: 175px;height: auto;animation: spin1 28s infinite linear;}
.clientList ._brand ._item.cir5 ._pal img{animation: spin1 28s infinite linear reverse;}
@keyframes spin1{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
.clientList ._logo ._cir {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 1px solid rgba(20,163,223,0.65);border-radius: 50%;animation: spread1 10s linear infinite;opacity: 0;will-change: transform;z-index: -1;}
.clientList ._logo ._cir.j1{animation-delay: 0s;}
.clientList ._logo ._cir.j2{animation-delay: 2s;}
.clientList ._logo ._cir.j3{animation-delay: 4s;}
.clientList ._logo ._cir.j4{animation-delay: 6s;}
.clientList ._logo ._cir.j5{animation-delay: 8s;}
@keyframes spread1 {
    0% {
    	transform: scale(1);
        opacity: .2
    }
    100% {
        transform: scale(5);
        opacity: 0
    }
}




.masterTitle01{font-size: 40px;line-height:1;font-weight:lighter;}
.Habout{padding:80px 0;position:relative;box-shadow:0 -30px 30px -30px rgba(0, 0, 0, .06);z-index:2;}
.Habout_top .masterTitle01{margin-bottom:40px;}
.Habout_top .line{line-height:1.7222222222222223;font-size:18px;
color:#999;width:1000px;max-width:100%;margin:0 auto;}
.Habout_top .masterBtn01{margin-top:35px;}

.masterBtn01>a{position:relative;width:170px;height:50px;align-items:center;z-index:2;overflow:hidden;}
.masterBtn01>a:before{content:'';position:absolute;width:100%;height:100%;
border:1px solid var(--blue);top:0;left:0;opacity:.3;}
.masterBtn01>a>div{width:100%;position:relative;height:24px;overflow:hidden;font-size: 16px;text-align:center;}
.masterBtn01>a:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;
background: var(--blue);border-radius: 50% 50% 0 0;transform: translateY(75%) scaleY(0.5);transition: all 0.5s ease;}
.masterBtn01>a>div>span{position:absolute;top:0;width:100%;left:0;line-height:24px;height:24px;transition:all .4s ease;}
.masterBtn01>a>div>span:first-of-type{color:var(--blue);}
.masterBtn01>a>div>span:last-of-type{transform:translateY(100%);color:#fff;}

.HaboutBg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;}
.HaboutBg>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;}
.HaboutList{margin-top:80px;}
.HaboutList .item>a{background-color:#f8fbfd;border:1px solid #dde3f5;width:100%;padding:70px 30px;transition:ease-out .5s;height: 100%;}
.HaboutList .itemIcon{width:80px;margin:0 auto;}
.HaboutList .itemIcon>img{width:100%;animation:try 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate backwards;}
@keyframes try{
  0% {transform:translateY(0);-webkit-transform:translateY(0);}
  100% {transform:translateY(-10px);-webkit-transform:translateY(-10px);}
}  
.HaboutList .itemName{font-size:24px;line-height:1.4;margin-top:15px;margin-bottom:20px;font-weight:lighter;
transition:ease-out .5s;color:#333;    min-height: 48px;}
.HaboutList .itemLine{font-size:16px;color:#999;line-height:28px;height:56px;margin:0 auto;margin-bottom:30px;transition:ease-out .5s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;width: 100%!important;}
.HaboutList .itemMore{width:40px;position:relative;margin:0 auto;z-index:2;}
.HaboutList .itemMore>img{width:100%;object-fit:contain;transition:ease-out .5s;}
.HaboutList .itemMore>img:last-of-type{opacity:0;position:absolute;top:0;left:0;z-index:-1;}
.HaboutList .item{width:25%;transition:width .5s ease-out;margin:0 -1px;}
.HaboutList .item.macw{width:23.5%;}
.HaboutList .item.on{width:31%;}
.HaboutList .item.on>a{background-color:var(--blue);}
.HaboutList .item.on .itemName{/* letter-spacing:0.25em; */}
.HaboutList .item.on .itemName,
.HaboutList .item.on .itemLine{color:#fff;}
.HaboutList .item.on .itemMore>img:first-of-type{opacity:0;}
.HaboutList .item.on .itemMore>img:last-of-type{opacity:1;}
.nycp {padding:40px 0}
.nycp .HaboutList .flex{border-top: 1px solid #dde3f5;border-left: 1px solid #dde3f5;flex-wrap: wrap;}
.nycp .HaboutList .item{width:25%;transition:width .5s ease-out;margin: 0;flex: 0 0 25%;}
.nycp .HaboutList .item.macw{width:25%;}
.nycp .HaboutList .item.on{width:25%;}
.nycp .HaboutList .item>a{background-color:#f8fbfd;border: none;border-right: 1px solid #dde3f5;border-bottom: 1px solid #dde3f5;width:100%;padding: 70px 30px 60px;transition:ease-out .5s;height: 100%;}
.nycp .HaboutList .item.on>a {background-color: var(--blue);}
.HaboutList .item.on .itemName {/* letter-spacing: 0.1em; */}


.Hscene{padding-top: 60px;padding-bottom:380px;z-index:2;position:relative;}
.Hscene_top .masterTitle01{margin-bottom:30px;}
.Hscene_top .line{line-height:1.7222222222222223;font-size:18px;
color:#999;width:1600px;max-width:90%;margin:0 auto;}
.HsceneBg1{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;}
.HsceneBg1>img{width:100%;height:100%;object-fit:cover;}
.HsceneBg2{position:absolute;bottom:0;left:50%;width:1150px;max-width:90%;z-index:-1;transform:translate(-65%,5%);}
.HsceneBg2>img{width:100%;}

.HsceneBox{margin-top:90px;position:relative;}
.HsceneBox>div{align-items:center;}
.HsceneImg{transform-style: preserve-3d;perspective:800px;}
.HsceneImg>div{max-width:90%;position:relative;transform: rotateY(10deg) translateX(8%);width:600px;margin-left:auto;}
.HsceneImg ._rim{width:100%;}
.HsceneImg ._rim>img{width:100%;}
#HsceneImg{position:absolute;top:2.1%;left:1.4%;right:1.4%;bottom:2.1%;border-radius:1rem;}
#HsceneImg .swiper-slide{overflow:hidden;}
#HsceneImg .item{width:100%;height:100%;}
#HsceneImg .item>img{width:100%;height:100%;}
.HsceneInfo{padding-left:140px;}
.HsceneInfo ._page{color:var(--blue);line-height:1;margin-bottom:15px;}
.HsceneInfo ._page>span{font-size:28px;font-weight:bold;}
.HsceneInfo ._page>em{font-size:18px;}
.HsceneInfo>div{width:520px;max-width:85%;}
#HsceneInfo ._title{font-size:28px;line-height:1;margin-bottom:20px;color:var(--blue);font-weight:lighter;}
#HsceneInfo ._line{font-size:18px;line-height:2;color:#666;font-weight:lighter;max-height:108px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
#HsceneInfo ._more{margin-top:50px;}
#HsceneInfo ._more>a{font-size:18px;position:relative;padding-bottom:5px;color:var(--blue);display:inline-block;transition:letter-spacing .4s;}
#HsceneInfo ._more>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:var(--blue);}
#HsceneInfo ._more>a:hover{letter-spacing:0.15em;}

.Hscene_switch{position:absolute;top:50%;color:#fff;z-index:10;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.Hscene_switch.Hscene_prev{left:2.604166666666667vw;}
.Hscene_switch.Hscene_next{right:2.604166666666667vw;}
.Hscene_switch>a{width:68px;height:68px;line-height:68px;z-index:2;color:var(--blue);transition:all .4s;}
.Hscene_switch>a:before{content:'';position:absolute;width:100%;height:100%;
border-radius:50%;border:1px solid var(--blue);top:0;left:0;transition:cubic-bezier(.4,.4,0,1) .5s;}
.Hscene_switch>a>i{font-size:32px;}
.Hscene_switch>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);
background-color:var(--blue);border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1;}
.HsceneNav{width:1600px;max-width:90%;position:absolute;bottom:0;left:50%;transform:translateX(-50%);}
.HsceneNav>div{justify-content:space-between;}
.HsceneNav .item>a{color:#333;padding-bottom:25px;position:relative;font-size:16px;line-height:1;}
.HsceneNav .item>a span{display:block;width:22px;height:22px;position:absolute;bottom:0;left:50%;transform:translate(-50%,50%);}
.HsceneNav .item>a span:before,
.HsceneNav .item>a span:after{content:'';position:absolute;border-radius:50%;}
.HsceneNav .item>a span:before{width:8px;height:8px;background-color:#999;transform:translate(-50%,-50%);top:50%;left:50%;
transition:background-color .4s;}
.HsceneNav .item>a span:after{width:100%;height:100%;top:0;left:0;transform:rotateY(180deg);
border:1px dashed var(--blue);opacity:0;transition:all .4s;}
.HsceneNav .item>a.on{color:var(--blue);font-weight:bold;pointer-events:none;}
.HsceneNav .item>a.on span:before{background-color:var(--blue);}
.HsceneNav .item>a.on span:after{opacity:1;transform:none;animation: turns 5s infinite linear;}


.Hnews_top{align-items:flex-end;}
.Hnews_top .masterBtn01{margin-left:auto;}
.Hnews{padding-top:160px;padding-bottom:140px;background-color:#fff;}
.HnewsList{margin-top:60px;}
.HnewsList>div{margin:0 -25px;}
.HnewsList .item{padding:0 25px;}
.HnewsList .itemImg{padding-bottom:62.4%;position:relative;overflow:hidden;}
.HnewsList .itemImg>img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;transition:all .6s ease;}
.HnewsList .itemInfo{padding-top:35px;font-weight:lighter;}
.HnewsList .itemInfo .time{font-size:20px;color:#999;margin-bottom:10px;line-height:1;transition:all .4s;}
.HnewsList .itemInfo .name{font-size:22px;color:#333;line-height:41px;max-height:82px;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all .4s;}

.Hcontact{padding:125px 0;position:relative;z-index:2;overflow:hidden;}
.HcontactBg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:115%;}
.HcontactBg>img{width:100%;height:100%;object-fit:cover;}
.masterBtn01.hoverWhite>a{width:190px;}
.masterBtn01.hoverWhite>a>div>span:first-of-type{color:#fff;}
.masterBtn01.hoverWhite>a>div>span:last-of-type{color:var(--blue);}
.masterBtn01.hoverWhite>a:after{background:#fff;}
.masterBtn01.hoverWhite>a:before{border-color:#fff;opacity:1;}
.HcontactBox{width:970px;max-width:90%;margin:0 auto;}
.HcontactBox .masterTitle01{margin-bottom:30px;}
.HcontactBox .line{font-size:18px;line-height:2.1666666666666665;margin-bottom:45px;font-weight:lighter;opacity:.9;}

.footer{width:100%;background-color:#1a1e21;}
.footerBox{justify-content:space-between;padding:50px 0;}
.footerL{width:500px;}
.footerL .ftnav .ftnav_logo{margin-bottom:30px;}
.footerL .ftnav .ftnav_logo>a{width:244px;display:inline-block;}
.footerL .ftnav .ftnav_logo>a>img{width:100%;}
.footerL .ftnav .ftnav_list{margin:0 -20px;}
.footerL .ftnav .ftnav_list>li{position:relative;padding:0 20px;line-height:1;}
.footerL .ftnav .ftnav_list>li:after{content:'';position:absolute;right:0;top:50%;
transform: translate(50%,-50%);width:3px;height:3px;border-radius:50%;background-color:#fff;}
.footerL .ftnav .ftnav_list>li>a{font-size:20px;color:#fff;}
.footerL .ftnav .ftnav_list>li>a .hoverable_txt{padding:8px 0;}
.footerL .ftnav .ftnav_list>li>a .hoverable_txt:after{background-color:#fff;}
.footerL .ftnav .ftnav_list>li:last-child:after{display:none;}
.footerR{color:#fff;width: 96%;margin-left:0;align-items:center;}
.footerR .ftcode{margin-left:auto;}
.footerR .fthot .fthot_tel{line-height:1;}
.footerR .fthot .fthot_tel .name{font-size: 20px;margin-bottom:10px;font-weight:lighter;opacity: 0.5;}
.footerR .fthot .fthot_tel .number>a{font-size: 40px;font-weight:bold;color:#fff;font-family:arial;}
.footerR .fthot .fthot_line{font-size: 16px;line-height: 1.8;margin-top:15px;font-weight:lighter;opacity: 0.5;}
.footerR .fthot .fthot_line p{color:#fff;}
.footerR .ftcode .code_img{width:208px;}
.footerR .ftcode .code_img>img{width:100%;}
.footerR .ftcode .code_name{font-size:18px;line-height:1;font-weight:lighter;margin-top:15px;}
.ftkeep{text-align:center;font-size: 14px;line-height:1.625;padding:25px 0;position:relative;}
.ftkeep:before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background-color:#fff;opacity:.1;}
.ftkeep span,.ftkeep a{display:inline-block;color:#fff;font-weight:lighter;}

.pageBanner{position:relative;z-index:5;overflow:hidden;}
.pageBanner .bg{width:100%;height:100%;}
.pageBanner .bg>img{width:100%;height:100%;object-fit:cover;}
.pageBanner .info{position:absolute;left:50%;top: 57%;transform:translate(-50%,-50%);line-height:1;font-weight:lighter;max-width: 1400px;width: 90%;text-align: left;}
.pageBanner .info .masterTitle01{margin-bottom: 10px;}
.pageBanner .info .masterTitle01 .animated{animation-duration: 1s;}
.pageBanner .info .infoLine{font-size:20px;line-height:1.4;display:none;}
.pageBanner.pbstyle1{height:500px;}
.pageBanner.pbstyle2{min-height:44.79166666666667vw;padding:5.208333333333334vw 0;
display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;
display:-webkit-flex;display:flex;align-items:center;}
.pageBanner.pbstyle2 .bg{position:absolute;top:0;left:0;z-index:-1;}
.pageBanner.pbstyle2 .info{position:initial;transform:none;text-align:justify;padding-top:80px;}
.pageBanner.pbstyle3{height:31.25vw;}


.abIntr{padding: 100px 0;position:relative;z-index:2;}
.abIntr .abIntrBg{width:100%;height:calc(100% + 2.604166666666667vw);position:absolute;bottom: 0;left:0;z-index:-1;}
.abIntr .abIntrBg>img{width:100%;height:100%;object-fit:cover;}
.abIntrBox{width: 1300px;max-width:100%;margin:0 auto;}
.abIntrBox .masterTitle01{margin-bottom:45px;}
.abIntrBox .abIntrLine{font-size:18px;line-height:2;color:#666;font-weight:lighter;text-align: left;}

.abWd{padding-top: 80px;padding-bottom: 60px;}
.abWdList{margin-top:70px;}
.abWdList>div{margin:0 -55px;}
.abWdList .item{padding:0 55px;}
.abWdList .item>div{box-shadow:0 0 30px rgba(35, 114, 232, .2);height:100%;padding: 50px 40px;position:relative;font-weight:lighter;z-index:2;overflow:hidden;}
.abWdList .item>div:before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background-color: #14a3df;}
.abWdList .itemTps{padding-bottom: 30px;font-size:24px;line-height:1.5;position:relative;}
.abWdList .itemTps:after{content:'';position:absolute;bottom:0;left:0;width:44px;height:2px;background-color:#b2c1cc;}
.abWdList .itemLine{padding: 30px 0 0;font-size: 16px;line-height:2;}
.abWdList .itemLine>p{padding-left: 0;position:relative;}
.abWdList .itemLine>p:before{content:'';position:absolute;top:16px;left:0;width:4px;height:4px;border-radius:50%;background-color:#333;opacity: 0;}
.abWdList .itemIcon{width:160px;position:absolute;bottom:0;right:0;z-index:-1;transform:translateY(10px);}
.abWdList .itemIcon>img{width:100%;animation:try 1.2s cubic-bezier(.36, 0,.7,1) infinite alternate backwards;}

.abTeam{padding-top:170px;overflow:hidden;}
.abTeamBox{margin-top:100px;position:relative;padding-left:50%;}
.abTeamInfo{position:absolute;left:50%;bottom:0;transform:translateX(-50%);padding-left:15px;}
.abTeamInfo>div{padding-left:45px;padding-bottom:180px;width:50%;padding-right:100px;position:relative;}
#abTeamInfo{width:100%;}
.abTeamInfo>div:before{content:'';position:absolute;left:0;top:0;bottom:0;width:1px;background-color:#eee;}
.abTeamInfo>div:after{content:'';position:absolute;left:0;top:0;width:3px;height:34px;
background-color:var(--blue1);z-index:2;transform:translateX(-1px);}
#abTeamInfo .info{font-weight:lighter;text-align:justify;}
#abTeamInfo .info .infoName{font-size:36px;line-height:1;margin-bottom:45px;color:var(--blue1);}
#abTeamInfo .info .infoLine{font-size:18px;line-height:2;}
.abTeamInfo .infoBtn{margin-top:80px;}
.abTeamInfo_switch{margin-right:25px;}
.abTeamInfo_switch:last-child{margin-right:0;}
.abTeamInfo_switch>a{width:56px;height:56px;line-height:56px;z-index:2;color:var(--blue);transition:all .4s;}
.abTeamInfo_switch>a:before{content:'';position:absolute;width:100%;height:100%;
border-radius:50%;border:1px solid var(--blue);top:0;left:0;transition:cubic-bezier(.4,.4,0,1) .5s;}
.abTeamInfo_switch>a>i{font-size:26px;}
.abTeamInfo_switch>a:after{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);
background-color:var(--blue);border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1;}
.abTeamImg{width:100%;max-width:960px;padding-left:15px;}
#abTeamImg{width:100%;}
#abTeamImg .bg{width:100%;height:0;padding-bottom:146.56652360515021%;cursor:pointer;}
#abTeamImg .bg>img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.abTeamBox .abTeamTxt{color:#f3f6fe;font-size:200px;text-transform:uppercase;font-weight:bold;z-index:-1;
position:absolute;left:50%;top:0;line-height:1;transform:translate(-50%,-50%);}


.sceneList{padding-top:20px;padding-bottom:90px;}
.sceneList .item{padding-top: 100px;padding-bottom: 80px;position:relative;width: 50%;float: left;}
.sceneList .item:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:0;
border-bottom:1px dashed #e0e0e0;}
.sceneList .item>div{align-items:center;}
.sceneList .itemInfo ._title{font-size: 1.3vw;line-height:1.2;font-weight:lighter;margin-bottom: 35px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.sceneList .itemInfo ._line{font-size:18px;line-height:2;color:#666;
font-weight:lighter;margin-bottom:50px;text-align:justify;max-height:144px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.sceneList .itemView>div{width:100%;position:relative;z-index:2;} 
.sceneList .itemView ._bg{width:100%;}
.sceneList .itemView ._bg>img{width:100%;}
.sceneList .itemView ._circle{position:absolute;z-index:-1;}
.sceneList .itemView ._circle>div{padding-bottom:100%;width:100%;height:0;}
.sceneList .itemView ._circle>div>img{position:absolute;width:100%;height:100%;top:0;left:0;}
.sceneList .itemView .circle1{width:26.125%;left:0;top:0;transform:translateY(-35%);}
.sceneList .itemView .circle1>div{animation: turns 5s infinite linear;transform-origin:42%;}
@keyframes turns{
   to{transform: rotate(1turn);}
}
.sceneList .itemView .circle2{width:8.5%;right:0;bottom:15%;transform:translateX(30%);}
.sceneList .itemView .circle2>div{animation: turns 5s infinite linear reverse;transform-origin:35%;}
.sceneList .itemView ._img{position:absolute;left: 12.3%;top: 4.5%;right: 12.5%;bottom: 13.5%;
z-index:2;border-radius:3px;overflow:hidden;}
.sceneList .itemView ._img>img{width:100%;height:100%;object-fit:cover;}
.sceneList .item:last-of-type:after{display:none;}
.sceneList .item:nth-child(odd) .itemInfo{padding-left: 50px;order:2;}
.sceneList .item:nth-child(even) .itemInfo{padding-left: 50px;/* order:-1; */}


.pageBanner.pbstyle2 .info>div{padding-right:50px;}
.pageBanner.pbstyle2 .info .masterTitle01{font-weight:bold;margin-bottom:40px;}
.pageBanner.pbstyle2 .info .infoLine{line-height:36px;max-width:50%;padding-right:15px;text-align:justify;max-height:252px;}
#pageBannerTxt .scrollbar-track-y{width:3px;border-radius:3px;}
#pageBannerTxt .scrollbar-track-y .scrollbar-thumb-y{border-radius:3px;}
.case{padding-top:180px;padding-bottom:150px;}
.caseTop{justify-content:center;}
.caseTop>div{z-index:2;}
.caseTop .en{font-size:24px;text-transform:uppercase;color:var(--blue);line-height:1;margin-bottom:15px;font-weight:lighter;}
.caseTop .circle{position:absolute;left:0;top:0;z-index:-1;transform:translate(-25%,-25%);width:83px;}
.caseTop .circle>img{width:100%;animation: turns 5s infinite linear;transform-origin:30%;}
.caseList{margin:60px 0;}
.caseList>div{flex-wrap:wrap;margin:-40px -20px;}
.caseList .item>a{transition:all .6s;background-color:#fff;}
.caseList .item{padding:40px 20px;}
.caseList .itemImg{padding-bottom:61.58415841584158%;position:relative;height:0;width:100%;overflow:hidden;}
.caseList .itemImg>img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;transition:all .6s ease;}
.caseList .itemInfo{padding:40px;font-weight:lighter;}
.caseList .itemInfo .name{font-size:24px;line-height:1;margin-bottom:35px;color:#333;transition:all .4s;
overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.caseList .itemInfo .more{line-height:1;color:var(--blue);margin-bottom:20px;}
.caseList .itemInfo .more>span{font-size:16px;margin-right:3px;}
.caseList .itemInfo .more>i{font-size:14px;}

.solve{padding-top:100px;padding-bottom:100px;overflow:hidden;position:relative;z-index:2;}
.solve .solveBg{position:absolute;top:0;left:0;width:100%;height:100vh;z-index:-1;}
.solve .solveBg>img{width:100%;height:100%;object-fit:cover;}
.solve .solveInfo .title{font-size:36px;line-height:1;color:var(--blue);margin-bottom:40px;}

/*masterBtn02*/
.masterBtn02>._btn{width:170px;height:50px;background-color:var(--blue);letter-spacing:0.075em;
color:#fff;align-items:center;justify-content:center;font-size:20px;text-align:center;}
.masterBtn02>._btn span{display:inline-block;position: relative;color:#fff;
transition: transform 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.masterBtn02>._btn span:before{content: attr(data-word);position: absolute;top:100%;
color: rgba(255, 255, 255, 0);transition: color 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);}
.masterBtn02>._btn span:nth-child(1),
.masterBtn02>._btn span:nth-child(1):before{transition-delay:0s;}
.masterBtn02>._btn span:nth-child(2),
.masterBtn02>._btn span:nth-child(2):before{transition-delay:0.03s;}
.masterBtn02>._btn span:nth-child(3),
.masterBtn02>._btn span:nth-child(3):before{transition-delay:0.06s;}
.masterBtn02>._btn span:nth-child(4),
.masterBtn02>._btn span:nth-child(4):before{transition-delay:0.09s;}


.caseDel{padding:200px 0;position:relative;}
.caseDel_info{margin-top:50px;text-align:justify;}
.caseDel_info .title{font-size:36px;line-height:1.325;font-weight:bold;color:var(--blue);margin-bottom:30px;}
.caseDel_info .line{font-size:18px;line-height:36px;max-height:252px;
font-weight:lighter;color:#666;padding-right:15px;width:calc(100% + 15px);}
.caseDel ._bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;}
.caseDel ._bg>img{width:100%;height:100%;object-fit:cover;object-position:center bottom;}
.caseDel_video>div{width:100%;z-index:2;transform:translateX(9.5%);}
.caseDel_video ._videoBg{width:100%;}
.caseDel_video ._videoBg>img{width:100%;}
.caseDel_video ._videoCover{position:absolute;top: 2.1%;right: 10.1%;bottom: 17%;left: 10.5%;}
.caseDel_video ._videoCover>a{width:100%;height:100%;position:relative;overflow:hidden;}
.caseDel_video ._videoCover>a>img{width:100%;height:100%;object-fit:cover;transition:all .6s;}
.caseDel_video ._videoCover>a ._play{width:60px;height:60px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;}
.caseDel_video ._videoCover>a ._play:before,
.caseDel_video ._videoCover>a ._play:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;}
.caseDel_video ._videoCover>a ._play:before{z-index:5;background:url(../image/playIcon.png) no-repeat center center;
background-size:contain;transition:transform 1s ease;}
.caseDel_video ._videoCover>a ._play:after{background-color:rgba(255,255,255,.2);z-index:2;border-radius:50%;
transform:scale(0);transition:transform 1s ease;}

.news{padding-top:80px;padding-bottom:80px;}
.newsBox .title{font-size:24px;line-height:1;margin-bottom:50px;}
.newsL{padding-right:90px;}
.newsL .list{margin-bottom:80px;}
.newsL .list>div{flex-wrap:wrap;margin:-40px -30px;}
.newsL .list .item{padding:40px 30px;width:50%;}
.newsL .list .itemImg{padding-bottom:50%;position:relative;overflow:hidden;border:1px solid #eee;}
.newsL .list .itemImg>img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;transition:all .6s ease;}
.newsL .list .itemInfo{padding-top:35px;font-weight:lighter;}
.newsL .list .itemInfo .time{font-size:16px;color:#999;margin-bottom:10px;line-height:1;transition:all .4s;}
.newsL .list .itemInfo .name{font-size:22px;color:#333;line-height:41px;max-height:82px;overflow: hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;transition:all .4s;}
.newsR{width:330px;}
.newsR .hot>div{margin:-10px 0;}
.newsR .hot .item{padding:10px 0;}
.newsR .hot .item>a{font-weight:lighter;padding: 20px 25px;position:relative;transition:background-color .5s ease;background:#f7f7f7;}
.newsR .hot .item>a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ddd;}
.newsR .hot .item ._title{font-size: 18px;line-height: 32px;margin-bottom: 0;color:#333;max-height:70px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsR .hot .item ._time{font-size: 16px;line-height: 1.4;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 10px;}


.newsDel{padding: 80px 0;}
.newsDelL{padding-right:60px;}
.newsDelL ._Top ._title{font-size: 26px;line-height:1.325;margin-bottom:20px;font-weight:bold;}
.newsDelL ._Top ._source{font-size:18px;line-height:1;font-weight:lighter;}
.newsDelL ._Top ._source span{display:inline-block;margin-right:15px;}
.newsDelL ._Top ._source span:last-child{margin-right:0;}
.newsDelL ._cnt{font-size:18px;line-height:2;font-weight:lighter;margin-top:30px;color:#666;border-top:2px solid #f2f2f2;padding-top:30px;}
.newsDelL ._cnt img{max-width:100%;height: auto!important;margin:20px auto;}
.newsDelL ._cnt span,
.newsDelL ._cnt p,
.newsDelL ._cnt em,
.newsDelL ._cnt strong,
.newsDelL ._cnt i{font-size: 16px;text-wrap: wrap!important;} 
.newsDelR{padding-right:170px;}
.newsDelR .drift .drift_item{margin-bottom:30px;}
.newsDelR .drift .drift_item:last-child{margin-bottom: 0;}
.newsDelR .drift .drift_item>a{align-items:center;}
.newsDelR .drift .drift_item>a>i{width:52px;height:52px;line-height:52px;display:inline-block;font-weight:bold;
text-align:center;position:relative;z-index:2;font-size:20px;margin-right:12px;color:var(--blue);}
.newsDelR .drift .drift_item>a>i:after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;
border-radius:50%;background-color: #f5f5f5;z-index:-1;transition:cubic-bezier(.4,.4,0,1) 0.4s;}
.newsDelR .drift .drift_item>a>span{font-size:18px;font-weight:lighter;color:#333;transition:cubic-bezier(.4,.4,0,1) 0.4s;}
.newsDelL ._cnt table td{ width:33.33%}
.newsDelL ._cnt p{word-break: keep-all;
    word-wrap: break-word;}


.contact{padding: 1px 0;background: url(../img/conbj.jpg);background-size: cover;}
.contact>div{/* padding-left:50%; */position:relative;}
.contact ._map{width:100%;max-width:960px;padding-left:15px;}
.contact ._map>div{width:100%;height:0;padding-bottom:53.69978858350951%;position:relative;}
#Gaodemap{width:100%;height:100%;position:absolute;top:0;left:0;}
#Gaodemap .ripple{position:relative;width:50px;height:50px;}
#Gaodemap .ripple>span{position:absolute;top:0;left:0;transform: scale(0.01);width: 100%;height: 100%;
border-radius: 50%;background-color:var(--blue);animation: ripple 5s ease-in-out infinite;opacity: 0;}
#Gaodemap .ripple>span:nth-of-type(1) {animation-delay: 0s;}
#Gaodemap .ripple>span:nth-of-type(2) {animation-delay: 1.4s;}
#Gaodemap .ripple>span:nth-of-type(3) {animation-delay: 3s;}
@keyframes ripple {
  0% {
    transform: scale(0.01);
    opacity: 0.4;
  }
  100% {
    transform: scale(6);
    opacity: 0;
  }
}
#Gaodemap .ripple>i{position:absolute;left:50%;top:50%;transform:translate(-50%,-75%);
color:var(--blue);font-size:32px;z-index:5;}
.contact ._info{/* position:absolute; *//* left:50%; *//* top:50%; *//* transform:translate(-50%,-50%); */width: 90%;max-width: 1400px;}
.contact ._info>div{width: 100%;}
.contact ._info ._top{line-height:1;}
.contact ._info ._top ._name{font-size:24px;margin-bottom:12px;}
.contact ._info ._top ._tps{font-size:48px;font-weight:bold;color:var(--blue);}
.contact ._info ._nunber{margin-top: 80px;line-height:1;margin-bottom: 80px;}
.contact ._info ._nunber .flex{margin: 0 auto;/* max-width: 400px; */}
.contact ._info ._nunber .flex .fadeInDownSmall{
    flex: 1;
    text-align: center;
}
.contact ._info ._nunber .itemName{font-size: 20px;font-weight:bold;margin: 3% 5%;padding: 0;/* display: flex; *//* justify-content: center; *//* border: 1px solid #eee; *//* border-radius: 30px; */transition: all .3s;flex: 0 0 40%;/* background: #fff; */text-align: left;font-size: 16px;font-weight: normal;line-height: 1.5;border-right: 1px solid #eee;}
.contact ._info ._nunber .itemName:nth-child(2){border:none;}
.contact ._info ._nunber .itemName:hover{/* border-color:#bbb; */}
.contact ._info ._nunber .itemTxt{font-size: 20px;font-weight:lighter;color: #14a3df;display: inline-block;float: left;}
.contact ._info ._nunber .itemTxt a{color: #14a3df;}
.contact ._info ._city{margin-top: 60px;}
.contact ._info ._city ._name{margin-bottom:15px;font-size: 22px;/* font-weight:bold; */text-align: center;}
.contact ._info ._city ._line{font-size:18px;font-weight:lighter;line-height:1.625;text-align: center;}
.message{padding:80px 0;position:relative;overflow:hidden;z-index:2;background: url(../picture/20220920134503131.jpg);}
.message .row{
    width: 1400px;
}
.message .row .col-2{width:100%;}
.messageBg{position:absolute;left:0;top:0;width:100%;height:100vh;z-index:-1;}
.messageBg>img{width:100%;height:100%;object-fit:cover;}
.message_form{margin-top:25px;}
.message_form form>div{margin:0 -11px;padding-bottom:30px;}
.message_form form>div:last-of-type{padding-bottom:0;}
.message_form .message_item{padding:0 11px;}
.message_form .message_bd{background-color:#fff;border-radius:3px;}
.message_form .message_in{padding:10px 30px;}
.message_form .message_in input,
.message_form .message_in textarea{border:none;background:none;font-weight:lighter;
width:100%;color:#333;font-size:16px;resize:none;height:100px;}
.message_form .message_in input::-webkit-input-placeholder,
.message_form .message_in textarea::-webkit-input-placeholder{color:#999;}
.message_form .message_in input::-moz-placeholder,
.message_form .message_in textarea::-moz-placeholder{color:#999;}
.message_form .message_in input:-ms-input-placeholder,
.message_form .message_in textarea:-ms-input-placeholder{color:#999;}   
.message_form .message_in input{width:100%;height:28px;}
.message_form .message_code{width:35%;margin-right:30px;}
.message_form .message_num{height:48px;}
.message_form .message_num>a{height:100%;}
.message_form .message_num>a>img{height:100%;object-fit: cover;}
.messageBox ._title{font-size:24px;line-height:1;}
.message_form .masterBtn02{margin-left:auto;}
.message_form .masterBtn02 ._btn{border:none;height:48px;width:160px;font-weight:lighter;border-radius:3px;}


@media screen and (min-width:1025px){	
.hoverable:hover .hoverable_txt:after{-webkit-transform:scaleX(1);transform:scaleX(1);
-webkit-transform-origin:left top;transform-origin:left top;}
.Hbanner_switch>a:hover{color:#fff;}
.Hbanner_switch>a:hover:before{opacity:0;}
.Hbanner_switch>a:hover:after{transform:none;opacity:.5;}
.Hscene_switch>a:hover{color:#fff;}
.Hscene_switch>a:hover:before{opacity:0;}
.Hscene_switch>a:hover:after{transform:none;opacity:.5;}
.masterBtn01>a:hover>div>span:last-of-type{transform:translateY(0);}
.masterBtn01>a:hover>div>span:first-of-type{transform:translateY(-24px);}
.masterBtn01>a:hover:after{border-radius:0;transform:translateY(0) scaleY(1);}
.HnewsList .item>a:hover .itemImg>img{transform:scale(1.15);}
.HnewsList .item>a:hover .itemInfo .time{color:var(--blue);opacity:.5;}
.HnewsList .item>a:hover .itemInfo .name{color:var(--blue);}
.header .nav .navlist>.nav_a>.nav_b>.nav_b_list>li>a:hover{background:#f5f5f5;color:var(--blue);letter-spacing: 1px;}
.header .nav .navlist>.nav_a:hover .nav_b{opacity:1;visibility:visible;display: block;/* transform:translateX(-50%); */} 
.abTeamInfo_switch>a:hover{color:#fff;}
.abTeamInfo_switch>a:hover:before{opacity:0;}
.abTeamInfo_switch>a:hover:after{transform:none;opacity:.5;}
.caseList .item>a:hover{box-shadow:0 0 30px rgba(35, 114, 232, .2);}
.caseList .item>a:hover .itemImg>img{transform:scale(1.1);}
.caseList .item>a:hover .name{color:var(--blue);}
.pageList li a:hover{background-color:var(--blue);color:#fff;border-color:var(--blue);}
.masterBtn02>._btn:hover span{transform:translateY(-100%);color:rgba(255, 255, 255, 0);}
.masterBtn02>._btn:hover span:before{color:#fff;}
.caseDel_video ._videoCover>a:hover ._play:after{transform:scale(4);}
.caseDel_video ._videoCover>a:hover ._play:before{transform:rotateZ(235deg);}
.caseDel_video ._videoCover>a:hover>img{transform:scale(1.1);}
.newsL .list .item>a:hover .itemImg>img{transform:scale(1.15);}
.newsL .list .item>a:hover .itemInfo .time{color:var(--blue);opacity:.5;}
.newsL .list .item>a:hover .itemInfo .name{color:var(--blue);}
.newsR .hot .item>a:hover{background-color:#f5f5f5;}
.newsDelR .drift .drift_item>a:hover>span{color:var(--blue);transform:translateX(8px);}
.newsDelR .drift .drift_item>a:hover>i:after{transform:scale(1.3);}
.HsceneNav .item>a:hover span:before{background-color:var(--blue);}
.HsceneNav .item>a:hover span:after{opacity:1;transform:none;}


/*rollAni*/
.newsL .list .item:nth-child(2n+2)>a{animation-delay:0.3s;}
.contact ._map>div{position:relative;overflow:hidden;}
.contact ._map>div:after{content:'';top:0;right:0;width:0;background-color:var(--blue1);position:absolute;z-index:2;height:100%;}
.contact ._map>div.mapMac:after{animation: mapMacL 1s cubic-bezier(0.4, 0, 1, 1) forwards;}
@keyframes mapMacL {
  0% {
    left: 0;
    width: 0;
  }
  20% {
    left: 0;
    width: 110%;
  }
  70.01% {
    right: 0;
    width: 110%;
  }
  100% {
    right: 0;
    width: 0;
  }
}
.contact ._info .fadeInDownSmall{animation-duration: 1s;}
.abTeamImg #abTeamImg .bg{overflow:hidden;}
.abTeamImg #abTeamImg .bg>img{transform:scale(1.2);}
.abTeamImg.fn2 #abTeamImg .bg>img{transform:none;transition: transform 2s ease-in-out;}
.caseList .item:nth-child(3n+2)>a{animation-delay:0.3s;}
.caseList .item:nth-child(3n+3)>a{animation-delay:0.6s;}

.sceneList .itemInfo ._title,
.sceneList .itemInfo ._line,
.sceneList .itemInfo .masterBtn01{transform:translateY(20px);opacity:0;}
.sceneList .itemView ._img>img{transform:scale(1.2);}
.sceneList .item>div.sceneAni .itemView ._img{
	animation-name: fn2;
	animation-duration: 1.5s;
	animation-timing-function: cubic-bezier(0.49, 0.54, 0.16, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.sceneList .item>div.sceneAni .itemView ._img>img{transform:none;transition: transform 1.8s ease-in-out;}
.sceneList .item>div.sceneAni .itemInfo ._title,
.sceneList .item>div.sceneAni .itemInfo ._line,
.sceneList .item>div.sceneAni .itemInfo .masterBtn01{
	animation-name: fadeInLeftSmall;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-duration: 1s;
}
.sceneList .item>div.sceneAni .itemInfo ._title{animation-delay:.2s;}
.sceneList .item>div.sceneAni .itemInfo ._line{animation-delay:.5s;}
.sceneList .item>div.sceneAni .itemInfo .masterBtn01{animation-delay:.8s;}



}	


@media screen and (max-width:1600px){
	#HbannerSwiper .Hbanner_info .large{font-size:36px;margin-bottom:30px;}
	#HbannerSwiper .Hbanner_info .small{font-size:20px;}
	.Hbanner_switch>a{width:60px;height:60px;line-height:60px;}
	.Hbanner_switch>a>i{font-size:30px;}
	.masterTitle01{font-size:42px;}
	.HaboutList .item>a{padding:55px 30px;}
	.HaboutList .itemIcon{width:70px;}
	.abTeamInfo>div{padding-bottom:140px;}
	.abTeamInfo .infoBtn{margin-top:65px;}
	.abTeamBox .abTeamTxt{font-size:170px;}
	.newsDelL{padding: 0 60px 0 0;}
	.newsDelR{padding-right:130px;}
	.newsL{padding-right:75px;}
	.sceneList .item{padding-top: 80px;padding-bottom: 70px;}
	.sceneList .item:nth-child(odd) .itemInfo{padding-left: 50px;}
	.sceneList .item:nth-child(even) .itemInfo{padding-right: 0;}
	.sceneList{padding-bottom:80px;}
	.HsceneInfo{padding-left:120px;}
	.Hscene_switch>a{width:60px;height:60px;line-height:60px;}
	.Hscene_switch>a>i{font-size:30px;}
	.Hscene{padding-bottom:330px;}
	.HsceneBg2{transform:translate(-50%,15%);}
}

@media screen and (max-width:1440px){
    #HbannerSwiper .Hbanner_info .large{font-size:30px;margin-bottom:20px;}
	#HbannerSwiper .Hbanner_info .small{font-size:18px;}
	.Hbanner_switch>a{width:52px;height:52px;line-height:52px;}
	.Hbanner_switch>a>i{font-size:26px;}
    .masterTitle01{font-size:36px;}
    .Habout{padding:60px 0;}
    .Habout_top .line{font-size:16px;}
    .Habout_top .masterTitle01{margin-bottom:30px;}
    .masterBtn01>a{width:140px;height:44px;}
    .masterBtn01>a>div{font-size: 14px;}
    .Habout_top .masterBtn01{margin-top:28px;}
    .HaboutList .item>a{padding:40px 25px;}
	.HaboutList .itemIcon{width:60px;}
	.HaboutList .itemName{font-size: 18px;margin-top:10px;margin-bottom:15px;min-height: 40px;}
	.HaboutList .itemLine{font-size:14px;margin-bottom:20px;line-height:22px;height:44px;}
	.HaboutList .itemMore{width:30px;}
	.HaboutList{margin-top:60px;}
	.Hnews{padding-top:100px;padding-bottom:100px;}
	.HnewsList .item{padding:0 15px;}
	.HnewsList>div{margin: 0 -15px;}
	.HnewsList .itemInfo .name{font-size:18px;line-height:32px;max-height:64px;}
	.HnewsList .itemInfo .time{font-size:16px;}
    .Hcontact{padding:100px 0;}
    .HcontactBox .line{font-size:16px;line-height:1.875;margin-bottom:35px;}
    .masterBtn01.hoverWhite>a{width:160px;}
    .footerL .ftnav .ftnav_logo>a{width:220px;}
    .footerR .fthot .fthot_tel .number>a{font-size:32px;}
    .footerR .fthot .fthot_tel .name{font-size:20px;}
    .footerR .fthot .fthot_line{font-size:16px;}
	.footerR .fthot .fthot_line p{color:#fff;}
    .footerR .ftcode .code_img{width:120px;}
    .footerR .ftcode .code_name{font-size:16px;}
    .footerL .ftnav .ftnav_list>li>a{font-size:16px;}
    .footerL .ftnav .ftnav_logo{margin-bottom:15px;}
    .footerBox{padding:90px 0;}
    .ftkeep{font-size: 12px;padding:20px 0;}
    .abIntr{padding: 60px 0;}
	.abIntrBox .abIntrLine{font-size:16px;}
	.abIntrBox .masterTitle01{margin-bottom:30px;}
	.pageBanner .info .infoLine{font-size:16px;}
	.abWd{padding-top:130px;}
	.abWdList .itemTps{font-size:20px;padding-bottom:30px;}
	.abWdList .itemLine{font-size:16px;padding:30px 0;}
	.abWdList .item{padding:0 30px;}
	.abWdList>div{margin:0 -30px;}
	.abWdList .itemIcon{width:130px;}
	.abWdList .item>div{padding:50px 40px;}
	.abWdList{margin-top:60px;}
	.abWdList .itemLine>p:before{top:13px;}
	.abTeamInfo>div{padding-bottom:100px;}
	.abTeamInfo .infoBtn{margin-top:50px;}
	#abTeamInfo .info .infoName{margin-bottom:30px;font-size:30px;}
    #abTeamInfo .info .infoLine{font-size:16px;}
    .abTeamInfo_switch>a{width:48px;height: 48px;line-height:48px;}
	.abTeamInfo_switch>a>i{font-size:23px;}
	.abTeamInfo>div{padding-left: 30px;padding-right:60px;}
	.abTeamBox .abTeamTxt{font-size:140px;}
    .abTeamBox{margin-top:70px;}
	.abTeam{padding-top:140px;}
	.caseDel_info .title{font-size:28px;margin-bottom:25px;}
	.caseDel_info .line{font-size:16px;line-height:30px;max-height:210px;}
	.caseDel_info{margin-top:25px;}
	.caseDel{padding:150px 0;}
    .pageBanner.pbstyle2 .info .infoLine{line-height:30px;max-height:210px;overflow-y:auto;}
    .pageBanner.pbstyle2 .info .masterTitle01{margin-bottom:25px;}
    .caseTop .en{font-size:20px;margin-bottom:10px;}
    .caseTop .circle{width:62px;height:62px;}
    .caseList .item{padding:25px 12px;}
    .caseList>div{margin:-25px -12px;}
    .caseList .itemInfo{padding:25px;}
    .caseList .itemInfo .name{font-size:20px;margin-bottom:20px;}
    .caseList .itemInfo .more{margin-bottom:10px;}
    .caseList .itemInfo .more>span{font-size:14px;}
    .caseList .itemInfo .more>i{font-size:12px;}
    .case{padding-top:100px;padding-bottom:100px;}
    .solve .solveInfo .title{font-size:28px;margin-bottom:25px;}
    .masterBtn02>._btn{width:140px;height:44px;font-size:16px;}
    .solve{padding:90px 0;}
    .contact ._info ._top ._name{font-size:22px;}
    .contact ._info ._top ._tps{font-size:36px;}
    .contact ._info ._nunber .itemName{font-size: 16px;margin-bottom:15px;}
    .contact ._info ._city ._name{font-size:20px;margin-bottom:10px;}
    .contact ._info ._city{margin-top:60px;}
    .contact ._info ._nunber{margin-top: 60px;}
    .contact ._info ._nunber .itemTxt{font-size: 18px;font-family: arial;}
    .contact ._info ._city ._line{font-size:16px;}
    .messageBox ._title{font-size:22px;}
    .message_form .message_in{padding:7px 20px;}
    .message_form form>div{margin:0 -6px;padding-bottom:15px;}
    .message_form .masterBtn02 ._btn{width:130px;height:42px;}
    .message_form .message_code{margin-right:15px;}
    .message_form .message_num{height:42px;}
    .message_form .message_in input, .message_form .message_in textarea{font-size:14px;}
    .message_form .message_item{padding:0 6px;}
    #Gaodemap .ripple{width:35px;height:35px;}
    #Gaodemap .ripple>i{font-size:26px;}
    .newsDelL ._Top ._title{font-size: 22px;}
    .newsDelL ._Top ._source{font-size:16px;}
    .newsDelL ._cnt{font-size:16px;margin-top:35px;}
    .newsDelL ._cnt span,
	.newsDelL ._cnt p,
	.newsDelL ._cnt em,
	.newsDelL ._cnt strong,
	.newsDelL ._cnt i{font-size:16px !important;text-wrap: wrap!important;} 
	.newsDelL{padding: 0 80px 0 0;}    
	.newsDelR .drift .drift_item>a>i{width:46px;height:46px;line-height:46px;font-size:18px;}
	.newsDelR .drift .drift_item>a>span{font-size:16px;}
	.newsDelR .drift .drift_item{margin-bottom:20px;}
	.newsDelR{padding-right:90px;}
	.newsDel{padding: 60px 0;}
	.newsBox .title{font-size:22px;margin-bottom:35px;}
	.HnewsList .itemInfo{padding-top:25px;}
	.newsL .list .item{padding:25px 15px;}
	.newsL .list>div{margin:-25px -15px;}
	.newsL .list .itemInfo .name{font-size:18px;line-height:32px;max-height:64px;}
	.newsL .list .itemInfo .time{font-size:16px;}
	.newsL .list .itemInfo{padding-top:25px;}
	.newsL{padding-right:60px;}
	.newsR .hot>div{margin:-5px 0;}
	.newsR .hot .item{padding:5px 0;}
	.newsR .hot .item>a{padding:25px 20px;}
	.newsR .hot .item ._title{font-size:18px;line-height:30px;max-height:60px;}
	.newsR .hot .item ._time{font-size:16px;}
	.newsR{width:280px;}
	.news{padding-top:130px;padding-bottom:140px;}
	.newsL .list{margin-bottom:60px;}
	.sceneList .item{padding-top: 60px;padding-bottom: 60px;}
	.sceneList .itemInfo ._title{font-size: 20px;margin-bottom:20px;}
	.sceneList .itemInfo ._line{font-size:16px;margin-bottom:35px;max-height:128px;}
	.sceneList .item:nth-child(odd) .itemInfo{padding-left: 50px;}
	.sceneList .item:nth-child(even) .itemInfo{padding-right: 0;}
	.sceneList{padding-bottom:70px;}
	#back_top{right:40px;bottom:60px;}
    #back_top .master_backTop .master_backTop_btn{width:54px;height:54px;}
    #back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:22px;}
    .Hscene_switch>a{width:52px;height:52px;line-height:52px;}
    .Hscene_switch>a>i{font-size:26px;}
	.HsceneInfo{padding-left:100px;}
	#HsceneInfo ._line{font-size:16px;max-height:96px;}
	#HsceneInfo ._title{font-size:22px;}
	#HsceneInfo ._more{margin-top:35px;}
	#HsceneInfo ._more>a{font-size:16px;}
	.HsceneInfo ._page>span{font-size:22px;}
	.HsceneInfo ._page>em{font-size:16px;}
	.HsceneNav .item>a{font-size:16px;padding-bottom:20px;}
	.Hscene{padding-bottom: 180px;}	
	.Hscene_top .line{font-size:16px;}
	.HsceneBox{margin-top:70px;}
	#mouse .mouseName{font-size:14px;}
	#mouse .mouseIcon>i{font-size:14px;}
	#mouse .mouseOf{width:23px;height:36px;border-radius:22px;}
	
	.header .nav .navlist>.nav_a>a{font-size: 16px;}
}

@media screen and (max-width:1200px){
	#HbannerSwiper .Hbanner_info .large{font-size:26px;margin-bottom:20px;}
	#HbannerSwiper .Hbanner_info .small{font-size:16px;}
	.Hbanner_switch>a{width:46px;height:46px;line-height:46px;}
	.Hbanner_switch>a>i{font-size:22px;}
	.masterTitle01{font-size:32px;}
	.Habout_top .masterTitle01{margin-bottom:25px;}
	.HaboutList .item>a{padding:25px 20px;}
	.HcontactBox .masterTitle01{margin-bottom:25px;}
	.abWdList .item>div{padding:40px 30px;}
	.abWdList .itemIcon{width:100px;}
	.abWdList .item{padding:0 15px;}
	.abWdList>div{margin:0 -15px;}
	.abTeamBox .abTeamTxt{font-size:110px;}
	.newsDelR{padding-right:60px;}
	.newsDelL{padding: 0 30px 0 0;}
	.sceneList .item:nth-child(odd) .itemInfo{padding-left:55px;}
	.sceneList .item:nth-child(even) .itemInfo{padding-right:55px;}
	.sceneList .item{padding-top:105px;padding-bottom:60px;}
	.sceneList{padding-bottom:60px;}
	.Hscene_switch>a{width:46px;height:46px;line-height:46px;}
	.Hscene_switch>a>i{font-size:22px;}
	.HsceneInfo{padding-left:80px;}
	.Hscene{padding-bottom:230px;}
}

@media screen and (max-width:1024px){
	
	.header{height:60px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
	.header>div{padding:0 20px 0 10px;}
	.header:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#fff;opacity:0;transition:opacity .8s;}
	.header.mobileNav:after{opacity:.5;}
    .header .logo>a{height:30px;margin-top:3px;}
    .header .logo>a .logo1{opacity: 0!important;}
    .header .logo>a .logo2{opacity: 1 !important;}
    .header .Hmenu{display:block;}    
    .header .nav{position:fixed;top:0;right:0;overflow:hidden;width:100%;height:100vh;
    z-index:-2;padding-top:60px;right:-100%;background-color:#fff;transition: right .8s cubic-bezier(0.6,0,0.3,1);will-change:transform;}
    .header.mobileNav .nav{right:0;}
    .header .nav .navlist{width:100%;opacity:0;transition:all 0.5s;
    overflow-y:auto;padding:15px 20px;flex-wrap:wrap;max-height:100%;}
    .header.mobileNav .nav .navlist{opacity:1;transition-delay:0.5s;}
    .header .nav .navlist>.nav_a{width:100%;position:relative;}
    .header .nav .navlist>.nav_a:after{content:'';position:absolute;left:0;bottom:0;
    width:100%;height:1px;background-color:#eee;}
    .header .nav .navlist>.nav_a>a{line-height:60px;height:60px;padding:0;color:#333 !important;}
	.header .nav .navlist>.nav_a>.nav_b{position:static;width:100%;transform:none;opacity:.6;height:0;
	visibility:visible;text-align:left;padding:0;overflow:hidden;border:none;box-shadow:none;background:none;}
	.header .nav .navlist>.nav_a>.nav_b .nav_b_list{padding-bottom:30px;}
	.header .nav .navlist>.nav_a>.nav_b .nav_b_list>li>a{margin-bottom:10px;line-height:26px;padding:0;}
	.header .nav .navlist>.nav_a>.nav_b .nav_b_list>li:last-child>a{margin-bottom:0;}
	.header .nav .navlist>.nav_a>a>.nav_icon{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);}
	.header .nav .navlist>.nav_a>a>.nav_icon>i{transition:all .4s;display:inline-block;font-size:18px;opacity:.5;}
    .header .nav .navlist>.nav_a.on>a>.nav_icon>i{transform:rotate(180deg);opacity:1;}
    
	#HbannerSwiper .Hbanner_info .large{font-size:28px;margin-bottom:20px;}
	#HbannerSwiper .Hbanner_info .small{font-size:16px;}
	.Hbanner_switch{display:none;}
	.HBanner{height:68vw;}
	#main{position:initial;padding-top:60px;overflow:hidden;}
	.header .Htel{display:none;}
	.Hbanner_nav{bottom:15px;width:100%;text-align:center;right:0;}
	.Hbanner_nav>span{width:20px;height:1px;margin:0 5px;border-radius:0;}
	#HbannerSwiper .Hbanner_info{padding:0;}
	.masterTitle01{font-size:26px;}
	.Habout{padding:60px 0;}
	.Habout_top .masterTitle01{margin-bottom:20px;}
	.Habout_top .line{font-size:14px;}
	.masterBtn01>a{width:120px;height:38px;}
    .masterBtn01>a>div{font-size:14px;}
	.Habout_top .masterBtn01{margin-top:20px;}
	.HaboutList{overflow-x:auto;max-width:1024px;-webkit-overflow-scrolling: touch;}
	.HaboutList::-webkit-scrollbar{display:none;}
	.HaboutList>div{}
	.HaboutList .itemIcon{width:50px;}
	.HaboutList .item:first-of-type{margin-left:0;}
	.HaboutList{margin-top:0px;}
	.Hnews{padding:100px 0;}
	.HnewsList>div{margin:0 -8px;}
	.HnewsList .item{padding:0 8px;}
	.HnewsList .itemInfo{padding-top:20px;}
	.HnewsList .itemInfo .name{font-size:16px;line-height:26px;}
	.HnewsList .itemInfo .time{font-size:14px;margin-bottom:8px;}
	.HnewsList{margin-top:40px;}
	.Hcontact{padding:80px 0;}
	.HcontactBox .masterTitle01{margin-bottom:20px;}
	.HcontactBox .line{font-size:14px;margin-bottom:25px;}
	.masterBtn01.hoverWhite>a{width:130px;}
	.footerBox{flex-wrap:wrap;}
	.footerL{width:100%;margin-bottom:30px;}
	.footerR{width:100%;}
	.footerR .fthot .fthot_tel .number>a{font-size:26px;}
	.footerR .fthot .fthot_tel .name{font-size:18px;}
	.footerR .fthot .fthot_line{font-size:14px;}
	.footerR .ftcode .code_name{font-size:14px;}
	.footerBox{padding:60px 0;}
	.ftkeep{font-size: 13px;padding:15px 0;}
	.footerR .ftcode .code_img{width:110px;}
	.footerL .ftnav .ftnav_logo>a{width:180px;}
	.pageBanner.pbstyle1{height:260px;}
	.abIntr{padding:100px 0;}
	.abIntrBox .abIntrLine{font-size:14px;}
	.abIntrBox .masterTitle01{margin-bottom:20px;}
	.pageBanner .info .infoLine{font-size:14px;}
	.pageBanner .info .masterTitle01{margin-bottom:15px;}
	.abWd{padding-top:100px;}
	.abWdList{overflow-x:auto;-webkit-overflow-scrolling: touch;}
	.abWdList::-webkit-scrollbar{display:none;}
	.abWdList>div{min-width:1024px;margin:0;padding:20px;}
	.abWdList .item{padding:10px;}
	.abWdList .item>div{padding:30px 25px;}
	.abWdList .itemTps{font-size:18px;padding-bottom:20px;}
	.abWdList .itemLine{font-size:14px;padding:20px 0;}
	.abWdList .itemTps:after{width:25px;}
	.abWdList{margin-top:10px;}
	.abWdList .item>div:before{height:2px;}
	#abTeamInfo .info .infoLine{font-size:14px;}
	#abTeamInfo .info .infoName{margin-bottom:15px;font-size:24px;}
	.abTeamInfo>div:after{height:24px;}
	.abTeamInfo .infoBtn{margin-top: 35px;}
	.abTeamInfo>div{padding-left:25px;padding-right: 40px;padding-bottom: 60px;}
	.abTeamInfo_switch>a{width:40px;height: 40px;line-height:40px;}
	.abTeamInfo_switch>a>i{font-size:20px;}
    .abTeamBox{margin-top:40px;}
	.abTeam{padding-top:110px;}
    .caseDel_info{margin-top:0;}
	.caseDel_info .title{font-size:22px;margin-bottom:20px;}
	.caseDel_info .line{font-size:14px;line-height:26px;max-height:182px;}
	.caseDel{padding:100px 0;}
	.move_top{display:none;}
	.caseDel_video ._videoCover>a ._play{width:40px;height:40px;}
	.pageBanner.pbstyle2{min-height:50vw;padding:80px 0;}
	.pageBanner.pbstyle2 .info{padding-top:0;}
	.pageBanner.pbstyle2 .info>div{padding-right:0;}
	.pageBanner.pbstyle2 .info .infoLine{max-width:100%;line-height:26px;max-height:182px;}
	.pageBanner.pbstyle2 .info .masterTitle01{margin-bottom:15px;}
	.caseTop .en{font-size:18px;margin-bottom:8px;}
    .caseTop .circle{width:48px;height:48px;}
    .caseList .item{padding:15px 8px;}
    .caseList>div{margin:-15px -8px;}
    .caseList .itemInfo{padding:15px;}
    .caseList .itemInfo .name{font-size:18px;margin-bottom:12px;}
    .caseList .itemInfo .more{margin-bottom:5px;}
    .caseList .itemInfo .more>span{font-size:14px;}
    .caseList .itemInfo .more>i{font-size:12px;}
    .caseList .item{width:50%;}
    .caseList{margin:40px 0;}
    .pageList li a{width:32px;height:34px;line-height:34px;font-size:12px;}
    .pageList li{padding:0 2px;}
    .case{padding:100px 0;}
    .solve .solveInfo .title{font-size:22px;margin-bottom:20px;line-height:1.325;}
    .masterBtn02>._btn{width:120px;height:38px;font-size:14px;}
    .solve{padding:60px 0;}
    .contact ._info ._top ._name{font-size:18px;margin-bottom:10px;}
    .contact ._info ._top ._tps{font-size:24px;}
    .contact ._info ._nunber .itemName{font-size:16px;margin-bottom:12px;}
    .contact ._info ._city ._name{font-size:16px;margin-bottom:5px;}
    .contact ._info ._city{margin-top:40px;}
    .contact ._info ._nunber{margin-top:30px;margin-bottom: 0px;}
    .contact ._info ._nunber .itemTxt{font-size:14px;}
    .contact ._info ._city ._line{font-size:14px;}
    .messageBox ._title{font-size:18px;}
    .messageBox{width:100%;}
    #Gaodemap .ripple{width:28px;height:28px;}
    #Gaodemap .ripple>i{font-size:22px;}   
    .newsDelBox{flex-wrap:wrap;}
    .newsDelR{order:2;width:100%;padding:0;margin-top:40px}
    .newsDelL{padding:0;width:100%;;}
    .newsDelR .drift{display:box;display:-webkit-box;display:-moz-box;
    display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:space-between;}
    .newsDelR .drift .drift_item{margin-bottom:0;}
    .newsDelR .drift .drift_item:nth-child(2)>a>i{margin:0 auto;}
    .newsDelR .drift .drift_item>a>span{display:none;}
    .newsDelR .drift .drift_item>a>i{margin-right:0;font-size:16px;width:42px;height:42px;line-height:42px;}
    .newsDelR .drift .drift_item:nth-child(1)>a>i{transform:rotate(-90deg);}
    .newsDelR .drift .drift_item:nth-child(3)>a>i{order:2;transform:rotate(-90deg);}
    .newsDel{padding:100px 0;}
    .newsDelL ._Top ._title{font-size:20px;margin-bottom:15px;}
    .newsDelL ._Top ._source{font-size:14px;}
    .newsDelL ._cnt{font-size:14px;margin-top:30px;}
    .newsDelL ._cnt span,
	.newsDelL ._cnt p,
	.newsDelL ._cnt em,
	.newsDelL ._cnt strong,
	.newsDelL ._cnt i{font-size:14px !important;} 
	.pageBanner.pbstyle3{height:42vw;}
	.pageBanner.pbstyle3 .info{padding-top:0;}
	.newsR{display:none;}
	.newsL{padding-right:0;width:100%;}
	.newsL .list>div{margin:-18px -12px;}
    .newsL .list .item{padding:18px 12px;}
    .newsL .list .itemInfo .name{font-size:16px;line-height:26px;max-height:52px;}
	.newsL .list .itemInfo .time{font-size:14px;margin-bottom:8px;}
	.newsL .list .itemInfo{padding-top:20px;}
	.newsBox .title{margin-bottom:30px;}
    .news{padding:100px 0;}
    .sceneList .itemInfo ._title{font-size:20px;margin-bottom:10px;}
    .sceneList .itemInfo ._line{font-size:14px;margin-bottom:25px;max-height:112px;}
    .sceneList .item{padding-top:80px;padding-bottom:50px;}
    .sceneList{padding-bottom:50px;padding-top:0;}
    #back_top{right:20px;bottom:40px;}
	#back_top .master_backTop .master_backTop_btn{width:44px;height:44px;}
	#back_top .master_backTop .master_backTop_btn .master_backTop_txt>i{font-size:18px;}
	.Hscene_switch{display:none;}
    .HsceneInfo>div{max-width:100%;}
    .HsceneImg>div{max-width:100%;}
    .Hscene{padding-bottom:180px;padding-top:100px;}
    #HsceneInfo ._line{font-size:14px;max-height:84px;}
    .HsceneInfo ._page{margin-bottom:10px;}
    #HsceneInfo ._title{font-size:22px;margin-bottom:15px;}
    .HsceneInfo ._page>span{font-size:22px;}
    .HsceneInfo ._page>em{font-size:14px;}
    #HsceneInfo ._more>a{font-size:14px;}
    #HsceneInfo ._more{margin-top:25px;}
    .HsceneInfo{padding-left:60px;}
    .HsceneBox{margin-top:50px;}
    .HsceneNav .item>a{font-size:14px;}
    .HsceneNav .item>a span{width:18px;height:18px;}
    .HsceneNav .item>a span:before{width:6px;height:6px;}
    .Hscene_top .line{font-size:14px;}
    .Hscene_top .masterTitle01{margin-bottom:15px;}
    #mouse{display:none;}
    #fragment iframe{max-width:90vw;max-height:90vh;height:34vh;width:980px;}
    
}

@media screen and (max-width:768px){
	#HbannerSwiper .Hbanner_info .large{font-size:24px;margin-bottom:15px;}
	#HbannerSwiper .Hbanner_info .small{font-size:16px;}
	.masterTitle01{font-size:22px;}
	.Habout{padding:60px 0;}
	.Habout_top .masterTitle01{margin-bottom:15px;}
	.HnewsList>div{flex-wrap:wrap;}
	.HnewsList .item{width:100%;margin-bottom:30px;}
	.HnewsList .item:last-of-type{margin-bottom:0;}
	.Hnews{padding:60px 0;}
	.Hcontact{padding:50px 0;}
	.footerR{flex-wrap:wrap;text-align:center;}
	.footerR .fthot{width:100%;margin-bottom:20px;}
	.footerR .ftcode{width:100%;}
	.footerL{display:none;}
	.footerR .ftcode .code_img{margin:0 auto;}
	.footerBox{padding-top:40px;padding-bottom:30px;}
	.abIntr{padding:60px 0;}
	.abWd{padding-top:60px;}
	.abWdList .item{width:100%;margin-bottom:10px;}
	.abWdList .item:last-of-type{margin-bottom:0;}
	.abWdList>div{flex-wrap:wrap;margin:0 -10px;min-width:100%;padding:0;}
	.abWdList{overflow:initial;margin-top:30px;}
    .abTeamInfo{position:initial;transform:none;margin-top:30px;padding-left:0;}
	.abTeamBox{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;}
	.abTeamInfo>div{padding-right:0;width: 100%;padding-left:0;}
	.abTeamInfo>div::before,
	.abTeamInfo>div::after{display:none;}
	.abTeamBox{padding-left:0;}
	.abTeamImg{padding-left:0;order:-1;width: 90%;margin:0 auto;}
	#abTeamImg .bg{padding-bottom:88%;}
	#abTeamImg .bg>img{object-position:center top;border-radius:10px;}
	.abTeamBox .abTeamTxt{display:none;}
	.abTeam{padding-top:60px;}
	.caseDelBox{flex-wrap:wrap;}
	.caseDel_info{width: 100%;}
	.caseDel_video{width:100%;order: -1;}
	.caseDel_video>div{transform:none;width: 100vw;transform:translateX(-5vw);}
	.caseDel_info .line{max-height:none;}
	.caseDel{padding-top:50px;padding-bottom:60px;}
    .pageBanner.pbstyle2{padding:50px 0;}
    .caseList .item{width:100%;padding:0;margin-bottom:15px;}
    .caseList .item:last-child{margin-bottom:0;}
    .caseList>div{margin:0;}
    .case{padding:60px 0;}
    .solve{padding:40px 0;}
    .contact>div{padding-left:0;display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-wrap:wrap;}
    .contact ._info{position:initial;transform:none;}
    .contact ._info>div{width:100%;}
    .contact ._map{order:-1;margin-bottom:40px;padding-left:0;}
    .contact{padding-top:40px;padding-bottom:0px;}
    .contact ._map>div{padding-bottom:60%;}
	.contact ._info ._city{margin-top:30px;flex: 0 0 100%!important;width: 100%;}
    .message_form .message_item{flex-wrap:wrap;}
    .message_form .masterBtn02{width:100%;margin-left:0;margin-top:20px;}
    .message_form .message_code{width:50%;}
    .message{padding:60px 0;}
    .newsDel{padding-top:40px;padding-bottom:60px;}
    .newsL .list>div{margin:0;}
    .newsL .list .item{width:100%;padding:0;margin-bottom:30px;}
    .newsL .list .item:last-of-type{margin-bottom:0;}
    .news{padding-top:40px;padding-bottom:60px;}
    .newsL .list{margin-bottom:40px;}
    .sceneList .item>div{flex-wrap:wrap;}
    .sceneList .itemView{width:100%;} 
    .sceneList .itemInfo{width:100%;}
    .sceneList .itemInfo{order:2 !important;padding:0 !important;margin-top:30px;}
    .sceneList .item{padding-top:70px;padding-bottom:35px;}
    .sceneList{padding-bottom:35px;}
    .HsceneBox>div{flex-wrap:wrap;}
    .HsceneImg{width:100%;}
    .HsceneImg>div{width:100%;margin:0 auto;transform:none;}
    .HsceneInfo{width:100%;padding-left:0;margin-top:35px;}
    .HsceneBox{margin-top:25px;}
    .Hscene{padding-top:60px;padding-bottom:100px;}
    .HsceneBg2{display:none;}
}

.video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}
.HYW{width:100%;background:url(../picture/a_bg.png) no-repeat;padding-top: 70px;padding-bottom: 70px;text-align:center;background-size: cover;overflow: hidden;}
.hywimg{margin:auto;max-width: 980px;width: 94%;}
.HYW p{font-size: 20px;padding-top: 0;margin-top: -20px;z-index: 9;position: relative;line-height: 1.5;}
.HYW p span{color:#14a3df;}

.whcp{}
.whcp ul{display:flex;}
.whcp ul li{flex:0 0 33.33%;position: relative;height: 0;padding-bottom: 33.33%;}
.whcp ul li img{width:102%;height:102%;object-fit: cover;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
.whcprow{color:#fff;position: absolute;bottom:20px;padding:40px;}
.whcp .title1{font-size: 22px;}
.whcp .title2{font-size: 14px;opacity: 1;height: auto;margin-bottom: 0;line-height: 1.6;transition: all .5s ease;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 15px;margin-bottom: 20px;}
.whcp ul li:hover .title2{opacity: 1;margin-top: 20px;margin-bottom: 20px;transition: all .5s ease;}
.whcp .more{font-size:18px;color: #fff;}
.whcp .more span{width:40px;height:40px;border-radius:50%;border:1px solid #14a3df;position: relative;display: inline-block;text-align: center;line-height: 40px;margin-right: 20px;}
.whcp .more:hover span{background:#14a3df;}


.fenye {padding: 30px 0;text-align: center;overflow: hidden;clear: both;}
.fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 10px 10px;font-size: 13px;color: #666;background: #f5f5f5;margin-bottom: 5px;margin-right: 8px;}
.fenye a:hover, .fenye .page-num-current {background: #666;color: #fff;}

._cityrow{display:flex;margin-bottom: 100px;margin: 0 auto;width: 94%;max-width: 1560px;}
._city{flex:0 0 33.3%;padding:0 20px}
._city ._name{
    text-align: center;
    font-size: 20px;
    color: #333;
    font-weight: bold;
}
._city ._line{
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
    color: #666;    line-height: 1.65;
}
.hzkh ul{display:flex;flex-wrap: wrap;border-left:1px solid #eee;border-top:1px solid #eee;}
.hzkh ul li{flex: 0 0 20%;border-right:1px solid #eee;border-bottom:1px solid #eee;background: #fff;}
.hzkh ul li img{width:90%;height:auto;max-width:200px;margin:20px auto;}

.conbt{
    font-size: 32px;
    line-height: 1.5;
    margin-bottom: 50px;
    font-weight: bold;
}
.conbt span{
    /* display: block; */
    margin-top: 10px;
}
._city img{max-width:100%;margin:0 auto 20px;width:260px;}
.abIntrBox .abIntrLine table{}
.abIntrBox .abIntrLine td{padding:10px;vertical-align: inherit;}
.abIntrBox .abIntrLine td p{font-size: 15px;line-height: 1.8;word-break: keep-all;
    word-wrap: break-word;}
.abIntrBox .abIntrLine td strong{font-size: 18px;margin-bottom: 5px;}
.abIntrBox .abIntrLine td img{margin: 0 0 0 auto;max-width:100%;}
.newsBox .row{width:1400px;}

.newsDel table{table-layout: fixed;width: 100%!important;}
.newsDel td{padding:20px;}
.newsDel td,.newsDel td p,.newsDel td span,.newsDel td div{font-size:16px;line-height: 1.6;text-align: left!important;width: auto;}
.newsDel td strong{font-size:18px;color:#333;}
.newsDel h2{font-size: 20px;display: inline-block;border-bottom: 2px solid #eee;margin-bottom: 20px;font-weight: bold;color: #333;padding: 0 0px 5px 0;position: relative;}
.newsDel h2:after{content: '';position: absolute;left: 0;height: 2px;width: 15px;background: #14a3df;bottom: -2px;}

.newsDel .cp table{table-layout: fixed;width: 100%!important;}
.newsDel .cp table tr{display: flex; justify-content: space-between;}
.newsDel .cp td{padding:20px;}
.newsDel .cp td,.newsDel .cp td p,.newsDel .cp td span,.newsDel .cp td div{font-size:16px;line-height: 1.6;text-align: left!important;width: auto;}
.newsDel .cp td strong{font-size:18px;color:#333;}
.newsDel .cp h2{font-size: 20px;display: inline-block;border-bottom: 2px solid #eee;margin-bottom: 20px;font-weight: bold;color: #333;padding: 0 0px 5px 0;position: relative;}
.newsDel .cp h2 span,.newsDel .cp h2 strong,.newsDelL ._cnt h2 strong{font-size: 20px!important;}
.newsDel .cp h2:after{content: '';position: absolute;left: 0;height: 2px;width: 15px;background: #14a3df;bottom: -2px;}

.itemName .icon{margin-right: 8px;width: 30px;height: 30px;float: left;}
.itemName .icon path{fill: #14a3df;}
.contxt{
    display: flex;
    justify-content: center;
    width: 100%;
    /* display: inline-block; */
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 25px rgb(0 0 0 / 5%);
}

@media only screen and (max-width: 768px){
    .HYW p{font-size:16px;padding: 2%;}
	.whcp ul{flex-wrap: wrap;}
	.whcp ul li{padding-bottom:75%;flex:0 0 100%;overflow: hidden;}
	.whcp ul li img{width:100%;height:auto;transition:all .5s ease;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute;}
	.whcprow {color: #fff;position: absolute;bottom: 10px;padding: 20px;}
	.whcp .title1{font-size: 20px;}
	.whcp .title2{font-size: 14px;opacity: 1;margin-top: 10px;margin-bottom: 10px;}
	.whcp ul li:hover .title2{opacity: 1;margin-top: 10px;margin-bottom: 10px;transition: all .5s ease;}
	.whcp .more{font-size: 12px;}
	.whcp .more span{width:30px;height:30px;line-height: 30px;margin-right: 10px;}
	
	.fenye a, .fenye span {zoom: 1;display: inline-block;vertical-align: middle;padding: 6px 6px;font-size: 12px;color: #666;background: #f5f5f5;margin-bottom: 5px;margin-right: 6px;}
	
	._cityrow{display:flex;flex-wrap: wrap;margin-bottom: 20px;}
	
	.MISW{right:20px!important;bottom:30px!important;}
	.MISW img{width:120px!important;}
	.HsceneBg1>img{object-fit: none;}
	
	.hzkh ul li{flex: 0 0 33.33%;}
	.Hbanner_nav{right:auto!important;left:20px!important;}
	
	.conbt{font-size: 20px;}
	.conbt span{}
	.contact ._info ._nunber .flex .col-3{width: 100%;text-align: center;}
	._city img{max-width:130px;}
	.header .nav .navlist>.nav_a>a{font-size:16px;}
	.header .nav .navlist>.nav_a>a>.nav_icon{display:none;}
	.nycp .HaboutList .item{width:50%;flex: 0 0 50%;}
	.nycp .HaboutList .item>a{padding:30px 20px;height:100%;}
	.Habout_top{margin-bottom:40px;}
	.HaboutList .item>a{height:100%;}
	.HaboutList .item{width:66%;flex:0 0 66%;}
	
	.abIntrBox .abIntrLine td{width:25%;display: inline-block;padding:5px 10px;}
	.abIntrBox .abIntrLine td:nth-child(2n){width:75%;}
	.abIntrBox .abIntrLine td p{font-size: 14px;line-height: 1.6;}
	.abIntrBox .abIntrLine td strong{font-size: 18px;margin-bottom: 5px;}
	
	.newsDel .cp table tr{flex-wrap: wrap;}
	.newsDel td{padding:10px 0;display:block;width:100%!important:}
	.newsDel .cp td{width:100%!important;padding:15px 0;}
	
	.sceneList .item{width:100%;}
	.newsDel .cp h2{font-size: 16px;}
	.newsDel h2{font-size: 16px;}
}

.navlist .posi:nth-child(2) .nav_b,.navlist .posi:nth-child(5) .nav_b,.navlist .posi:nth-child(6) .nav_b,.navlist .posi:nth-child(7) .nav_b{display:none!important;}


@media only screen and (max-width: 1660px) and (min-width: 1440px){
    .HaboutList .itemName{font-size:20px;}
}

@media only screen and (max-width: 1320px) and (min-width: 1024px){
    .HaboutList .itemName{font-size:16px;}
}


.scrollbar-track-x{display:none!important;}

.contactadd{
    /* background: #fff; */
    padding: 10px 0 80px;
}
.contitle{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 20px;
}
.contitle2{margin-bottom:20px;display: block;width: 100%;float: left;}
.itemName img{
    width: 110px;
}

.contact ._info .item{width:100%;}
@media only screen and (max-width: 768px){
	.contactadd{padding:30px 0;}
	._city{flex:0 0 100%;margin-bottom:30px;}
	.contxt{flex-wrap: wrap;}
	.contact ._info ._nunber .itemName{flex:0 0 100%;margin-bottom:20px;border:none;border-bottom:1px solid #eee;padding-bottom:20px;}
	.contact ._info ._nunber .itemName:nth-child(2){flex:0 0 100%;margin-bottom:0px;border:none;}
	.itemName .icon{width: 20px;height: 20px;}
	.contitle{font-size: 18px;margin-bottom: 10px;}
	._city ._line{font-size: 14px;margin-top: 5px;}
}


.solutionlink{color:#666;line-height:30px;display:flex;}
.solutionlink a{color:#666;margin-left:10px;}