@charset "utf-8";

/*-- 导航 --*/

.header { width:100%; height:72px; background:#fff; position:fixed; z-index:9999;margin-top:0;border-bottom:1px solid #ccc;}
.con { width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.logo { width:132px; float:left; margin-top:10px; border-right:1px solid #ccc; margin-right:20px; padding-right:20px; }
.logo-nav ul li { float:right; }
.logo-nav ul li a { color:#777; font-size:16px; display:block; width:88px; height:69px; line-height:69px; text-align:center; }
.logo-nav ul li a:hover { text-decoration:none; border-bottom:3px solid #2ab1f3; color:#2ab1f3; }
.dianzhubudong { border-bottom:3px solid #2ab1f3; color:#2ab1f3; }
.wz { color:#777; font-size:15px; height:69px; line-height:69px; }
.m20{ padding-top:30px;}
/*-- 导航结束 --*/
/*-- banner --*/
.banner .zj img {
    width: 100%;
    display: block;
    height: 100%;
}
/*-- 痛点 --*/
.wgh_tdbg {width:100%;position:relative;}
.wgh_tdbg.tz img {width: 100%;display: block;height: 100%;}
.wgh_td {position:absolute;z-index:99;top:120px;left:8%;right:8%;}
.wgh_tit {font:normal 48px/60px "思源黑体", "微软雅黑", "宋体", Arial;color:#000; text-align:center;margin-bottom:60px;}
.wgh_tit span {text-align:center;display:block;font-size:28px;line-height:40px;font-weight:normal;color:#666;margin-top:30px;}
.tdcont {margin:30px auto;display:flex;}
.tdcont li {width:10.66%;background:#fff;padding:50px 3%;}
.tdcont li:hover,.tdcont li.bg_dee5f5:hover {background:#dee5f5;padding-top:30px;padding-bottom:70px;transition-duration: 0.5s;}
.tdcont li.bg_dee5f5 {background:#f1f4fe;}
.tdcont li dl dt {text-align:center;width:90px;margin:0px auto 50px;}
.tdcont li dl dt img {width:100%;}
.tdcont li dl dd {font:normal 18px/30px "思源黑体", "微软雅黑", "宋体", Arial;text-align:left;color:#666;}

/*-- 系统简介 --*/
.wgh_xtjj {width:100%;background:#fff;padding:120px 0;}
.xtjjcont {width:90%;max-width:1400px;margin:30px auto;}
.wgh_text {text-indent:2em;font:normal 18px/30px "思源黑体", "微软雅黑", "宋体", Arial;text-align:left;color:#666;margin-bottom:80px;}
.xtjjcont img {width:100%;object-fit:cover;object-position:left 0px right 0;}
/*-- 系统功能 --*/
.wgh_xtgn {width:100%;background:#f2fafe;padding:120px 0;}
/*-- 功能亮点 --*/
.gnldcont {width:90%;max-width:1400px;padding:0 5%;margin:0 auto;}
.tzxs {border-bottom:solid 1px #eee;}
.tzxs dl dt {width:42px;margin:0 auto;}
.tzxs dl dt img {width:100%;}
.wgh_tit p {font:normal 20px/40px "思源黑体", "微软雅黑", "宋体", Arial;color:#6ca1f7;text-align:center;}

.et-hero-tabs {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #124ccb;
  text-align: center;
  position: relative;
}
.et-hero-tabs-container {
  width: 100%;
  z-index: 10;
  display: flex;
  flex-direction: row;
  height: 100px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);/*X坐标值,Y坐标值,模糊程度,颜色,透明度*/
  background: #fff;
}
.et-hero-tabs-container--top {
  position: fixed;
  top:0px;
}
.et-hero-tab {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1;
  color: #124ccb;
  letter-spacing: 0.1rem;
  transition: all 0.3s ease;
  font-size: 1.2rem;
}
.et-hero-tab:hover {
  color:#124ccb;
  background: #f2fafe;
  border-bottom:solid 6px #124ccb;
}
.et-hero-tab-slider {
  position: absolute;
  bottom: 0;
  width: 0;
  height: 6px;
  background: #124ccb;
  transition: left 0.3s ease;
}
.gnldnrcont {display:flex;justify-content:space-around;align-items:center;padding:50px 0 100px;}
.gnld_left {flex:3;}
.gnld_left p {margin:0;}
.gnld_right {flex:7;}
.gnld_right img {object-fit:cover;object-position:left 0px right 0;}
.jcsjimg,.fwbsimg,.dlimg {text-align:right;}
.jcsjimg img{width:70%;}
.fwbsimg img{width:86%;}
.dlimg img {width:82%;}
.gnld_right2 {flex:7;}
.gnld_right2dl {padding-left:18%;display:flex;flex-wrap:wrap;}
.wggn {width:40%;display:flex;padding:30px 10px 30px 30px;}
.wggn dt {background:#4077fe;padding:8px;width:50px;height:50px;}
.wggn dt img {width:100%;}
.wggn dd {flex:1;margin-left:20px;}
.wggn dd h5 {font:bold 18px/36px "思源黑体", "微软雅黑", "宋体", Arial;color:#124ccb;}
.wggn dd p {font:normal 14px/24px "思源黑体", "微软雅黑", "宋体", Arial;color:#666;}
.bor_rb {border-right:solid 1px #dee6f8;border-bottom:solid 1px #dee6f8;}
.bor_b {border-bottom:solid 1px #dee6f8;}
.bor_r {border-right:solid 1px #dee6f8;}
/*-- 掌上网格平台 --*/
.ydcont {width:90%;max-width:1400px;margin:30px auto 0;}
.ydimg {width:82%;margin:0 auto;}
.ydimg img {width:100%;object-fit:cover;object-position:left 0px right 0;margin:0 auto;}
/*--add  项目分布图20220520--*/
.fbt {background:#f8fbfd;padding:100px 0 30px;}
.fbt_text {margin:30px 10px;font:bold 45px/60px "微软雅黑"; color:#333;text-align:center;}
.fbt_text span {font:bold 50px/80px "微软雅黑";color:#d11418;}
.fbt_text span.zhuanzhu {border:solid 1px #d11418;font-size:68px;line-height:80px;padding:0 10px;}
.fbt_text span.shuzi {font-size:68px;line-height:80px;}
.con { width:98%; margin:0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.wei{ width: 100%; text-align: center;}
.wei img{ width: 98%;}




/*-- 联系我们 --*/
.Contact {width:100%;}
.Contact .top { width:258px; height:54px; margin:0 auto 48px auto; }
.Contact .lxd { width:100%; background-color:#efefef;padding:15px 0;}
.Contact .lxd ul { width:94%; margin:0px auto 0 auto; max-width:1100px; min-width:300px;font-size:0.875rem; clear:both}
.Contact .lxd li { width:33.33%;float:left; }
.Contact .lxd li a{color:#6a6a6a;}
.Contact .lxd img { float:left; margin: 0 20px;}
.Contact .lxd h1 { height:56px; line-height:56px; font-size:24px; color:#6a6a6a;}

/*-- 底部 --*/
.bottom { width:100%; background-color:#8f8f8f;text-align:center; padding:30px 0; color:#fff; font-size:20px;}
.shuiyin{position: fixed;top: 0;bottom: 0;left: 0;right: 0;pointer-events: none;}
@media screen and (max-width:1400px){
/*-- 痛点 --*/
.wgh_tdbg.tz img {height:80%;}
.wgh_td {top:100px;}
/*-- 系统简介 --*/
.wgh_xtjj {padding:100px 0;}
/*-- 系统功能 --*/
.wgh_xtgn {padding:100px 0;}


}
@media screen and (max-width:1200px) and (min-width:800px){
/*-- 痛点 --*/
.wgh_tdbg.tz img {height:70%;}
.wgh_td {top:80px;}
.wgh_tit {font:normal 36px/48px "思源黑体", "微软雅黑", "宋体", Arial;}
.tdcont li dl dt {width:80px;}
.tdcont li dl dd {font:normal 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;}
/*-- 系统简介 --*/
.wgh_xtjj {padding:100px 0;}
.wgh_text {font:normal 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;}
/*-- 系统功能 --*/
.wgh_xtgn {padding:100px 0;}
/*-- 联系我们 --*/
.Contact .lxd {padding:10px 0;}
.Contact .lxd li {
    width: 50% !important;
}
.Contact .lxd li:nth-child(3){display:none;}
}
@media screen and (max-width:800px) and (min-width:640px){
.logo-nav .nav{ display:none !important;}	
.wz {
    color: #777; padding-top:16px;
    font-size: 14px;
     height:auto !important;
    line-height:20px !important;
}
.logo img{ width:90%; margin-left:10px}
.pre_con,.admin_tit p {
    font-size: 16px;
    text-indent: 30px;
    line-height: 30px;
    color: #383838;
}
.logo-nav .nav{ display:none !important;}	

/*-- 痛点 --*/
.tdcont {flex-direction:column;}
.wgh_tdbg.tz img {height: 50%;}
.wgh_td {top:40px;}
.wgh_tit {font:normal 30px/36px "思源黑体", "微软雅黑", "宋体", Arial;margin-bottom:50px;}
.tdcont li {width:94%;padding:10px 3%;margin:5px auto;border-radius:8px;}
.tdcont li:hover,.tdcont li.bg_dee5f5:hover {background:#fff;padding-top:10px;padding-bottom:10px;transition-duration: 0s;}
.tdcont li.bg_dee5f5 {background:#fff;}
.tdcont li dl {display:flex;}
.tdcont li dl dt {width:60px;margin:5px 15px 5px 5px;}
.tdcont li dl dd {flex:1;font:normal 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;}
/*-- 系统简介 --*/
.wgh_xtjj {padding:50px 0;}
.wgh_text {font:normal 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;margin-bottom:50px;}
.wgh_tit span {font-size:20px;line-height:24px;}

/*-- 系统功能 --*/
.wgh_xtgn {padding:50px 0;}
.et-hero-tab {font-size: 1rem;}
/*-- 功能亮点 --*/
.gnldnrcont {display:flex;flex-direction:column;padding:40px 0;}
.gnld_left {flex:1;margin-bottom:30px;}
.gnld_right {flex:1;text-align:center;}
.jcsjimg img,.fwbsimg img,.dlimg img {width:96%;}
.gnld_right2dl {padding-left:0%;flex-direction:column;}
.wggn {width:90%;padding:10px;border-bottom:solid 1px #dee6f8;}
.bor_rb {border-right:none;}
.bor_r {border-right:none;}
.wggn dt {padding:6px;width:36px;height:36px;}
.wggn dd h5 {font:bold 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;}
/*--add  项目分布图20220520--*/
.fbt {padding:50px 0;}
.fbt_text {margin:30px 10px;font:bold 24px/40px "微软雅黑";}
.fbt_text span {font:bold 36px/50px "微软雅黑";}
.fbt_text span.zhuanzhu {font-size:40px;line-height:60px;padding:0 10px;}
.fbt_text span.shuzi {font-size:40px;line-height:60px;}
/*--联系我们--*/
.Contact .lxd li{ width:50% !important; margin-top:0 !important;}
.Contact .lxd li:nth-child(3){display:none;}
.Contact {
    width: 100%;
    margin: 0 auto;
}
.Contact .top {
    width: 258px;
  height:auto !important; text-align:center;
    margin: 0 auto 10px auto;
}
.Contact .top img {
    width:200px !important;
    margin: 0 auto;
}
.Contact .lxd {
	padding:10px 0 !important;
}
.bottom {
	width:96%;
	padding:15px 2%;
    font-size:16px;
}

}
@media screen and (max-width:640px){
.logo-nav .nav{ display:none !important;}	
.wz {
    color: #777; padding-top:16px;
    font-size: 14px;
     height:auto !important;
    line-height:20px !important;
}
.logo img{ width:90%; margin-left:10px}
.pre_con,.admin_tit p {
    font-size: 16px;
    text-indent: 30px;
    line-height: 30px;
    color: #383838;
}
.logo-nav .nav{ display:none !important;}	

/*-- 痛点 --*/
.tdcont {flex-direction:column;}
.wgh_tdbg.tz img {height:70%;}
.wgh_td {top:50px;}
.wgh_tit {font:bold 22px/30px "思源黑体", "微软雅黑", "宋体", Arial;margin-bottom:20px;}
.tdcont li {width:94%;padding:10px 3%;margin:5px auto;border-radius:8px;}
.tdcont li:hover,.tdcont li.bg_dee5f5:hover {background:#fff;padding-top:10px;padding-bottom:10px;transition-duration: 0s;}
.tdcont li.bg_dee5f5 {background:#fff;}
.tdcont li dl {display:flex;}
.tdcont li dl dt {width:40px;margin:5px 15px 5px 5px;}
.tdcont li dl dd {flex:1;font:normal 14px/22px "思源黑体", "微软雅黑", "宋体", Arial;}
/*-- 系统简介 --*/
.wgh_xtjj {padding:50px 0;}
.wgh_text {font:normal 14px/22px "思源黑体", "微软雅黑", "宋体", Arial;margin-bottom:50px;}
.wgh_tit span {font-size:20px;line-height:24px;}

/*-- 系统功能 --*/
.wgh_xtgn {padding:50px 0;}
/*-- 功能亮点 --*/
.gnldnrcont {display:flex;flex-direction:column;padding:40px 0;}
.gnld_left {flex:1;margin-bottom:30px;}
.gnld_right {flex:1;text-align:center;}
.jcsjimg img,.fwbsimg img,.dlimg img {width:96%;}
.et-hero-tab {font-size: 0.8rem;}
.tzxs dl dt {width:30px;}
.et-hero-tabs-container {height:90px;}
.gnld_right2dl {padding-left:0%;flex-direction:column;}
.wggn {width:90%;padding:10px;border-bottom:solid 1px #dee6f8;}
.bor_rb {border-right:none;}
.bor_r {border-right:none;}
.wggn dt {padding:6px;width:36px;height:36px;}
.wggn dd h5 {font:bold 16px/24px "思源黑体", "微软雅黑", "宋体", Arial;}

/*--add  项目分布图20220520--*/
.fbt {padding:50px 0;}
.fbt_text {margin:30px 10px;font:bold 18px/40px "微软雅黑";}
.fbt_text span {font:bold 24px/50px "微软雅黑";}
.fbt_text span.zhuanzhu {font-size:30px;line-height:50px;padding:0 10px;}
.fbt_text span.shuzi {font-size:30px;line-height:50px;}
/*--联系我们--*/
.Contact .lxd li{ width:100% !important; margin-top:0 !important;}
.Contact .lxd li:nth-child(2),.Contact .lxd li:nth-child(3){display:none;}
.Contact .lxd {
	padding:10px 0 !important;
}
.bottom {
	width:96%;
	padding:15px 2%;
    font-size:16px;
}




