/* CSS Reset */
@import url("https://fonts.googleapis.com/css?family=Poppins:100,200,400,500,600,700,800|Nunito:300,400,600,700,800");
html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,textarea, fieldset, input, textarea, p, blockquote, th, td, img, button{margin:0; padding:0;border:0;font-family:'Poppins', sans-serif;font-style:normal;}
body{font-size:14px; line-height:1.6em;position:relative;*overflow-x:hidden; color:#000; margin:0 auto;}
table{}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{font-weight:normal;}
img{ border:none; margin:0px; padding:0px;}
input,textarea{outline:none;}
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
h4{font-size:16px;}
h5{font-size:14px;}
h6{font-size:12px;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#000;} 
a:hover{color:#2253c3;text-decoration:none;} 

a:active {color:#000;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#2253c3; color:#fff; } ::-moz-selection { background:#2253c3; color:#fff;  } ::-webkit-selection { background:#2253c3; color:#fff;  }
.wrap{ margin:0 auto; padding:0px;position:relative; width:1440px;}
.w1200{ margin:0 auto; padding:0px;position:relative; width:1200px;}
.clearfix:after{content: " ";
  display: block;
  clear: both;
  height: 0;}

.head{ position:fixed; top:0px; left:0px; width:100%; height:90px; z-index:2000;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head.head-black{ background:#000;}
.head-infos{ height:100%;}
.head:after{ }
.head:hover{ background:#000;}
.head.shrink {
    height: 70px;background:#000;
}
.head.shrink .logo{ top:12px;}
.head.shrink .logo img{ height:46px;}
.head.shrink .menu ul li ul li a{ line-height:20px;}
.head.shrink .menu ul li .drop-menu{ top:70px;}
.head.shrink .head-lang,.head.shrink .menu ul li{line-height:70px;}
.head.shrink .head-search{top:20px;}
.head.shrink .search{ height:70px; line-height:70px;}
.head.shrink:hover{background:#000; }


.logo{ position:absolute; left:90px; top:20px;z-index:2;}
.logo img{ height:52px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head-lang{ position:absolute; right:90px; top:0px; line-height:90px; color:#fff; font-size:16px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head-lang a i{ padding-right:10px;}
.head-lang a{ color:#fff;}
.head-search{ position:absolute; right:160px; top:30px; height:30px; line-height:30px; padding-left:20px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.head-search a{ cursor:pointer;font-size:18px;color:#fff;}
.search{ position:fixed; left:0px; top:0px;text-align:center; background:rgba(0,0,0,.8); height:100%; width:100%; z-index:3000; display:none;}
.search-tab{ position:absolute; left:50%; margin-left:-155px; margin-top:-30px; top:50%; display:flex; width:310px; background:#fff; border-radius:10px; height:60px; line-height:60px; overflow:hidden; box-shadow:#000 0px 0px 20px;}
.search .search-txt{ margin-left:15px;}
.search .search-txt input{ border:none;height:30px; line-height:30px; width:240px;}
.search .search-btn{ width:30px; height:60px; margin-left:15px;position:relative; color:#fff;}
.search .search-btn i{ font-size:22px; cursor:pointer; width:30px; color:#000; }
.search .search-btn i:before{position:absolute; left:0px; top:0px;}
.search_close{ font-size:40px; position:absolute; left:50%; top:50%; margin-left:115px; margin-top:-70px; color:#fff; cursor:pointer; z-index:100;}
.search_close:hover{ color:#2253c3;}


.menu{ text-align:center;}
.menu ul{ display:inline-block;}
.menu ul li{ float:left; position:relative; line-height:90px;-moz-transition: all .3s ease; -webkit-transition: all .3s ease; -o-transition:all .3s ease;}
.menu ul li a{ display:block; position:relative; color:#fff; font-weight:600; font-size:16px; z-index:2; margin:0px 20px;}
.menu ul li a.hasMenu:after{ position:absolute; right:0px; top:0px; font-weight:normal; content:"\eb8b"; font-family:"iconfont" !important; font-size:24px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.menu ul li a.hasMenu{ padding-right:25px;}
.menu ul li.hover a.hasMenu:after{transform: rotate(180deg);}
.menu ul li.hover a{ color:#2253c3;}
.menu ul li.hover ul li a{ color:#fff;}
.menu ul li a:hover{ color:#2253c3;}
.menu ul li .drop-menu{position:absolute;min-width:140px; left:0px; top:90px; background:rgba(0,0,0,.8); padding:5px 0px; display:none;}
.menu ul li .drop-menu.drop-menu-pro{width:calc(100% - 160px); background:rgba(0,0,0,.8); color:#fff;padding:30px 80px;}
.menu ul li ul{ display:block;}
.menu ul li ul li{ float:none; position:relative;}
.menu ul li ul li ul{ position:absolute; left:160px; top:0px; padding:0px; min-width:160px;}
.menu ul li ul li a{ line-height:20px; margin:0px; padding:14px 15px; color:#fff; display:block; font-weight:normal; font-size:14px;}
.menu ul li ul li a:hover{ background:#2253c3;color:#fff;}
.menu ul li ul li a:after{ display:none;}


.pmenu{ display:none;}
.menu ul li ul.menu-pro{ min-width: 180px;}
.menu ul li ul.menu-pro li{text-align: left; }
.menu ul li ul.menu-pro li ul{
	display: none;
	position: absolute;
	left: 100%;
	top: 0px;
	background: rgba(0,0,0,.8);
}

.more{}
.more a{ height:38px; line-height:38px; border:3px solid #2253c3; padding-left:50px; padding-right:20px; border-radius:10px; color:#000; display:inline-block; position:relative;}
.more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
.more a i:after{ content:""; position:absolute; left:3px; top:2px; height:34px; width:34px; background:#2253c3; border-radius:5px; z-index:10;}
.more a i:before{ position:absolute; z-index:20; color:#fff; left:6px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more a:hover{ background:#2253c3; color:#fff;}
.more a:hover i:after{  color:#2253c3;}
.more a:hover i:before{ left:10px;}

.more a em{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
.more a em:after{ content:""; position:absolute; left:3px; top:2px; height:34px; width:34px; background:#2253c3; border-radius:50%; z-index:10;}
.more a em:before{ position:absolute; z-index:20; color:#fff; left:6px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.more a:hover em:after{  color:#2253c3;}
.more a:hover em:before{ left:10px;}



.banner{ height:100vh;}
#glume{width:100%; position:relative; height:100%;; background-color:#f3f3f3;}
#glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
#glume .Limg li{width:100%;height:100%; overflow:hidden;position:absolute; left:0px; top:0px; list-style:none;}
#glume .Limg li a{ display: block; width: 100%; height: 100%;}
#glume .Limg li .pic{ height:100vh; width:100%; background-position: center center; background-size:cover;}
#glume .Limg li.active .pic{animation-name: fd;animation-duration:3s;}
#glume .w1440{ height:100vh;}
#glume .Limg li .ban-txt{ position:absolute; right:90px; bottom:165px; min-height:200px; width:540px;  z-index:100; background:rgba(0,0,0,0.3); padding:50px; display:none;}
#glume .Limg li.active .ban-txt{ display:block;}
#glume .ban-txt em{ font-style:normal; font-size:18px;line-height:1.2em;color:#fff;}
#glume .ban-txt h4{ font-weight:bold; font-size:40px; line-height:1em;color:#fff; margin:15px 0px 20px 0px;}
#glume .ban-txt p{ color:#fff; line-height: 2em; font-size: 16px;}
#glume .ban-img{ position:absolute; bottom:-30px; right:0px;}

.ban-more{ margin-top:20px;}
.ban-more a{ height:46px; line-height:46px; border:3px solid #2253c3; padding-left:50px; padding-right:30px; border-radius:30px; color:#fff; display:inline-block; position:relative;}
.ban-more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
.ban-more a i:before{ position:absolute; z-index:20; color:#fff; left:16px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.ban-more a:hover{ background:#2253c3; color:#fff;}
.ban-more a:hover i:after{  color:#2253c3;}
.ban-more a:hover i:before{ left:20px;}

@keyframes fd {
	0% {transform: scale(1.05, 1.05);}
	100% {transform: scale(1, 1);}
}


.banner_btn{ position:absolute; right:120px; bottom:80px; width:300px;z-index:20;}
.banner_btn .Nubbt{ text-align:right; width:100%; display:block;}
.banner_btn .Nubbt span{ display:inline-block; font-style:normal; padding-left:35px; font-size:16px; cursor:pointer;color:#fff; position:relative;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all; opacity:0.6;}
.banner_btn .Nubbt span:hover{ opacity:1;}
.banner_btn .Nubbt span.on{opacity:1; font-size:22px;}
.banner_btn .Nubbt span.on:after{ content:""; position:absolute; left:15px; top:8px; height:5px; width:15px; background:#2253c3; border-radius:2px;}



.container{ width:100%; overflow:hidden;}
/**********首页产品********/
.i-pro{ margin:100px 0px; position: relative; height:620px;}

.i-tit{ position:relative;font-size:30px; font-weight:bold; line-height:1em; text-align: center;}


.i-pro-tit{
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-shadow: #000 0px 0px 10px;
}

.i-box{
	position: absolute;
	left: 0px; top: 0px;
	background-color: #f7f7f7;
}
.i-box a{
	display: block;
	width: 100%;
	height: 100%;
}
.i-box.box1{
	width: calc(50% - 10px);
	height: 300px;
}
.i-box.box1 .i-pro-tit{
	text-align: left;
	padding-top: 140px;
	padding-left: 80px;
}
.i-box.box2 .i-pro-tit,.i-box.box3 .i-pro-tit{
	padding-top: 40px;
}
.i-box.box4 .i-pro-tit{
	padding-top: 80px;
	font-size: 28px;
}
.i-box.box1 .i-pro-tit{
	font-size: 22px;
}
.i-box.box2{
	width: calc(25% - 10px);
	top: 310px;
	height: 300px;
}
.i-box.box3{
	width: calc(25% - 10px);
	top: 310px;
	left: 25%;
	height: 300px;
}
.i-box.box4{
	left: 50%;
	width: calc(50% - 10px);
	height: 610px;
}

.i-ad{}
.i-ad-image img{
	width: 100%;
	display: block;
}

.i-about{
	background-color: #f2f2f2;
	padding:100px 0px;
}
.i-about-list{
	display: flex;
	position: relative;
	flex-wrap: wrap;
	padding-top: 80px;
	justify-content: space-between;
}
.i-about-box{
	width:47%;
	display: flex;
	flex-wrap: wrap;
    align-items: center;
}
.i-about-txt{
	padding-top: 50px;
}
.i-about-txt h6{
	font-size: 20px;
}
.i-about-txt h2{
	padding-top:0px;
	font-size: 22px;
	line-height: 35px;
}
.i-about-txt p{
	padding-top:30px;
	color: #666;
}
.i-about-txt .more{
	margin-top: 50px;
	padding-bottom: 60px;
}
.i-about-video{
	width: 47%;
	position: relative;
}
.i-about-video video{
	width: 100%;
}
.i-video-bg{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/video_bg.jpg);
	background-size: cover;
	z-index: 10;
}
.i-video-bg::after{
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 12;
}
.i-video-bg i{
	font-size: 60px;
	color: #fff;
	display: block;
	height: 60px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;
	z-index: 20;
	cursor: pointer;
}

.i-cho-list{ margin:60px 0px 80px 0px; text-align:center;}
.i-cho-list ul{}
.i-cho-list ul li{ display:inline-block;  vertical-align:text-top;padding:0px 20px 0px 40px; position:relative; margin:0px 20px;}
.i-cho-list ul li:after{ position:absolute; left:0px; top:0px;font-family: "iconfont" !important;}
.i-cho-list ul li:nth-child(1):after{content: "\e86d"; font-size:16px;color:#2253c3;}
.i-cho-list ul li:nth-child(2):after{content: "\e641"; font-size:22px;color:#2253c3;}
.i-cho-list ul li:nth-child(3):after{content: "\e654";font-size:24px;color:#2253c3;}
.i-cho-list ul li:nth-child(2){ padding-left:50px;}
.i-cho-list ul li:nth-child(3){ padding-left:50px;}
.i-cho-list ul li span{ line-height:20px; margin-top:10px; display:block;color:#666;}
.i-cho-list ul li h4{ font-size:24px;color:#2253c3; text-align:left;}



/**********install********/
.i-install{
	padding: 100px 0px;
}
.i-install-list{
	display: flex;
	flex-wrap: wrap;
	gap:30px;
	margin-top:80px;
}
.i-case-info{
	width: calc(25% - 25px);
}

.i-case-img{ width:100%;height:240px; overflow:hidden;}
.i-case-img img{ width:100%; height:100%; object-fit:cover;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.i-case-info a:hover .i-case-img img{ transform: scale(1.05, 1.05);}

.i-case-para{ padding-top:30px;}
.i-case-para h4{ font-size:18px; line-height: 26px; height: 52px; overflow:hidden;}
.i-case-para p{ margin-top:20px; color:#999; line-height:22px; height:66px; overflow:hidden;}
.i-case-para span{ display: block; padding-top:20px;}

/**********新闻********/
.i-news{padding:100px 0px; position:relative; background: #f2f2f2;}
.i-news-tit{ text-align:center;}
.i-news-ico img{ width:210px; height:auto;}
.i-news-list{ margin-top:80px; display:flex;/*justify-content:space-between; */gap:30px;}
.i-news-item{ width: calc(25% - 25px);}
.i-news-img{ width:100%;height:240px; overflow:hidden;}
.i-news-img img{ width:100%; height:100%; object-fit:cover;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all;}
.i-news-item a:hover .i-news-img img{ transform: scale(1.05, 1.05);}
.i-news-para{ padding-top:30px;}
.i-news-para h4{ font-size:18px;}
.i-news-para p{ margin-top:20px; color:#999; line-height:22px; height:66px; overflow:hidden;}
.i-news-para span{ display: block; padding-top:20px;}
.i-news-more{ margin:0px 20px 40px 20px;}
.i-news-item a .i-news-more{  position:relative; padding-left:26px;}
.i-news-item a .i-news-more i{ position:absolute; left:-5px; top:2px; font-size: 26px; color:#2253c3; z-index:10;}
.i-news-item a .i-news-more span{  display:inline-block; position:relative;color:#2253c3;}
.i-news-item a .i-news-more span:before{ height:1px; content:""; position:absolute; bottom:-5px; left:50%; width:0%;background:#2253c3;transition: 0.5s all;-webkit-transition: 0.5s all;-o-transition: 0.5s all;-moz-transition: 0.5s all;-ms-transition: 0.5s all; z-index:10;}
.i-news-item a:hover .i-news-more span:before{ left:0%; width:100%;}



.foot{  background:#000; overflow:hidden; color:#96989a; }
.foot-tb{ border-bottom: 1px solid #2f2f2f; padding:40px 0px; text-align: center; display: flex;justify-content:center; flex-wrap: wrap; gap: 30px;}
.foot-tb a{ display: block; }
.foot a{ color:#96989a;}
.foot a i{ font-size: 20px; padding-right: 5px;}
.foot a:hover{ color:#fff;}

.foot-list{
	padding:80px 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.foot-logo{
	 width: 45%;
}
.foot-bot-logo img{
    height:42px;
}
.foot-bot-info{
	padding:30px 0px;
	color: #fff;
}
.foot-infos{
	width: 42%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top:30px;
}
.foot-wechat{
	width: 140px;
	text-align: center;
}
.foot-wechat span{
	display: block;
}
.foot-contact{
	width: 330px;
	color: #fff;
}
.foot-contact p{
	position: relative;
	padding-left: 35px;
}
.foot-contact p i{
	position: absolute;
	left: 0px;
	top: 2px;
}
.foot-contact p:nth-child(1){
	padding-bottom: 30px;
}



.paging{ padding-bottom:40px;}
.paging .pagination{ margin-top:20px; display:flex; flex-wrap:wrap;}
.paging ul li{ display:inline-block;margin-right:5px;}
.paging ul span{ display:block; height:30px; line-height:30px; width:30px; text-align:center;}
.paging ul li.disabled{background:#eee; color:#999;  border:1px solid #eee;}
.paging ul li.active{ background:#2253c3; color:#fff; border:1px solid #2253c3;}
.paging ul li a{display:block; border:1px solid #ddd;}


@media only screen and (max-width: 1440px){
	
	
	
	
	
	
	.wrap{width:1200px;}
	
	
	
	.menu ul li ul.menu-pro{ width:calc(100% - 100px); background:#fff; padding:30px 50px; display:none;justify-content:space-between;}
	.menu ul li ul.menu-pro li{ float:left; width:200px; text-align:center; margin-left:15px;}
	.menu ul li ul.menu-pro li h4{font-weight:bold; font-size:14px; margin-top:15px;}
	.menu ul li ul.menu-pro li img{ width:160px; height:160px;}
	.menu ul li ul.menu-pro li a:hover{ background:none;}
	
	.i-pro{ margin:80px 0px;}
	
	.i-hpro-info{ height:680px}
	.i-hpro-info .i-hpro-img img {
		height: 100%;
		object-fit: cover;
	}
	.i-hpro-paras{ padding:80px;}
	.i-hpro-info .i-hpro-paras{ width:calc(50% - 160px)}
	.i-hotpro .i-hpro-info:nth-child(3) .i-hpro-paras{ height:calc(100% - 162px);}
	
	.i-topvideo{ height:700px;}
	.i-video{ height:700px;}
	
	.foot-bot-small{ display:none;}
	
}
@media only screen and (max-width: 1300px){
	body{}
	.banner{ height:500px; }
	#glume .Limg li .pic{ height:500px; width:100%; background-position: center center; background-size:cover;}
	#glume .Limg li .ban-txt{ right:40px;}
	.wrap{ width:100%;}
	#glume .Limg li .ban-txt{ width:50%;}
	#glume .ban-txt em{ font-size:16px;}
	#glume .ban-txt h4{ font-size:34px;}
	
	.i-pro{ margin:40px 20px;}
	.i-tit h2{ font-size:34px;}
	.more{}
	.more a{ height:32px; line-height:32px; border:3px solid #2253c3; padding-left:40px; padding-right:10px; border-radius:30px; color:#000; display:inline-block; position:relative;}
	.more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.more a i:after{ content:""; position:absolute; left:3px; top:2px; height:28px; width:28px; background:#2253c3; border-radius:50%; z-index:10;}
	.more a i:before{ position:absolute; z-index:20; color:#fff; left:4px;}
	.more a em{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.more a em:after{ content:""; position:absolute; left:3px; top:2px; height:28px; width:28px; background:#2253c3; border-radius:50%; z-index:10;}
	.more a em:before{ position:absolute; z-index:20; color:#fff; left:4px;}
	
	.i-video{ padding-bottom:100px;margin-top:40px;}
	.topvideo{ height:600px;}
	.i-video-list{ height:200px; bottom:-100px;}
	
	
	.i-case{ margin-top:60px;}
	
	
	
	.i-news{ padding:40px 20px; margin-top:40px;}
	.i-news-img{ height:auto;}
	.i-news-list{ margin-top:40px;}
	
	.i-partner{ padding:40px 20px;}	
	.i-partner-list{ margin-top:40px;}
	
	
	.foot-top{ padding:40px 20px;}
	.foot-bot-logo{ margin-left:20px;}
	.foot-bot-cpy{ margin-right:20px;}
	
	
}
@media only screen and (max-width:1200px){
    .head,.head.shrink{ position:fixed; height:60px; background:#000;z-index:30;}
	.logo{ position:absolute; left:20px; top:15px;z-index:30;}
	.head.shrink .logo{ top:21px;}
	.logo img,.head.shrink .logo img{ height:28px;}
	.head.shrink .head-search{ top:15px;}
	.head-lang{ line-height:60px; font-size:16px; right:60px;}
	.head-search{ top:15px; right:125px; font-weight:bold;}
	.head-search a{ font-size:18px;}
	.head-search:after{ display:none;}
	.head.shrink .head-lang, .head.shrink .menu ul li{ height:60px; line-height:60px;}
	
	
	.pmenu{ display:block;  position:fixed; left:100%; top:60px; z-index:200; width:100%; height:calc(100vh - 60px); overflow: hidden;overflow-y: scroll;overflow-x: hidden; background: #fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.pmenu nav{ padding:20px;}
	.pmenu ul li { position:relative; border-bottom:1px solid #ededed;}
	.pmenu ul li a{ font-weight:bold; margin-right:50px; display:block; line-height:50px; color:#262626;}
	.pmenu ul li i{ position:absolute; right:0px; top:16px; color:#666; font-weight:bold; font-size:24px;transform: rotate(-90deg);}
	.pmenu ul li i.active{transform: rotate(0deg);}
	.pmenu ul li ul{ display:none; padding:0px 20px; padding-bottom:15px;}
	.pmenu ul li ul li{ border-bottom:0px;}
	.pmenu ul li ul.menu-pro{ }
	.pmenu ul li.active ul.menu-pro{ display:flex; flex-wrap:wrap; gap:10px;}
	.pmenu ul li.active ul{ display:block;}
	.pmenu ul li ul.menu-pro li{ width:calc(33.33% - 7px);}
	.pmenu ul li ul li a{ font-weight:normal; margin-right:0px; line-height:30px;}
	.pmenu ul li ul li ul{ display:block;}
	.pmenu ul li ul li ul li a{ margin-left:40px; color:#666;line-height:30px;}
	.pmenu ul li ul.menu-pro li .menu-class{ }
	.pmenu ul li ul.menu-pro li .menu-class h4{ font-size:14px; font-weight:bold; text-align:left;}
	.pmenu ul li ul.menu-pro li .menu-class img{ width:60%; max-width:140px;}
	
	.hide-body{ height:0; overflow:hidden;}
	
	
	
	.banner{ height:600px; margin-top:60px;}
	#glume .Limg li .pic{ height:600px; width:100%; background-position: center center; background-size:cover;}
	#glume .ban-img img{ width:700px;}
    
	.menu{ display:none;}
	.show_menu{ z-index:300; position:absolute; top:22px; right:20px; height:16px; width:20px; cursor:pointer; z-index:10;}
	.show_menu:before,.show_menu:after,.show_menu span{position:absolute; cursor:pointer;width:20px; height:1px; background:#fff;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
	.show_menu:before{ content:"";left:0px; top:0px;}
	.show_menu:after{ content:"";left:0px; bottom:0px;}
	.show_menu span{left:0px; top:7px;display:inline-block;}
	.hide-body .show_menu:before{ top:8px; -webkit-transform: rotate(45deg);transform: rotate(45deg);}
	.hide-body .show_menu:after{ bottom:7px; -webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
	.hide-body .show_menu span{ display:none;}
	.hide-body .pmenu { left:0px;}
	
	.i-case-list .i-case-info .i-case-para{ left:40px; top:40px; padding:20px;}
	.i-case-list .i-case-info .i-case-para:after{ left:-20px; top:-20px; width:calc(100% + 40px); height:calc(100% + 40px);}
}
@media only screen and (max-width:1000px){
	
	.i-advantages-info h4{ font-size:24px; padding-top:40px;}
	.i-advantages-info span{ margin-top:20px;}
	.i-advantages-info p{ margin-right:0px; margin-top:20px;}
	.i-advantages-info .i-advantages-more{ margin-top:20px;}
}

@media only screen and (max-width:860px){
	#glume .Limg li .ban-txt{}
	
	.i-video{ height:500px;}
	.i-topvideo{ height:500px;}
	
	.i-pro{ margin:40px 20px;}
	.i-tit h2{ font-size:34px;}
	
	.more{}
	.more a{ height:32px; line-height:32px; border:3px solid #2253c3; padding-left:40px; padding-right:10px; border-radius:30px; color:#000; display:inline-block; position:relative;}
	.more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.more a i:after{ content:""; position:absolute; left:3px; top:2px; height:28px; width:28px; background:#2253c3; border-radius:50%; z-index:10;}
	.more a i:before{ position:absolute; z-index:20; color:#fff; left:4px;}
	
	.more a em{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.more a em:after{ content:""; position:absolute; left:3px; top:2px; height:28px; width:28px; background:#2253c3; border-radius:50%; z-index:10;}
	.more a em:before{ position:absolute; z-index:20; color:#fff; left:4px;}
	
	
	.i-advantages-info .i-advantages-more{ margin-top:20px; display:none;}
	
	.i-case-list .i-case-info .i-case-para{ position:relative; left:0px; top:0px; padding:20px;}
	.i-case-list .i-case-info .i-case-para:after{ display:none;}
	.i-case-list .i-case-info .i-case-para h4{ font-size:24px; color:#000;}
	.i-case-list .i-case-info .i-case-para p{ font-size:16px; margin:15px 0px; width:100%;color:#000;}
	.i-case-list .i-case-info .i-case-para .more a{ color:#000;}
	
	.i-case-list .swiper-button-next1,.i-case-list .swiper-button-prev1,.i-case-list .swiper-pagination{ display:none;}
	
}

@media only screen and (max-width: 450px){	

	.pmenu ul li ul li ul li a{
		margin-left: 0px;
	}
	.pmenu ul li ul li ul{
		padding: 0px;

	}

	.pmenu ul li ul.menu-pro li{ width:calc(50% - 5px);}
	
	.prolist-para .more{}
	.prolist-para .more a{ height:32px; line-height:32px; border:none; padding-left:22px; padding-right:10px; border-radius:30px; color:#2253c3; display:inline-block; position:relative;}
	.prolist-para .more a i{ position:absolute; content:""; left:0px; top:0px; font-size:26px;}
	.prolist-para .more a i:after{  display:none;}
	.prolist-para .more a i:before{ position:absolute; z-index:20; color:#2253c3; left:-8px;}
	
	.banner{ }
	.banner,#glume .Limg li{ height:270px;}
	#glume{width:100%; position:relative; height:270px; background-color:#f3f3f3;}
	#glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
	#glume .Limg li{width:100%;height:270px; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none;}
	#glume .Limg li .pic{ height:270px; width:100%; background-position: center center; background-size:cover;}
	#glume .w1440{ height:270px;}
	#glume .Limg li .ban-txt{ right:20px; bottom:20px; width: 80%; padding:15px; max-width:calc(100% - 30px); height:auto; min-height:inherit;}
	#glume .ban-txt em{ font-size:16px; color:#999;}
	#glume .ban-txt h4{ font-size:16px; margin:10px 0px 15px 0px;}
	#glume .ban-txt p{ color:#999; font-size: 12px; line-height:20px; height:60px; overflow:hidden;}
	.banner_btn{ display:none;}
	.ban-more{ margin-top:10px;}
	.ban-more a {
		height: 38px;
		line-height: 38px;
		border:none;
		padding-left:30px;
		padding-right:0px;
		border-radius:0px;
		color: #fff;
		display: inline-block;
		position: relative;
		font-size:12px;
	}
	
	.ban-more a i{ position:absolute; content:""; left:0px; top:0px; font-size:20px;}
	.ban-more a i:after{left:0px; top:6px; height:22px; line-height:22px; width:22px;}
	.ban-more a i:before{ position:absolute; z-index:20; color:#fff; left:1px; top:-1px;}
	
	.i-tit{ font-size:20px;}
	.i-pro{ height: auto;}
	.i-pro .wrap{
		display: flex;
		flex-wrap: wrap;
	}
	.i-box{ position:relative;}
	.i-box.box1,.i-box.box2,.i-box.box3,.i-box.box4{ width:100%; height: 260px; margin-top:10px; top:0px; left: 0px; background-size: cover; background-position: center center;}
	.i-box.box1{height: 210px;}
	.i-box.box1 .i-pro-tit{ padding-top:90px;}
	.i-box.box2 h4{ padding:30px 0px 0px 0px;}
	.i-box.box2 a .i-pro-img{ padding-bottom:10px;}
	.i-box.box2 a .i-pro-img img,.box4 a .i-pro-img img{ height:auto; width:100%;}
	.i-box.box3 h4{ position:absolute; z-index:3;}


	.i-pro-tit-right p{ display:none;}
	.i-pro-list{ margin-top:30px; gap:15px;}
	
	.i-pro-list .i-prolist-info{
		width: calc(50% - 17px);
	}
	.i-pro-list .i-prolist-info h4{
		font-size: 14px;
		padding:0px 15px;
	}
	.i-pro-more{
		margin:10px 15px 30px 15px;
	}

	.i-about{
		padding:40px 20px;
	}
	.i-about-box{
		width:100%;
	}
	.i-about-list{
		padding-top:40px;
	}
	.i-about-video{
		width: 100%;
	}
	.i-about-txt{
		padding-top:30px;
	}
	.i-about-txt h2{
		font-size: 20px;
	}
	.i-about-txt p{
		padding-top: 20px;
	}

	.i-cho-list {
		margin: 40px 0px 20px 0px;
		text-align: center;
	}
	.i-cho-list ul{
		display: flex;
		flex-wrap: wrap;
        justify-content: space-between;
	}
	.i-cho-list ul li{
		width: calc(33% - 50px);
		margin: 0px;
		padding:0px 20px 0px 30px;
		text-align: left;
	}
	.i-cho-list ul li:nth-child(2),.i-cho-list ul li:nth-child(3){
		padding-left:30px;
	}
	.i-cho-list ul li h4{
		font-size: 18px;
	}

	.i-install{
		padding:40px 20px;
	}
	.i-install-list{
		margin-top: 40px;
	}
	.i-case-info {
		width: calc(50% - 25px);
	}
	.i-case-img {
		height: 180px;
	}
	.i-case-para h4{
		font-size: 16px;
	}
	.i-case-para {
		padding-top: 20px;
	}


	.i-chooseUs{
		margin-top: 50px;
		padding:60px 20px;
	}
	.i-chooseUs-list{
		margin-top: 30px;
		gap:15px;
	}
	.i-chooseUs-item{
		width: calc(50% - 12px);
		padding: 30px 0px;
	}
	.i-chooseUs-item i{
		font-size: 28px;
	}
	.i-chooseUs-item h4{
		font-size: 14px;
	}
	.i-chooseUs-item p{
		padding:0 15px;
	}
	
	.i-news{ margin-top:20px;}
	.i-news-list{ display:block; margin-top:20px;}
	.i-news-item{ width:100%; margin-top:30px;}
	.i-news-para h4{ font-size:18px;}
	.i-news-para{ padding-top:20px;}
	.i-news-para p{ margin-top:15px;}
	.i-news-ico img{ width:120px;}
	.i-news-ico{ right:-63px; bottom:-43px;}
	
	.foot-tb{
		gap:20px;
		justify-content:left;
	}
	
	.foot{ padding:20px;}
	.foot-list{ padding: 40px 0px 30px 0px; display: block;}
	.foot-bot-info{ display: none;}
	.foot-logo{ width: 100%;}
	.foot-infos{ width: 100%;}
	.foot-wechat{ display: none;}
	.foot-contact p:nth-child(1){
		padding-bottom: 20px;
	}
}