/* CSS Reset */
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:-apple-system,Segoe UI,Source Han Sans CN,PingFangSC,PingFang SC-Semibold,Hiragino Sans GB,Microsoft YaHei;font-style:normal;}
body{font-size:14px; line-height:1.6em;position:relative;*overflow-x:hidden; color:#333; max-width:1920px; 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;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 
a:hover{color:#4f8df0;text-decoration:none;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;} 

a:active {color:#000;}
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
::selection { background:#4f8df0; color:#fff; } ::-moz-selection { background:#4f8df0; color:#fff;  } ::-webkit-selection { background:#4f8df0; color:#fff;  }
.wrap{ margin:0 auto; padding:0px; position:relative; width:1200px; max-width:1920px;}
.w1440{ 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:absolute; top:0px; left:0px; width:100%; height:70px; z-index:20;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.head:after{ }
.head:hover{ background:#fff;}

.logo{ position:absolute; left:0px; top:20px;z-index:2;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.logo img{ height:33px;transition: all .8s ease;-moz-transition: all .8s ease; /* Firefox 4 */ -webkit-transition: all .8s ease; /* Safari ºÍ Chrome */ -o-transition:all .8s ease; /* Opera */}
.head-lang{ position:absolute; right:55px; top:0px; line-height:70px; color:#fff; font-size:16px;}
.head-search{ position:absolute; right:0px; top:20px; height:30px; line-height:30px; padding-left:20px;}
.head-search:after{ content:""; position:absolute; left:0px; top:10px; width:1px; height:12px; background:#666;}
.head-search a{ cursor:pointer;font-size:18px;}
.search{ position:absolute; left:0px; top:0px;text-align:center; background:#fff; height:70px; line-height:70px; width:100%; z-index:100; display:none;}
.search-tab{margin-left:calc(50% - 150px);}
.search div{ float:left; }
.search .search-txt input{ border-bottom:2px solid #333; height:30px; line-height:30px; width:240px;}
.search .search-btn{ width:30px; height:70px; margin-left:15px;position:relative;}
.search .search-btn i{ font-size:22px; cursor:pointer; width:30px; }
.search .search-btn i:before{position:absolute; left:0px; top:30px; line-height:30px;}
.search_close{ font-size:30px; position:absolute; right:30px; top:0px; cursor:pointer;}
.search_close:hover{ color:#4f8df0;}


.menu{ padding-left:580px;}
.menu ul li{ float:left; position:relative;}
.menu ul li:nth-child(2){ position:inherit;}
.menu ul li a{ display:block; position:relative; color:#333; font-weight:bold; font-size:16px; line-height:70px; z-index:2; padding:0px 25px;}
.menu ul li a:after{ position:absolute; content:""; left:50%; bottom:0px; width:0px; height:3px; background:#4f8df0;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.hover a{ color:#4f8df0;}
.menu ul li a:hover{ color:#4f8df0; opacity:0.8;}
.menu ul li a:hover:after{ width:40%; left:30%;}
.menu ul li ul{ position:absolute;min-width:140px; left:0px; width:160px; top:70px; background:rgba(255,255,255,.8); padding:10px 0px; display:none; border:1px solid #ededed;}
.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;border:1px solid #ededed;}
.menu ul li ul li a{ line-height:20px; padding:10px 20px; color:#333 !important; display:block; font-weight:normal; font-size:14px;}
.menu ul li ul li a:hover,.menu ul li ul li.hover a:nth-child(1){ background:#f0f4fa;}
.menu ul li ul li a:after{ display:none;}
.menu ul li ul li:nth-child(2){ position:relative;}
.menu ul li ul li ul li a{ background:#fff !important;}
.menu ul li ul li ul li a:hover{background:#f0f4fa !important;}
.pmenu{ display:none;}

.menu ul li ul.menu-pro{ width:calc(100% - 160px); background:#fff; padding:30px 80px; display:none;justify-content:space-between;}
.menu ul li ul.menu-pro li{ float:left; width:240px; 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;}




.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:100vh; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none;}
#glume .Limg li .pic{ height:100vh; width:100%; background-position: center center; background-size:cover;}
#glume .w1440{ height:100vh;}
#glume .ban-txt{ float:left; width:500px; padding-top:calc(50% - 330px);}
#glume .ban-txt i{ font-style:normal; font-size:18px;line-height:1.2em;color:#666;}
#glume .ban-txt h2{ font-weight:bold; font-size:44px; line-height:1em; margin:30px 0px;}
#glume .ban-txt span{ display:block; font-size:14px;line-height:1.2em; color:#666;}
#glume .ban-img{ position:absolute; bottom:-30px; right:0px;}
.ban-btns{ margin-top:55px;}
.ban-btns a{ display:inline-block; margin-right:20px; width:140px; height:44px; line-height:44px; text-align:center; border-radius:6px;}
.ban-btns a:nth-child(1){ background:#4f8df0; color:#fff; border:1px solid #4f8df0; box-shadow:#999 0px 0px 20px;}
.ban-btns a:nth-child(1):hover{ box-shadow:none;}
.ban-btns a:nth-child(2){ color:#333; border:1px solid #707070;}
.ban-btns a:nth-child(2):hover{ background:#666; color:#fff;}

	.banner_btn{ position:absolute; left:0px; bottom:20px; width:100%;z-index:10;}
	.banner_btn .Nubbt{ text-align:center; width:100%; display:block;}
    .banner_btn .Nubbt span{ display:inline-block; margin:0px 2px; width:4vw; height:4px; overflow:hidden; text-indent:5vw; background:#fff; opacity:0.4; cursor:pointer;color:#666; position:relative;}
	.banner_btn .Nubbt span:hover{ opacity:1;}
    .banner_btn .Nubbt span.on{  opacity:1;}

.i-pro{ margin:60px 0px; height:610px; overflow:hidden;}
.i-prolist{ height:610px;}
.box{ position:absolute; background:#f7f7f7; overflow:hidden;}
.box a{ display:block; width:100%; height:100%;}
.box h4{ font-weight:bold; position:absolute; left:0px; top:0px; width:100%; z-index:100; color:#fff;}
.box a .i-pro-img{ position:absolute; left:0px; bottom:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
.box a:hover .i-pro-img{ transform: scale(1.05, 1.05);}

.box1{ left:0px; top:0px; height:300px; width:715px;}
.box2{ left:0px; bottom:0px; height:300px; width:352.5px;}
.box3{ left:362.5px; bottom:0px; height:300px; width:352.5px;}
.box4{ right:0px; top:0px; height:610px; width:715px;}
.box1 a .i-pro-btn{ position:absolute; left:40px; top:180px; background:#4f8df0; height:20px; line-height:20px; width:50px; border-radius:10px; color:#fff; text-align:center;}
.box1 a:hover .i-pro-btn{ background:#407ee1; color:#fff;}

.box1 h4{ font-size:20px; padding:120px 0px 0px 40px;}
.box2 h4{ font-size:18px; padding:30px 0px 0px 40px;}
.box3 h4{ font-size:18px; text-align:center; padding-top:30px;position:relative; z-index:1;}
.box4 h4{ font-size:24px; padding-top:66px; text-align:center;}

.box4 a .i-pro-btn{ position:absolute; right:-30px; bottom:-30px; background:#4f8df0; height:80px; line-height:80px; width:80px; font-size:20px; border-radius:50%; color:#fff; text-align:center;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
.box4 a:hover .i-pro-btn{ background:#407ee1; color:#fff;right:-20px; bottom:-20px;}


.i-pro1{ margin:60px 0px; text-align:center;}
.i-pro1 img{ max-width:100%;}

.container h2{ font-size:24px; font-weight:bold; color:#000;text-transform: uppercase;}

.i-sol{padding:60px 0px; background:#f7f7f7; overflow:hidden;}
.i-sol h2{ text-align:center;}
.i-sol-list{ margin-top:40px; height:360px;overflow:hidden;}
.i-sol-list .i-sol-info{ float:left; width:360px; height:360px; overflow:hidden; background:#d0ddf1; position:relative; cursor:pointer;}
.i-sol-list .i-sol-info i{ display:block; text-align:center; height:30px;font-family: "iconfont" !important; font-style:normal; color:#fff; font-size:30px;}
.i-sol-list .sol1 i:after{ content:"\e622";}
.i-sol-list .sol2 i:after{ content:"\e61e";}
.i-sol-list .sol3 i:after{ content:"\e60d";}
.i-sol-list .sol4 i:after{ content:"\e6c6";}
.i-sol-list .sol5 i:after{ content:"\e6c2";}
.i-sol-list .sol6 i:after{ content:"\e64c";}
.i-sol-list .i-sol-info h4{ color:#fff; text-align:center; display:block; padding-top:10px; font-size:16px;}
.i-sol-list .i-sol-info p{ margin:30px 50px; padding-top:120px; color:#cddbfa; line-height:20px; height:80px; overflow:hidden;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-sol-list .i-sol-info a{ display:block; text-align:center; color:#fff; margin-top:15px; position:relative; padding-bottom:5px;}
.i-sol-list .i-sol-info a:after{ position:absolute; content:""; height:1px; background:#fff; width:0px; left:50%; bottom:0px;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-sol-list .i-sol-info a:hover:after{ position:absolute; content:""; height:1px; background:#fff; width:40px; margin-left:-20px;}
.i-sol-bg{ background:rgba(0,0,0,.6); height:200px; padding-top:160px;width:100%;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-sol-list .i-sol-info:hover .i-sol-bg{ padding-top:75px; height:285px; background:#4f8df0;}
.i-sol-list .i-sol-info:hover p{ padding:0px;}
.i-cho-list{ margin-top:50px; 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: "\e6b2"; font-size:22px;color:#4f8df0;}
.i-cho-list ul li:nth-child(2):after{content: "\e65f"; font-size:30px;color:#4f8df0;}
.i-cho-list ul li:nth-child(3):after{content: "\e645";font-size:30px;color:#4f8df0;}
.i-cho-list ul li:nth-child(4):after{content: "\e66c";font-size:32px;color:#4f8df0;}
.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:nth-child(4){ padding-left:50px;}
.i-cho-list ul li span{ line-height:20px; margin-top:10px; display:block;color:#999;}
.i-cho-list ul li h4{ font-size:24px;color:#4f8df0; text-align:left;}


.i-cho{ padding:60px 0px; background:#333;}
.i-cho h2{ text-align:center;color:#fff;}
.i-cho p{ text-align:center; padding-top:40px; color:#999;}


.i-news{padding:60px 0px; }
.i-news h2{ text-align:center; }
.i-news-list{ padding-top:40px;}
.i-news-list ul{ margin-left:-40px;}
.i-news-list ul li{ float:left; width:330px; margin-left:40px;}
.i-news-list ul li .i-news-img{ width:330px; height:200px;  overflow:hidden;}
.i-news-list ul li a .i-news-img img{  height:auto; width:330px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
.i-news-list ul li a:hover  .i-news-img img{ transform: scale(1.1, 1.1); }
.i-news-list ul li h4{ line-height:20px; margin:15px 0px 10px 0px;}
.i-news-list ul li span{ color:#999;}

.more{ text-align:center; margin-top:50px;}
.more a{ width:120px; height:34px; line-height:34px; text-align:center; border:1px solid #4f8df0; color:#4f8df0; display:inline-block;}
.more a:hover{ background:#4f8df0; color:#fff;}


.i-project{ padding:60px 0px 60px 0px;background:#f7f7f7;}
.i-project h2{ text-align:center;}
.project-items{ margin-top:40px; overflow:hidden; }
.p-info{ text-align:center; float:left;}
.p-info a{ display:block;}
.p-info a img{  height:340px; width:330px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
.p-info a .project-img{ display:inline-block;height:340px; width:330px; overflow:hidden;}
.p-info a:hover img{ transform: scale(1.1, 1.1); }
.p-info a h4{ display:block; margin-top:15px; width:100%; line-height:20px; height:40px; overflow:hidden;}
.slick-prev{ position:absolute; left:-60px; top:228px; width:30px; height:30px; overflow:hidden; background:none; padding-left:100px; overflow:hidden; cursor:pointer;}
.slick-prev:after{content: "\eb06";font-family: "iconfont" !important; position:absolute; left:0px; top:0px; text-indent:0px; font-size:30px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.slick-next{ position:absolute; right:-125px; top:228px; width:30px; height:30px; overflow:hidden; background:none; padding-left:100px; overflow:hidden; cursor:pointer;}
.slick-next:after{content: "\e606";font-family: "iconfont" !important; position:absolute; left:0px; top:0px; text-indent:0px; font-size:30px;transition: 0.3s all;-webkit-transition: 0.3s all;-o-transition: 0.3s all;-moz-transition: 0.3s all;-ms-transition: 0.3s all;}
.slick-prev:hover:after,.slick-next:hover:after{ opacity:0.5;}
 

.foot{  background:#1e1e1e; overflow:hidden; color:#999; }
.foot-infos{padding:55px 0px;}
.foot-left{ float:left; width:460px;}
.foot-left p{ color:#999; line-height:24px; overflow:hidden; margin-top:15px;}
.foot-right{ float:right; width:940px;}
.foot-right ul{}
.foot-right ul li{ float:right; padding-top:10px; padding-left:95px;}
.foot-right ul li h4 a{ color:#fff; font-weight:bold;}
.foot-right ul li p{ padding-top:12px;}
.foot-right ul li p a{ display:block; color:#999;}
.foot-right ul li dd a{ color:#999;}
.foot-right ul li a:hover{ color:#fff; text-decoration:underline;}

.foot-other{ padding-bottom:15px;}
.foot-tel{ float:left; width:300px; font-size:18px;}
.foot-tel i{ padding-right:10px; font-size:18px}
.foot-links{ float:right; width:600px; text-align:right; position:relative;}
.foot-links a{ color:#999; padding:0px 10px; font-size:16px;}
.foot-links a i{ font-size:22px; font-style:normal;}
.foot-links a:hover{ color:#fff;}
.foot-links .foot-email{ position:absolute; right:195px;}
.foot-links .foot-email i{ padding-right:10px;vertical-align: middle;}
.foot-links .foot-weixin{ position:absolute; right:95px; top:0px;}
.foot-links .foot-weixin .foot-weixin-wechat,.foot-links .foot-qq .foot-qq-wechat{ position:absolute; bottom:30px; left:0px; width:110px; height:110px; display:none;}
.foot-links .foot-weixin .foot-weixin-wechat img,.foot-links .foot-qq .foot-qq-wechat img{ width:110px;}
.foot-links .foot-qq{ position:absolute; right:0px; top:0px;}
.foot-links .foot-weixin span,.foot-links .foot-qq span{ font-size:14px;}

.foot-cpy{ border-top:1px solid #3e3e3e; height:68px; line-height:68px;}
.foot-cpy a{ display:block; position:absolute; right:0px; top:0px; color:#999; cursor:pointer;}
.foot-cpy a#gotop{}
.foot-cpy a#href{ right:75px;}
.foot-cpy a:hover{color:#fff;}

.GoTop-box{ cursor:pointer; position:relative; overflow:hidden; background:#fff; border-radius:3px;}
.GoTop-box img{ }
.GoTop-box:after{ content: "\e608";font-family: "iconfont" !important; position:absolute; left:0px; top:0px; font-size:34px; height:40px; line-height:40px; width:40px; text-align:center}
.GoTop-box:hover:after{ background:#4f8df0; color:#fff;}


.paging{ padding-bottom:40px;}
.paging .pagination{ margin-top:20px;}
.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:#4f8df0; color:#fff; border:1px solid #4f8df0;}
.paging ul li a{display:block; border:1px solid #ddd;}


@media only screen and (max-width: 1440px){
	.w1440{width:1200px;}
	.menu{padding-left:350px;}
	#glume .ban-img img{ width:700px;}
	
	
	.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-sol-list .i-sol-info{ width:300px; height:300px;}
	.i-sol-bg{ padding-top:128px;}
	.i-sol-list .i-sol-info p{ margin:20px 50px;}
	.i-sol-list .i-sol-info:hover .i-sol-bg{ padding-top:46px;}
	
	.i-pro{ margin:60px 0px; height:610px; overflow:hidden;}
	.i-prolist{ height:610px;}
	.box{ position:absolute; background:#f7f7f7; overflow:hidden;}
	.box a{ display:block; width:100%; height:100%;}
	.box h4{ font-weight:bold; position:absolute; left:0px; top:0px; width:100%; z-index:100; color:#333;}
	.box a .i-pro-img{ position:absolute; left:0px; bottom:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box a:hover .i-pro-img{ transform: scale(1.05, 1.05);}
	
	.box1{ left:0px; top:0px; height:300px; width:595px;}
	.box2{ left:0px; bottom:0px; height:300px; width:292.5px;}
	.box3{ left:302.5px; bottom:0px; height:300px; width:292.5px;}
	.box4{ right:0px; top:0px; height:610px; width:595px;}
	.box1 a .i-pro-btn{ position:absolute; left:40px; top:180px; background:#4f8df0; height:20px; line-height:20px; width:50px; border-radius:10px; color:#fff; text-align:center;}
	.box1 a:hover .i-pro-btn{ background:#407ee1; color:#fff;}
	
	.box1 h4{ font-size:20px; padding:120px 0px 0px 40px;}
	.box2 h4{ font-size:18px; padding:30px 0px 0px 40px;}
	.box3 h4{ font-size:18px; text-align:center; padding-top:30px;position:relative; z-index:1;}
	.box4 h4{ font-size:24px; padding-top:66px; text-align:center;}
	
	.box4 a .i-pro-btn{ position:absolute; right:-30px; bottom:-30px; background:#4f8df0; height:80px; line-height:80px; width:80px; font-size:20px; border-radius:50%; color:#fff; text-align:center;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box4 a:hover .i-pro-btn{ background:#407ee1; color:#fff;right:-20px; bottom:-20px;}
	
	
	.i-news-list ul{ margin-left:-20px;}
	.i-news-list ul li {
		width: 285px;
		margin-left: 20px;
	}
	.i-news-list ul li .i-news-img{ width:285px; height:173px;}
	
	
	.foot-left{ width:324px;}
	.foot-right{ width:860px;}
	.foot-right ul li{ padding-left:60px;}
}

@media only screen and (max-width: 1200px){
	body{ padding-top:60px;}
	.w1440,.w1200{ width:100%;}
	.head{ position:fixed; height:60px; background:#fff;z-index:30;}
	.logo{ position:absolute; left:20px; top:20px;z-index:30;}
	.logo img{ height:20px;}
	.menu{ display:none;}
	.head-lang{ line-height:60px; font-size:16px; right:90px;}
	.head-search{ top:15px; right:60px; font-weight:bold;}
	.head-search a{ font-size:18px;}
	.head-search:after{ display:none;}
	.search{ height:60px; line-height:60px;}
	.search .search-btn{ height:60px;}
	.search .search-btn i:before{ top:18px;}
	
	.pmenu{ display:block;  position:fixed; left:0; top:-100vh; z-index:200; width:100%; height:100vh; 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:#4f8df0; font-weight:bold; font-size:24px;}
	.pmenu ul li i.active{transform: rotate(90deg);}
	.pmenu ul li ul{ display:none;}
	.pmenu ul li ul li{ border-bottom:0px;}
	.pmenu ul li ul.menu-pro li{ float:left;}
	.pmenu ul li ul li a{ font-weight:normal; margin-right:0px; line-height:30px; margin-left:20px;}
	.pmenu ul li ul li ul{ display:block;}
	.pmenu ul li ul li ul li a{ margin-left:40px; color:#666;line-height:30px;}
	
	.hide-body{ height:0; overflow:hidden;}
	.show_menu{ z-index:300; position:absolute; top:22px; right:20px; height:16px; width:20px;}
	.show_menu:before,.show_menu:after,.show_menu span{position:absolute; cursor:pointer;width:20px; height:1px; background:#000;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 { top:60px;}
	
	
	
	
	.i-pro{ margin:60px 0px; height:410px; overflow:hidden;}
	.i-prolist{ height:410px;}
	.box{ position:absolute; background:#f7f7f7; overflow:hidden;}
	.box a{ display:block; width:100%; height:100%;}
	.box h4{ font-weight:bold; position:absolute; left:0px; top:0px; width:100%; z-index:100; color:#333;}
	.box a .i-pro-img{ position:absolute; left:0px; bottom:auto; top:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box a .i-pro-img img{ width:100%; height:auto;}
	.box a:hover .i-pro-img{ transform: scale(1.05, 1.05);}
	
	.box1{ left:0px; top:0px; height:200px; width:calc(50% - 5px);}
	.box2{ left:0px; bottom:0px; height:200px; width:calc(25% - 5px);}
	.box3{ left:25%; bottom:0px; height:200px; width:calc(25% - 5px);}
	.box4{ right:0px; top:0px; height:410px; width:calc(50% - 5px);}
	.box1 a .i-pro-btn{ position:absolute; left:40px; top:calc(50% + 10px); background:#4f8df0; height:20px; line-height:20px; width:50px; border-radius:10px; color:#fff; text-align:center;}
	.box1 a:hover .i-pro-btn{ background:#407ee1; color:#fff;}
	
	.box1 h4{ font-size:18px; padding:0px 0px 0px 40px; padding-top:calc(50% - 190px);}
	.box2 h4{ font-size:16px; padding:30px 0px 0px 0px; text-align:center;}
	.box3 h4{ font-size:16px; text-align:center; padding:30px 0px 0px 0px;position:relative; z-index:1;}
	.box4 h4{ font-size:22px; padding-top:66px; text-align:center;}
	
	
	.container{ }
	.i-project,.i-news{ padding:40px 0px 20px 0px;}
	.i-project h2,.i-news h2,.i-cho h2,.i-sol h2{ font-size:20px;}
	.project-items{ margin-top:20px;}
	.i-news{ padding-bottom:30px;}
	.i-news-list{ padding:0px 20px 0px 20px;}
	.i-news-list ul li h4{ height:auto;}
	.i-news-list ul{ margin-left:0px; display:flex;flex-wrap:wrap; justify-content:space-between;}
	.i-news-list ul li{ padding-top:20px; float:none; width:49%; margin-left:0px;}
	.i-news-list ul li .i-news-img{ width:100%; height:auto;}
	.i-news-list ul li a .i-news-img img{ width:100%;}
	.i-news-list ul li h4{ margin-top:10px; margin-bottom:0px;}
	
	.i-cho{ padding:40px 0px;}
	.i-cho p{ padding:15px 20px 0px 20px; color:#888;}
	.i-cho-list{padding:30px 20px 0px 20px; margin-top:0px;}
	.i-cho-list ul{ }
	.i-cho-list ul li{ float:left; width:calc(25% - 20px); padding:0px;margin: 10px 0px 10px 20px;}
	.i-cho-list ul li:nth-child(2){ padding-left:0px;}
	.i-cho-list ul li:nth-child(3){ padding-left:0px;}
	.i-cho-list ul li:nth-child(4){ padding-left:0px;}
	.i-cho-list ul li span{ text-align:left;}
	.i-cho-list ul li h4{ padding-left:34px;}
	.i-cho-list ul li:nth-child(2):after{ font-size:20px;}
	.i-cho-list ul li:nth-child(3):after{ font-size:24px;}
	.i-cho-list ul li:nth-child(4):after{ font-size:26px;}
	.i-cho-list ul li:nth-child(1):after{ font-size:17px;}
	.i-cho-list ul li h4{ font-size:20px;}
	
	.i-sol{ padding:40px 0px; background:none}
	.i-sol-list{ margin:30px 20px 0px 20px;}
	
	.slick-prev,.slick-next{ display:none !important;}
	.p-info a .project-img,.p-info a img{ width:auto;}
	
	.search{ background:#fff; z-index:1000;}
	.search .search-txt input{ width:190px;}
	
	.foot{ padding:0px 20px;}
	.foot-infos{ padding:20px 0px 30px 0px;}
	.foot-left,.foot-right{ float:none; width:100%;}
	.foot-left{ display:none;}
	.foot-right ul{ display:flex;flex-wrap:wrap;}
	.foot-right ul li{ float:none; width:50%; padding-left:0px;}
	.foot-tel,.foot-links{ float:none; width:100%; text-align:left; padding-top:10px;}
	.foot-tel{ padding-top:20px;}
	.foot-links .foot-email{ left:0px; }
	.foot-links a{ padding:0px;}
	.foot-other{ padding-bottom:40px;}
	.foot-cpy a{ display:none;}
	
	
}


@media only screen and (max-width:860px){
	.i-prolist{ height:auto;}
	.box{ position:relative; background:#f7f7f7; overflow:hidden;}
	.box a{ display:block; width:100%; height:100%;}
	.box1{ left:0px; top:0px; height:auto; width:auto;}
	.box2{ left:0px; bottom:0px; height:auto; width:auto;}
	.box3{ left:0px; bottom:0px; height:auto; width:auto;}
	.box4{ right:0px; top:0px; height:auto; width:auto;}
	.box a .i-pro-img,.box h4{ text-align:center;}
	.box a .i-pro-img{ }
	.box a .i-pro-img img{}
	.box1 h4{ font-size:20px; padding:50px 0px 0px 0px; color:#000;}
	.box1 a .i-pro-img{ position:relative; right:0px; bottom:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box1 a:hover .i-pro-img{ bottom:0px;}
	.box1 a .i-pro-btn{ position:absolute; display:none; left:0px; top:0px; background:#4f8df0; height:20px; line-height:20px; width:50px; border-radius:10px; color:#fff; text-align:center;}
	.box1 a:hover .i-pro-btn{ background:#407ee1; color:#fff;}
	
	.box2 h4{ font-size:20px; padding:50px 0px 0px 0px; color:#000;}
	.box2 a .i-pro-img{ position:relative; right:0px; bottom:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box2 a .i-pro-img img{ height:90px; width:auto;}
	.box2 a:hover .i-pro-img{ right:20px;}
	
	.box3 h4{ font-size:20px; text-align:center; padding-top:30px; color:#000; position:relative; z-index:1;}
	.box3 a .i-pro-img{ position:relative; left:0px; bottom:0px;}
	.box3 a .i-pro-img img{ position:relative; bottom:0px;  z-index:2;}
	.box3 a:hover .i-pro-img img{ transform: scale(1, 1); }
	
	
	.box4 h4{ font-size:20px; padding-top:50px; text-align:center; color:#000;}
	.box4 a .i-pro-img{ position:relative; right:0px; width:100%; text-align:center; bottom:0px;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box4 a:hover .i-pro-img{ bottom:0px;}
	.box4 a .i-pro-img img{ height:180px; width:auto;}
	.box4 a .i-pro-btn{ position:relative;display:none; right:0px; bottom:0px; background:#4f8df0; height:80px; line-height:80px; width:80px; font-size:20px; border-radius:50%; color:#fff; text-align:center;transition: 0.8s all;-webkit-transition: 0.8s all;-o-transition: 0.8s all;-moz-transition: 0.8s all;-ms-transition: 0.8s all;}
	.box4 a:hover .i-pro-btn{ background:#407ee1; color:#fff;right:0px; bottom:0px;}
	
	.i-cho-list ul li{ float:left; width:calc(50% - 20px); padding:0px;margin: 10px 0px 10px 20px;}
}

@media only screen and (max-width: 450px){
	
	.menu-pro li h4{ font-size:14px; }
	.menu-pro li img{ width:80px; height:auto; display:none;}
	
	.banner{ }
	.banner,#glume .Limg li{ height:220px;}
	#glume{width:100%; position:relative; height:220px; background-color:#f3f3f3;}
	#glume .Limg{width:100%;height:100%; margin:0px; padding:0px; list-style:none;}
	#glume .Limg li{width:100%;height:220px; overflow:hidden;position:absolute;cursor:pointer; left:0px; top:0px; list-style:none;}
	#glume .Limg li .pic{ height:220px; width:100%; background-position: center center; background-size:cover;}
	#glume .w1440{ height:220px;}
	#glume .ban-txt{ float:none; width:55%; padding-top:50px;}
	#glume .ban-txt i{ font-style:normal; display:block; font-size:14px;line-height:1.2em;color:#666;padding:0px 20px;}
	#glume .ban-txt h2{ font-weight:bold; font-size:18px; line-height:1.4em; margin:15px 0px;padding:0px 20px;}
	#glume .ban-txt span{ display:none; font-size:14px;line-height:1.2em; color:#666; padding:0px 20px;}
	#glume .ban-img{ position:absolute; bottom:-20px; right:-30px; text-align:right;}
	#glume .ban-img img{ width:60%;}
	.ban-btns{ display:none; margin-top:55px;}
	.ban-btns a{ display:inline-block; margin-right:20px; width:140px; height:44px; line-height:44px; text-align:center; border-radius:6px;}
	.ban-btns a:nth-child(1){ background:#4f8df0; color:#fff; border:1px solid #4f8df0; box-shadow:#999 0px 0px 20px;}
	.ban-btns a:nth-child(1):hover{ box-shadow:none;}
	.ban-btns a:nth-child(2){ color:#333; border:1px solid #707070;}
	.ban-btns a:nth-child(2):hover{ background:#666; color:#fff;}
	
	.banner_btn{ display:none;}
	
	.i-pro1{ margin:15px 0px;}
	.i-pro{ height:auto; margin:0px; padding:0px 20px;}
	.i-prolist{ height:auto;}
	.box{ position:relative;}
	.box1,.box2,.box3,.box4{ width:100%; margin-top:10px;}
	.box2 h4{ padding:30px 0px 0px 0px;}
	.box2 a .i-pro-img{ padding-bottom:10px;}
	.box2 a .i-pro-img img,.box4 a .i-pro-img img{ height:auto; width:100%;}
	.box3 h4{ position:absolute; z-index:3;}
	
	
}