@charset "utf-8";
/*!
 * common.css
 * Version - 1.0.0
 * Copyright (c) 2020 Gaomin
 *Creation time 2020/6/9 15:00
 *Modification time 2020/00/00
 *Modify content
*/

.bn{ width: 100%; margin: 0 auto; height: 565px; background:#3495DC; position:relative;  }
.bn div{ position: absolute; top: 150px; left:25%; width:35%; min-width:650px;  }

/*项目背景*/
.p_bac{ width: 100%; min-height: 400px; margin: 0 auto; padding-top: 110px; }
.p_bacz{ width: 760px;min-height:296px; padding:50px 60px; background: #fff; border: 2px solid  #F2E6D8; margin:0 auto 0 auto;  z-index: 9; position:relative;} 
.p_bacl{ width: 53%; height: 510px;  top: 0; left: 0; background:#002F62 no-repeat top left; }
.p_bacr{width:47%; height: 160px;  top:350px; right: 0; background: #5B6078; }
/*解决方案*/
.plan{ width: 1200px; height: auto; min-height:480px; margin: 0 auto; text-align: left; }

.plan:after{content: ""; display: block; height: 0px; clear: both; visibility: hidden; }

.plan li{ float: left; width:360px; padding:20px;  }
.plan li img{ width: 360px; height: 200px; margin-bottom: 10px;}
/*项目意义*/
.meaning{width: 100%; min-height:390px; margin: 0 auto 50px auto; position: relative; }
.meaning_b{ width: 100%; height: 255px; background:#3495DC;  }
.meaning_s{margin:-165px auto 65px auto;  width: 1200px; min-height: 350px; padding-bottom: 50px; background: #fff; border: 2px solid  #F2E6D8; z-index: 9;  }
.meaning_s p{ width: 900px; padding: 0 150px;}

/*新闻详细*/
.news{ width: 1200px; padding: 50px; height: auto; margin: 0 auto; }

/*景e卫平台*/
.jew{ width: 1200px; height: auto; min-height: 850px; margin: 0 auto; }
.jew li,.jew span{ width:235px; height: 350px; float: left; padding: 10px; margin:20px; text-align: center; }
.jew li:hover{  box-shadow: 0 2px 16px rgba(137,137,137,0.4);    }
.jew li a{display: block; }
.jew li a h3,.jew span a h3{ font-size: 20px; color: #222; line-height: 80px;}

/*智能终端*/
.zhzd{ width: 1200px; height: auto; min-height: 650px; margin: 0 auto; padding: 20px 0; }
.zhzd li{ width:320px; height: 450px; float: left; padding: 20px; margin:20px; box-shadow: 0 2px 16px rgba(137,137,137,0.4);  }
.zhzd li a{display: block; }

/*了解更多*/
.mores{  width: 160px; height: 55px; display: block; text-align: center; background: #3f7cf8; line-height: 56px;  font-size: 20px; color: #fff; border-radius: 6px; margin-top: 30px;}
.mores:hover{background:#002F62; color: #fff; }
/*解决方案*/
.solution{ width: 1200px; height: 885px; margin:100px auto; }
.solution div{ width:270px; height:240px; background: url(../images/jjfa2.jpg) no-repeat; float: left; margin: 15px;} 
.solution li {width:228px; height:200px; padding: 20px; float: left;  border-top: 1px solid #D9D9D9; border-left: 1px solid #D9D9D9;  border-right: 1px solid #D9D9D9; border-bottom: 2px solid #B9202F; background: #fff; margin: 15px; position:relative; cursor: pointer; }
.solution li span{ display:none;}

.solution li:hover span{position: absolute; top: -1px; left: -1px; background: #B9202F; color: #fff; width:228px; height:200px; line-height:32px; font-size: 16px; padding:22px;  z-index:2;display: block;}

.gb{position: absolute; left:-30px; top:-30px; width: 360px; height:320px;  z-indx: 0; background: #00f;}

/*劳务实名制*/
.system{ width: 100%; height: 845px; background: url(../images/lwsmz1.jpg) no-repeat  top center; padding-top: 5px; background-size: 100% 100%;  }
.system ul{ width: 1200px; margin: 0 auto; }
.system ul li{float:left; width: 33%; height: 185px; padding-top: 40px; text-align: center;  }

.warning{ width: 350px; height: 480px; border: 1px solid #E8EAF1; background: #fff; border-radius: 20px; float: left; text-align: center;  margin:20px; }
.warning div{ width: 250px; height: 115px; padding:40px 50px; background: #F9F9F9; border-top-left-radius: 20px; border-top-right-radius: 20px;}
/*系统概述*/
.overview { width: 1200px; height: 400px; margin:100px auto 50px auto; position: relative; }
.overviews{ position: absolute; width:620px; padding: 10px 80px; height: 240px; background:#f6f6f6; left: 500px; top: 70px; text-align: center;}
.overviewa{ position: absolute; width:620px; padding: 10px 80px; height: 200px; background: #f6f6f6; left: 400px; top: 70px; text-align: left;}

.overviews h3{ display:inline-block; text-align: center; font-size: 30px;  color: #666;}
.overviews p{ color:#6f737f; text-align: left; padding-top: 30px;}


/*核心功能*/
.function{width: 100%; height: 1360px; background: url(../images/hxgl.jpg) no-repeat  top center; padding-top: 5px; background-size: 100% 100%; }
.function ul{ width: 1200px; margin: 0 auto; }
.function ul li{ width:250px; height: 300px; padding:50px 30px; float: left; margin: 40px 40px 80px 40px;  background:url(../images/hxbg.png) no-repeat center top; position: relative;  box-shadow: 2px 2px 10px rgba(0,00,0,0.1); text-align: center;}
.function ul li img{ position: absolute; top: -40px; left:125px;}
.function ul li span{ border-bottom: 2px solid #fff; line-height: 60px; color: #fff;}
.function ul li p{ color: #fff; line-height: 30px;}

.bgb{ background: url(../images/bgb.jpg) left bottom no-repeat;}

.functions{width: 100%; height:695px; background: url(../images/xtgl.jpg) no-repeat  top center; padding-top: 5px; background-size: 100% 100%;}
.functions ul{ width: 1200px; margin: 0 auto; }
.functions ul li{ width: 176px; height:250px; padding: 30px 20px; border: 2px solid #797D82; float: left; margin: 30px 10px; text-align: center; }
.functions ul li:hover{  border: 2px solid #fff;  }


.functionsa{width: 100%; height: 810px; background: url(../images/gl.jpg) no-repeat bottom right #0044AF; padding-top: 5px; }
.functionsa ul{ width: 1200px; margin: 0 auto; }
.functionsa ul li{ width: 270px; height:300px; padding: 70px 35px 0 35px;  float: left; margin: 30px 20px; border: 2px solid #838383; position: relative;}
.functionsa ul li:hover{  border: 2px solid #fff; }
.functionsa ul li img{ position: absolute; top: -80px; left: 50px;}
.functionb{ width: 1200px; height: 400px; margin: 50px auto; background: url(../images/fb.png) no-repeat;}
.fb_w220{ float: left; width: 220px; padding-left: 340px; padding-right: 400px;}
.fb_w250{ float: left; width: 250px;  padding-top: 30px; }
.show{ width:100%; height:680px; margin: 0 auto; background: url(../images/show.jpg) no-repeat center bottom; background-size: 100% ;}
/*人员全流程监管*/
.process{ width: 1200px; height: 550px; margin: 0 auto; }
.process li{ width: 320px; height: 400px; padding:30px 20px; border: 1px solid #e5e5e5; float: left; margin: 15px; }

.real_name{width: 1230px; height: 590px; margin: 30px auto; background:url(../images/lwsmz1.jpg) no-repeat; }
.real_name li{ width: 300px; height: 250px; padding: 50px 10px 0 0; margin:0 30px;   }
.real_name li h3{color:#367bf0; font-size: 30px; line-height:80px;}
/*人员全流程培训*/
.personnel{width: 100%; height:1000px; background: url(../images/ryldpx.jpg) no-repeat top center #4176D2 ; padding-top: 5px; background-size: 100% 100%;}
.personnel ul{ width: 1200px; height:800px; margin: 0 auto;  }
.personnel ul li{float:left; padding: 20px;  height:280px; border-radius: 16px; background: #fff; margin:10px;}
/*人员健康管理*/
.ryjk{width: 100%; height:650px; background: url(../images/ryjk.jpg) no-repeat top center #367BF0; padding-top: 5px; background-size: 100% 100%;}
/*移动巡检*/
.ydxj{width: 100%; height:610px; background: url(../images/ydxj.jpg) no-repeat bottom right ; padding-top: 5px; background-size: 100% 100%;}
/*脚手架*/
.jsj{width: 100%; height:1000px; background: url(../images/jsj.jpg) no-repeat bottom right ; padding-top: 5px; background-size: 100% 100%;}
/*BIM*/
.bim{width: 100%; height:420px; background: url(../images/bim.jpg) no-repeat bottom right ; padding-top: 5px; background-size: 100% 100%;}
/*APP*/
.app{width: 100%; height: 960px; background: url(../images/app.jpg) no-repeat  top center; padding-top: 5px; background-size: 100% 100%; }
.cc_1{width: 100%; height: 810px; background: url(../images/cc1.jpg) no-repeat bottom right #fff;   }

.industry{ width: 1200px; height: 550px; margin: 50px auto; }
.industry li{ width: 240px; height:270px; margin:0  75px ; text-align: center; float: left; }

/*搜索*/
.searchs{width: 100%; height:145px; background: url(../images/search.jpg) no-repeat bottom right ; padding-top:65px; background-size: 100% 100%;}
.searchs form{ width: 1100px; height: 80px;   margin: 0 auto; }
.searchs input[type=text]{float: left; width: 820px;  height: 75px; padding-left: 25px; font-size: 28px; background: #fff; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.searchs input[type=button]{float: left; width: 255px;  height: 75px; text-align: center; line-height: 75px; font-size: 30px; color: #fff; background: #3F7CF8;  border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.searchs input[type=button]:hover{ background:#002F62;}

.search_d{ width: 1200px; height: auto; padding: 20px 0; margin: 0 auto; }
  
.search_d div{ width: 1240px; height: auto; padding: 10px ;}
.search_d div h3{background: #F6F6F6; line-height: 30px; padding: 10px;}
.search_d div p{padding: 10px;}

/*政策支撑*/
.zczc{width: 100%; height: 935px; background: url(../images/zczc.jpg) no-repeat  bottom center #4083BA; padding-top: 5px; background-size: 100% 100%;   }

.project_f{
	float: left;
	width:280px; height: 340px; background: #fff; border-radius: 30px; box-shadow: 1px 10px 10px rgba(0,0,0,0.2);
	margin: 20px; padding: 40px; text-align: center;
}
.project_f h3{ color: #22a4db; font-size: 36px;}
.project_f span{ display:inline-block; width: 28px; height:8px; background: #e2e2e2; border-radius: 4px; margin: 20px 0; text-align: center;}



.personality{width: 282px; height: 620px; margin: 8px; float: left; }
.personality div{ border: 1px solid #d9d9d9; border-top: 0; height: 342px; background: #fff; padding: 0 15px }
.personality span{ color: #4e9fd2; font-size: 30px; display: block; text-align: center; padding: 20px 0;}
 
/*清除浮动*/
.clearfix:after{ content: "" ; display: block; height: 0; visibility: hidden; clear: both; overflow: hidden; }
.clearfix{ *zoom:1; }

.clearfix:before,.clearfix:after { content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix:after { *zoom:1; }