@import url("master.css");
@import url("iconfont.css");
@import url("roll.css");
@import url("animation.css");
@import url("animate.css");
:root{
   --blue:#2372e8;
   --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;}


/*》》》》》》》》》》Menu《《《《《《《《《《*/
.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:var(--blue);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; }
.header .logo>a .logo2{ display: none;}
.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:16px;  color:#FFFFFF}
.header .nav .navlist>.nav_a>a .hoverable_txt:after{background-color:#C12129;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(10px);border-radius:5px;opacity:0;visibility:hidden;
z-index:5;border:1px solid #e6e6e6;transition:cubic-bezier(.5,.5,0,1) 0.5s;}
.header .nav .navlist>.nav_a>.nav_b:before{content:'';position:absolute;top:-6px;left:50%;width:0;height:0px;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);}
.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;}
.header .Htel>a{align-items:center;color:#D7262F;}
.header .Htel i{font-size:24px;margin-right:10px;}
.header .Htel span{font-size:20px;}

.header.onWhite .nav .navlist>.nav_a>a{color:#333;}
.header.onWhite:after{opacity:1;}
.header.onWhite .logo>a .logo1{ display:none}
.header.onWhite .logo>a .logo2{display: block;position:absolute;left:0;top:0;}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>index<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
/*》》》》》》》》》》index>banner《《《《《《《《《《*/
.HBanner{height:100vh;overflow:hidden;width:100%;z-index:-1;position:relative;}
#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:45px;color:#fff;margin-bottom:40px;}
#HbannerSwiper .Hbanner_info .small{font-size:34px;color:#D1D1D1;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:#666;transition:all .4s;}
.Hbanner_switch>a:before{content:'';position:absolute;width:100%;height:100%;
border-radius:50%;border:1px solid #666;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:#C12129;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:#C12129;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:#ddd;}
#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 #C12129;position:relative;margin:0 auto;}
#mouse .mouseOf:after{content: '';width:3px;height:6px;background-color:#C12129;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;}

/*》》》》》》》》》》index>about《《《《《《《《《《*/
.masterTitle01{font-size:48px;line-height:1;font-weight:lighter;}
.Habout{padding:60px 0;position:relative;box-shadow:0 -30px 30px -30px rgba(0, 0, 0, .06);z-index:2;}
.Habout_top .masterTitle01{margin-bottom:10px;}
.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:15px;}

.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 #B11F26;top:0;left:0;opacity:1;background:#DB2D35;}
.masterBtn01>a>div{width:100%;position:relative;height:24px;overflow:hidden;font-size:20px;text-align:center;}
.masterBtn01>a:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;
background: #C12129;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:#fff;}
.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;}
.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;margin-top:15px;margin-bottom:20px;font-weight:lighter;
transition:ease-out .5s;color:#333;}
.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: 3;overflow: hidden;}
.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:25%;}
.HaboutList .item.on{width:26%;}
.HaboutList .item.on>a{background-color:#C12129;}
.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;}



/*》》》》》》》》》》index>联系我们《《《《《《《《《《*/
.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:#27374D;}
.footerBox{justify-content:space-between;padding:60px 0;}
.footerL{width:440px;}
.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:#808EA2;}
.footerL .ftnav .ftnav_list>li>a{font-size:20px;color:#808EA2;}
.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:52.5%;margin-left:auto;align-items:center;}
.footerR .ftcode{margin-left:auto;}
.footerR .fthot .fthot_tel{line-height:1;}
.footerR .fthot .fthot_tel .name{font-size:18px;margin-bottom:10px;font-weight:lighter;opacity:.3;}
.footerR .fthot .fthot_tel .number>a{font-size:42px;font-weight:bold;color:#fff;}
.footerR .fthot .fthot_line{font-size:14px;line-height:28px;margin-top:15px;font-weight:lighter;opacity:.3;}
.footerR .ftcode .code_img{width:300px;}
.footerR .ftcode .code_img>img{width:100%;}
.footerR .ftcode .code_name{font-size:14px;line-height:1;font-weight:lighter;margin-top:15px;}
.ftkeep{text-align:center;font-size:12px;line-height:1.625;padding:15px 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:#728398;font-weight:lighter;}

/*》》》》》》》》》》pageBanner《《《《《《《《《《*/
.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:55%;transform:translate(-50%,-50%);line-height:1;font-weight:lighter;}
.pageBanner .info .masterTitle01{margin-bottom:20px;}
.pageBanner .info .masterTitle01 .animated{animation-duration: 1s;}
.pageBanner .info .infoLine{line-height:2;}
.pageBanner .info .infoLine1{line-height:2;}
.pageBanner.pbstyle1{height:33.489583333333334vw;}
.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:10px 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:1120px;max-width:100%;margin:0 auto;}
.abIntrBox .masterTitle01{margin-bottom:35px;}
.abIntrBox .abIntrLine{font-size:18px;line-height:2;color:#666;font-weight:lighter;}

.abWd{padding-top:180px;}
.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:60px 50px;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:var(--blue1);}
.abWdList .itemTps{padding-bottom:40px;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:45px 0;font-size:18px;line-height:2;}
.abWdList .itemLine>p{padding-left:15px;position:relative;}
.abWdList .itemLine>p:before{content:'';position:absolute;top:16px;
left:0;width:4px;height:4px;border-radius:50%;background-color:#333;}
.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:40px 0px;overflow:hidden;}
.abTeamBox{width:100%;margin:20px auto;}
.abTeamBox .masterTitle01{margin-bottom:25px;}
.abTeam .abIntrBox ul li{width:20%; float:left; text-align:center; margin:8px 0px}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.sceneList{padding-top:20px;padding-bottom:90px;}
.sceneList .item{padding-top:180px;padding-bottom:90px;position:relative;}
.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:36px;line-height:1;font-weight:lighter;margin-bottom: 35px;}
.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:first-of-type:after{border-bottom-color:var(--blue);border-bottom-style:solid;}
.sceneList .item:last-of-type:after{display:none;}
.sceneList .item:nth-child(odd) .itemInfo{padding-left:100px;order:2;}
.sceneList .item:nth-child(even) .itemInfo{padding-right:100px;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:120px;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;}



/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-新闻列表<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.news{padding-top:160px;padding-bottom:170px;}
.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;}
.newsL .list .itemImg{padding-bottom:62.4%;position:relative;overflow:hidden;}
.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:20px;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:40px 25px;position:relative;transition:background-color .5s ease;}
.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:20px;line-height:35px;margin-bottom:10px;color:#333;max-height:70px;
display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.newsR .hot .item ._time{font-size:18px;line-height:1;color:#999;}


/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-新闻详情<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.newsDel{padding:180px 0;}
.newsDelL{padding:0 200px;}
.newsDelL ._Top ._title{font-size:40px;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:50px;color:#666;text-align:justify;}
.newsDelL ._cnt img{max-width:100%;}
.newsDelL ._cnt span,
.newsDelL ._cnt p,
.newsDelL ._cnt em,
.newsDelL ._cnt strong,
.newsDelL ._cnt i{font-size:18px !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;}

/*>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>应用场景-联系我们<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
.contact{padding:80px 0 50px 0px;}

#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{ width:100%; margin:0px auto; overflow:hidden;}

.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:60px;line-height:1; width:100%;}
.contact ._info ._nunber .item{ width:33.3%; float:left; padding-left:70px; height:60px}
.contact ._info ._nunber .itemName{font-size:24px;font-weight:bold;margin-bottom:25px;}
.contact ._info ._nunber .itemTxt{font-size:18px;font-weight:lighter;}
.contact ._info ._city{margin-top:80px;}
.contact ._info ._city ._name{margin-bottom:15px;font-size:24px;font-weight:bold;}
.contact ._info ._city ._line{font-size:18px;font-weight:lighter;line-height:1.625;}
.message{padding:80px 0;position:relative;overflow:hidden;z-index:2;}
.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:.2em;}
.header .nav .navlist>.nav_a:hover .nav_b{opacity:1;visibility:visible;transform:translateX(-50%);} 

.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;}

@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;}

.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:45px;margin-bottom:35px;}
	#HbannerSwiper .Hbanner_info .small{font-size:30px;}
	.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 160px;}
	.newsDelR{padding-right:130px;}
	.newsL{padding-right:75px;}
	.sceneList .item{padding-top:155px;padding-bottom:80px;}
	.sceneList .item:nth-child(odd) .itemInfo{padding-left:85px;}
	.sceneList .item:nth-child(even) .itemInfo{padding-right:85px;}
	.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:40px;margin-bottom:30px;}
	#HbannerSwiper .Hbanner_info .small{font-size:26px;}
	.Hbanner_switch>a{width:52px;height:52px;line-height:52px;}
	.Hbanner_switch>a>i{font-size:26px;}
    .masterTitle01{font-size:36px;}
    .Habout{padding:70px 0;}
    .Habout_top .line{font-size:16px;}
    .Habout_top .masterTitle01{margin-bottom:30px;}
    .masterBtn01>a{width:140px;height:44px;}
    .masterBtn01>a>div{font-size:16px;}
    .Habout_top .masterBtn01{margin-top:28px;}
    .HaboutList .item>a{padding:40px 25px;}
	.HaboutList .itemIcon{width:60px;}
	.HaboutList .itemName{font-size:20px;margin-top:10px;margin-bottom:15px;}
	.HaboutList .itemLine{font-size:14px;margin-bottom:20px;line-height:22px;height:70px;}
	.HaboutList .itemMore{width:30px;}
	.HaboutList{margin-top:60px;}
	.Hnews{padding-top:120px;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:18px;}
    .footerR .fthot .fthot_line{font-size:14px;}
    .footerR .ftcode .code_img{width:300px;}
    .footerR .ftcode .code_name{font-size:14px;}
    .footerL .ftnav .ftnav_list>li>a{font-size:16px;}
    .footerL .ftnav .ftnav_logo{margin-bottom:15px;}
    .footerBox{padding:60px 0;}
    .ftkeep{font-size:12px;padding:15px 0;}
    .abIntr{padding:10px 0;}
	.abIntrBox .abIntrLine{font-size:16px;}
	.abIntrBox .masterTitle01{margin-bottom:35px;}
	.pageBanner .info .txtAni{font-size:32px; font-weight:bold}
	.pageBanner .info .infoLine{font-size:26px;}
	.pageBanner .info .infoLine1{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:50px;}

	.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:130px;padding-bottom:120px;}
    .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:20px;margin-bottom:17px;}
    .contact ._info ._city ._name{font-size:20px;margin-bottom:10px;}
    .contact ._info ._city{margin-top:60px;}
    .contact ._info ._nunber{margin-top:40px;}
    .contact ._info ._nunber .itemTxt{font-size:16px;}
    .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:32px;}
    .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;} 
	.newsDelL{padding:0 120px;}    
	.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:140px 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:130px;padding-bottom:70px;}
	.sceneList .itemInfo ._title{font-size:30px;margin-bottom:20px;}
	.sceneList .itemInfo ._line{font-size:16px;margin-bottom:35px;max-height:128px;}
	.sceneList .item:nth-child(odd) .itemInfo{padding-left:70px;}
	.sceneList .item:nth-child(even) .itemInfo{padding-right:70px;}
	.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:280px;}	
	.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;}
	
}

@media screen and (max-width:1200px){
	#HbannerSwiper .Hbanner_info .large{font-size:46px;margin-bottom:25px;}
	#HbannerSwiper .Hbanner_info .small{font-size:22px;}
	.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;}
	.abTeam .abIntrBox ul li{width:25%; float:left; text-align:center; margin:8px 0px}
	.newsDelR{padding-right:60px;}
	.newsDelL{padding:0 90px;}
	.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){
	/*移动端通用导航_s*/	
	.header{height:60px;background-color:#fff;box-shadow:0 0 10px rgba(0, 0, 0, .1);}
	.header>div{padding:0 20px;}
	.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:36px;}
    .header .logo>a .logo1{ display:none}
    .header .logo>a .logo2{display: block}
    .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;pointer-events:none;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:38px;margin-bottom:20px;}
	#HbannerSwiper .Hbanner_info .small{font-size:20px;}
	.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:100px 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{width:100%;-webkit-overflow-scrolling: touch;}
	.HaboutList .item{width:100%;margin:0px auto}
    .HaboutList .item.macw{width:100%;}
	.HaboutList::-webkit-scrollbar{display:none;}
	.HaboutList>div{min-width:1024px;}
	.HaboutList .itemIcon{width:50px;}
	.HaboutList .item:first-of-type{margin-left:0;}
	.HaboutList{margin-top:40px;}
	.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:12px;padding:15px 0;}
	.footerR .ftcode .code_img{width:200px;}
	.footerL .ftnav .ftnav_logo>a{width:180px;}
	.pageBanner.pbstyle1{height:44vw;}
	.abIntr{padding:40px 0;}
	.abIntrBox .abIntrLine{font-size:14px;}
	.abIntrBox .masterTitle01{margin-bottom:35px;}
	.pageBanner .info .txtAni{font-size:28px; font-weight:700}
	.pageBanner .info .infoLine{font-size:14px;}
	.pageBanner .info .infoLine1{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:50px;}
	.abTeam .abIntrBox ul li{width:33.3%; float:left; text-align:center; margin:8px 0px}
    .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 .item{ width:50%; float:left; margin:30px 0px;}
    .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;}
    .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:24px;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:24px;margin-bottom:15px;}
    .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:10px 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:40px;}
	.abTeam .abIntrBox ul li{width:50%; float:left; text-align:center; margin:8px 0px}
	.abTeamBox{width:100%;margin:10px auto;}
.abTeamBox .masterTitle01{margin-bottom:1px;}
	.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 ._info>div{width:100%;}
  
    .contact{padding-top:60px;}
  .contact ._info ._nunber .item{ width:100%; margin:20px auto; padding-left:80px}
  .contact ._info ._nunber .itemName{font-size:16px;margin-top:12px;}
    .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;}
    
}

.masterBtn2{width:39%; margin:0px auto;}
.masterBtn02>a{position:relative;width:160px;height:50px;align-items:center;z-index:2;overflow:hidden; float:left; margin:0px 10px;background:#DB2D35; }
.masterBtn02>a:before{content:'';position:absolute;width:100%;height:100%;border:1px solid #fff;top:0;left:0;opacity:1;}
.masterBtn02>a>div{width:100%;position:relative;height:24px;overflow:hidden;font-size:16px;text-align:center; }
.masterBtn02>a>div>span{position:absolute;top:0;width:100%;left:0;line-height:24px;height:24px;transition:all .4s ease;color:#fff;}

.row-a5-l{ width:100%;}
.row-a5-l li{width:20%; float:left; text-align:center; margin:10px 0px}

@media screen and (max-width:990px){
.masterBtn2{width:50%; margin:0px auto;}
.row-a5-l li{width:30%; float:left; text-align:center}
}

@media screen and (max-width:768px){
.masterBtn2{width:80%; margin:0px auto;}
.row-a5-l li{width:50%; float:left; text-align:center}
}