@charset "utf-8";
/* common */
* {margin: 0; padding: 0;}
.clearfix::before, .clearfix::after { content: ""; display: table; clear: both;}
a:hover{ text-decoration: none;color: #0175F3; cursor: pointer; }
.content {margin: 0 auto; width: 1200px;}
.show {display: block!important;}
.hide {display: none;}
/* header start */
/* header end */
/* 大banner */
.bigbanner {width:100%;padding-top:120px;height:380px;overflow:hidden;text-align:left;background:url(banner.png) no-repeat top;position:relative;}
.bigbanner a.ljgd,.bigbanner a.ljty{margin-top:60px;width: 116px;height: 44px;background: #FFFFFF;border-radius: 6px;display: inline-block;font-size: 16px;color: #1677FF;text-align: center;line-height: 44px;}
.bigbanner a.ljty{border: 1px solid #FFFFFF;background:none;color:#fff;margin-left:30px;}



/* main start */
.right-nav {display: none;}
/* mainone start */
.mainone {width: 100%; height: 820px; background: #ffffff no-repeat center; background-size: 100% 100%;}
.mainone .content {position: relative;}
.mainone01 {display: flex; align-items: center;justify-content: space-between; padding-left: 5px;}
.mainone01 span.onetitle {font-size: 30px; font-weight: 500;}
.mainone01 img.oneimg {padding-left: 24px; width: 86px; height: 10px;vertical-align: middle;}
.ddrh {padding-top: 40px;}
/* 兼容性 */
ul.compat { display: flex;}
ul.compat li { margin-left: 10px; width: 150px; height: 60px;background: #F7F7F7;
  border-radius: 8px; }
ul.compat li:first-child {margin-left: 0; }
ul.compat li p {margin: 0; text-align: center; line-height: 60px; font-weight: 500; font-size: 16px; color: #333333;}
/* scroll */
.scroll { position: relative; width: 900px; height: 520px;background: url(xtzhpt_pic_09.png) no-repeat 130px 160px;}
.cicle_center {margin-top: 100px!important; position: relative; margin: 0 auto; width: 100%; height: 420px; border-radius: 50%; box-sizing: border-box;}
.cicle_son01 { position: absolute; width: 170px; height: 64px; }
.cicle_son01 img {margin-left: 42px; display: inline-block; text-align: center; box-shadow: 0px 2px 12px 0px rgba(149,176,247,0.22); border-radius: 50%;}
.cicle_son01 p.cicle_tit {margin-top: 18px; font-weight: bold; font-size: 18px; color: #555; text-align: center;}
.cicle_son01 p.cicle_msg {display: none; font-weight: 400; font-size: 14px; color: #999999; text-align: center; line-height: 24px;}
.cicle_son01:hover img { box-shadow: 0px 0px 32px 0px rgba(11,90,255,0.53); }
.cicle_son01:hover p.cicle_tit {color: #0B5AFF;}
.unite {display: none;}
/* 平台 */
ul.flat {margin: 0; display: flex;}
ul.flat li {padding-left: 40px; width: 460px; height: 150px;}
ul.flat li:first-child {margin-right: 30px; background: url(xtzhpt_pic_16kfpt.png) no-repeat center; background-size: 100%;}
ul.flat li:last-child {background: url(xtzhpt_pic_17szzt.png) no-repeat center; background-size: 100%;}
ul.flat li p {margin: 0; padding-top: 45px; font-weight: 500; font-size: 20px; color: #FFFFFF;}
ul.flat li span {display: inline-block; padding-top: 10px; padding-right: 130px; opacity: 0.7; font-size: 14px; color: #FFFFFF; line-height: 24px;}
/* mainone end */

/* maintwo start */
.maintwo {width: 100%; height: 850px; background: url(xtzhpt_pic_19bg.png) no-repeat center; background-size: cover;}
/* title */
.big_tit{margin: 0; text-align: center; padding-top:48px; }
.big_tit>span{ display: inline-block;color:#555; }
.tit_con{ font-size:35px; font-weight: bold; line-height:49px; margin:0 11px; }
.big_tit .tit_img img{ display: inline-block; margin-top:-16.5px; }
/* 多种能力应用 */
.skill {display: flex; justify-content: space-between; padding: 35px 0 50px;}
.skill li {width: 8%; height: 120px; text-align: center; cursor: pointer;}
.skill li img {padding-bottom: 15px;}
.skill li p {margin: 0; font-weight: 500; font-size: 22px; color: #333333; }
.skill li i {display: none; width: 24px; height: 4px; background: #0175F3; border-radius: 2px;}
.skill li.active p, .skill li:hover p { color: #0175F3; }
.skill li.active i, .skill li:hover i { display: inline-block; }
.skilllist > div {display: none;}
/* 多端门户 */
.skillone {background: url(xtzhpt_pic_28bg.png) no-repeat 387px 62px;}
.mob_skillone_pic {display: none;}
.skillone ul {display: flex; flex-direction: column; width: 360px;}
.skillone li {position: relative; margin-bottom: 20px; padding: 20px; padding-left: 36px; width: 100%; height: 112px; background: url(xtzhpt_pic_29.png) no-repeat center;}
.skillone li i {position: absolute; left: 20px; top: 26px; width: 6px; height: 6px; background: #0175F3;}
.skillone li p {margin: 0; padding-bottom: 10px; font-weight: bold; font-size: 16px; color: #333333;}
.skillone li span {font-weight: 400; font-size: 14px; color: #999999;}
/* 能力集成 */
.skilltwo {width: 100%; height: auto; overflow: hidden; }
.skilltwo ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.skilltwo li {position: relative; padding: 30px; width: 285px; height: 493px; border-radius: 8px;}
.skilltwo li:first-child {background: url(xtzhpt_pic_53.png) no-repeat center;}
.skilltwo li:nth-child(2) {background: url(xtzhpt_pic_54.png) no-repeat center;}
.skilltwo li:nth-child(3) {background: url(xtzhpt_pic_55.png) no-repeat center;}
.skilltwo li:last-child {background: url(xtzhpt_pic_56.png) no-repeat center;}
.skilltwo li > h5 {padding-bottom: 20px; background: none;background-size: 100%; font-weight: bold; font-size: 16px; color: #ffffff; }
.skilltwo li p {font-weight: 400; font-size: 14px; color: #ffffff;  line-height: 30px;background: url(xtzhpt_pic_31dot.png) no-repeat 28px 12px;}
/* 开放平台 */
.skillthree h5 {padding-bottom: 40px; font-size: 30px; color: #333333; text-align: center; font-weight: bold; background: url(xtzhpt_pic_32.png) no-repeat center 25px;}
.skillthree ul {display: flex; justify-content: space-between;}
.skillthree li {position: relative; padding: 0 40px; width: 387px; height: 411px;}
.skillthree li:first-child { background: url(xtzhpt_pic_33.png) no-repeat center; background-size: 100%;}
.skillthree li:nth-child(2) { background: url(xtzhpt_pic_34.png) no-repeat center;background-size: 100%;}
.skillthree li:last-child { background: url(xtzhpt_pic_35.png) no-repeat center;background-size: 100%;}
.skillthree li h6 {padding: 60px 0 30px; text-align: center;font-weight: bold; font-size: 20px; color: #333333;}
.skillthree li p { font-size: 16px; color: #333333; text-align: justify; line-height: 32px;}
/* 数字中台 */
.skillfour ul {display: flex; justify-content: space-between;}
.skillfour li.szzt {padding: 42px 30px 0 42px; width: 380px; height: 523px; cursor: pointer;background: no-repeat center;}
.skillfour li.szzt:first-child {background-image: url(xtzhpt_pic_38.png); background-size: 100%;}
.skillfour li.szzt:nth-child(2) {background-image: url(xtzhpt_pic_40.png);background-size: 100%;}
.skillfour li.szzt:last-child {background-image: url(xtzhpt_pic_42.png);background-size: 100%;}
.skillfour span {display: inline-block; padding: 20px 0; width: 30px; height: 2px; background: url(xtzhpt_pic_36icon.png) no-repeat center;}
.skillfour p { font-size: 14px; font-weight: 400; color: #FFFFFF; text-align: justify; line-height: 32px;}
.skillfour ul.msglist {display: flex;justify-content: space-between; flex-wrap: wrap; margin-top: 16px;}
.skillfour ul.msglist li {position: relative; padding-left: 8px; width: 86px; font-size: 14px; font-weight: 500; line-height: 32px; color: #ffffff;}
.skillfour ul.msglist li i {    position: absolute; left: 0; top: 15px;width: 3px; height: 3px;display: block; background: url(xtzhpt_pic_57.jpg) no-repeat left center;background-size: 100%;}
.skillfour ul.msglist.two li {width: 120px;}
/* .skillfour p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} */
/* .skillfour li.change {width: 540px; }
.skillfour li.change:first-child {background: url(xtzhpt_pic_37on.png) no-repeat center; background-size: 100%;}
.skillfour li.change:nth-child(2) {background: url(xtzhpt_pic_39on.png) no-repeat center; background-size: 100%;}
.skillfour li.change:last-child {background: url(xtzhpt_pic_41on.png) no-repeat center; background-size: 100%;}
.skillfour li.change p { -webkit-line-clamp: unset; } */
/* 安全保障 */
.skillfive ul {display: flex; justify-content: space-between;}
.skillfive li {position: relative; padding: 0 30px; width: 387px; height: 523px;}
.skillfive li:first-child { background: url(xtzhpt_pic_46one.png) no-repeat top center;background-size: 100%;}
.skillfive li:nth-child(2) { background: url(xtzhpt_pic_47two.png) no-repeat top center;background-size: 100%;}
.skillfive li:last-child { background: url(xtzhpt_pic_48three.png) no-repeat top center;background-size: 100%;}
.skillfive li h6 {padding: 16px 0; font-weight: bold; font-size: 20px; color: #FFFFFF;}
.skillfive li dt {padding: 20px;font-weight: 500; font-size: 14px; color: #333333; background: url(xtzhpt_pic_49.png) no-repeat left center;}
.skillfive li dd {padding-left: 20px; line-height: 20px; font-weight: 400; font-size: 14px; color: #999999;}
/* 国产信创 */
.skillsix h6 {margin-top:-25px; margin-bottom: 25px; padding: 16px 100px; width: 100%; height: 80px; font-weight: 400; font-size: 14px; color: #333333; text-align: center; line-height: 24px;background: url(xtzhpt_pic_50.png) no-repeat center;}
.skillsix .mob_skillsixpic {display: none;}
/* maintwo end */

/* mainthree start 以人为本 */
.yrwb{ min-height:680px; }
.yrwb .yrwb_nav {margin-top: 35px;}
.yrwb .zzgl_xq li a {line-height: 30px;}
.yrwb .zzgl_tit {    margin-bottom: 25px;}
/* 切换标题 */
.yrwb_nav,.yswx_nav{ margin:30px 0; text-align: center; }
.yrwb_nav a,.yswx_nav a{ display: inline-block; font-weight: 400; font-size: 22px; }
.yrwb_nav a.act,.yswx_nav a.act{ color: #0175F3; height:44px; background:url(xhx.png) no-repeat bottom center; font-weight: 600; }
.yrwb_nav a{ margin-left:162px; }
.yswx_nav a{ margin-left:122px; }
.yrwb_nav a:first-child,.yswx_nav a:first-child{ margin-left:0; }
/* 左侧 */
.yrwb_con_left,.yswx_con_right{width:450px;}
/*  左侧列表一级样式*/
.zzgl_tit{ display: block; font-weight: 600; color: #999999; background:url(shouqi.png) no-repeat left center; padding-left:18px; margin-bottom:20px; cursor: pointer; }
.zzgl_tit.act{ background:url(zhankai.png) no-repeat left center; color: #0175F3; margin-bottom: 10px; }
/* 二级 */
.zzgl_xq{ margin-left:18px; margin-bottom: 30px; }
.zzgl_xq li a{ display: inline-block; background:url(dian.png) no-repeat left 13px; line-height:32px; padding-left:13px; font-size:14px; cursor: default; font-weight: 400; }
.zzgl .zzgl_img {width: 725px;  height: auto;}
/* .zzgl .zzgl_img img {width: 100%;} */
/* 沟通交流 */
.gtjl .zzgl_tit{ color:#333; }
.gtjl_img span{ float: left; width:40px; height:40px; margin-right:20px; margin-top:28px; margin-bottom:4px; cursor: pointer; }
.gtjl_img span:first-child{ background: url(gt1.png) no-repeat; }
.gtjl_img span:nth-child(2){ background: url(gt2.png) no-repeat; }
.gtjl_img span:nth-child(3){ background: url(gt3.png) no-repeat; }
.gtjl_img span:nth-child(4){ background: url(gt4.png) no-repeat; }
.gtjl_img span.act{ width:76px; height:76px; margin-top:11px; margin-left:-8px; margin-right:10px; }
.gtjl_img span:first-child.act{ background: url(gt1_act.png) no-repeat; }
.gtjl_img span:nth-child(2).act{ background: url(gt2_act.png) no-repeat; }
.gtjl_img span:nth-child(3).act{ background: url(gt3_act.png) no-repeat; }
.gtjl_img span:nth-child(4).act{ background: url(gt4_act.png) no-repeat; }
.gtjl_con li{ width: 422px; height: 52px; padding-left:16px; padding-top:18px; font-size:14px; font-weight:400px; margin-bottom:30px; line-height:24px; }
.gtjl_con li:first-child{ background:url(lsbj.png) no-repeat; }
.gtjl_con li:nth-child(2){ background:url(lsbg.png) no-repeat; }
.gtjl_con li:nth-child(3){ background:url(hsbj.png) no-repeat; }
.gtjl_con li:nth-child(4){ background:url(hsbg.png) no-repeat; }
/* 文化建设 */
.whjs .zzgl_xq li a{ background:none; padding-left:0; }
.whjs .zzgl_img img{ max-width:771px; }
.whjs .yrwb_con_left{ width:330px }
/* 知识流通 */
.zslt{position: relative;}
.zslt .yrwb_con_left{ width:410px; }
.zslt .zzgl_img img:nth-child(3){ position: absolute; right:0;top:0; }
.zslt .zzgl_img img:nth-child(2){ margin-top:10px; }
/* mainthree end */

/* mainfour start 以事为先 */
.yswx{ height:675px; background-image: linear-gradient(180deg, #FBFDFF 0%, #F1F9FF 100%); }
.rwcl .zzgl_tit,.gtjl .zzgl_tit{ background:none; padding-left:0; margin-bottom: 10px; color:#333; }
.rwcl .zzgl_tit.act{ background:none; margin-bottom: 10px; color: #0175F3; }
.rwcl .zzgl_xq,.gtjl .zzgl_xq{ margin-left:0; }
.yswx  .yrwb_nav,.yswx  .yswx_nav{ margin:30px 0 30px;}
.yswx .rwcl:first-child{
    margin-bottom:10px!important;
}
/* 任务处理 */
.rwcl .yswx_con_left  {width: 690px; margin-left: -20px;}
.rwcl .yswx_con_right{width: 440px; padding-top: 0; padding-left: 25px; }
.rwcl .zzgl_xq li a {line-height: 34px;}
/* 消息触达 */
.rwcl.xxcd .yswx_con_right{ width:320px; }
.xxcd .zzgl_img{padding-top:10px;}
.xxcd .zzgl_img img{ max-width:880px; }
/* 高效开会 */
.gxkh{ position: relative; }
.gxkh .zzgl_img{padding-top:10px;}
.gxkh .zzgl_img img{ max-width:964px; position: absolute; right:0; top:0; }
.gxkh .zzgl_img img:nth-child(1){ top:-15px; }
.gxkh .zzgl_xq li a{ background:none; color:#0175F3; padding-left:43px; }
.gxkh .zzgl_xq li a:hover{ color:#0175F3; }
.gxkh .yswx_con_right{ background: url(gxkhbg1.png) no-repeat 7px 9px; min-height:260px; }
.gxkh .zzgl_xq{ margin-bottom:55px; }
.gxkh .zzgl_tit{ padding-left:43px; }
.gxkh .zzgl_tit.act{ background:url(kh_act.png) no-repeat left center; }
.gxkh .zzgl_tit:nth-child(2).act{ margin-top:50px; }
/* 工作审批 */
.gzsp1 .yswx_con_right{width:400px!important;}
.gzsp1 .yswx_con_left{float: right;}
.gzsp{ position: relative; }
.gzsp .zzgl_img{padding-top:10px;}
.gzsp .zzgl_img img{ max-width:964px; position: absolute; right:0; top:0; }
.gzsp .zzgl_xq li a{ background:none; color:#0175F3; padding-left:30px; }
.gzsp .zzgl_xq li a:hover{ color:#0175F3; }
.gzsp .yswx_con_right{ background: url(shuxian.png) no-repeat 5px 9px; min-height:260px; width: 420px; }
.gzsp .zzgl_tit{ padding-left:30px; background:url(sp1.png) no-repeat 1px center; }
.gzsp .zzgl_tit.act{ background:url(sp2.png) no-repeat left center; }
.gzsp  .zzgl_tit{ margin-bottom: 20px; }
.gzsp .zzgl_img img:nth-child(2){ right:5px; }
.gzsp .zzgl_img img:nth-child(3){ right:10px; }
/* 智慧考勤 */
.zhkq{ position: relative; height:472px; }
.zhkq .zzgl_tit{ margin-bottom:20px; }
.zhkq .zzgl_img img{ position: absolute; left:0; bottom:0; }
.zhkq .yswx_con_right { width:430px; }
/* mainfour end */

/* mainfive start 客户案例 */
/* .khal{padding-bottom:20px;} */
.khal ul{ margin-top:35px; margin-bottom: 0; }
.khal ul li{ float: left; margin-left:29px; margin-bottom:30px; width: 275px; height: 100px; border-radius: 16px; font-weight: 600; font-size: 22px; text-align: center; line-height:100px; color:#333; }
.zzgl-shadow {
    color: #113c6b33;
    /*以下为重点*/
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');/* For IE 8 */
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    /* For IE 5.5 - 7 */
    -moz-box-shadow: 0 4px 10px 0 #113c6b33;
    /* for firefox */
    -webkit-box-shadow: 0 4px 10px 0 #113c6b33;
    /* for safari or chrome */
    box-shadow: 0 4px 10px 0 #113c6b33;
    /* for opera or ie9 */
}
.khal ul li:nth-child(1),.khal ul li:nth-child(5){ margin-left:0; }
/* mainfive end */

/* mainsic start 产品资料获取 */
.cpzlhq{ height: 232px; background: #F1F9FF; }
.cpzlhq .big_tit {padding-top: 40px;}
.zl_con{ text-align: center; padding:30px 0; }
.sqty,.lxwm{ display: inline-block; width: 178px; height: 72px; border-radius: 8px; font-weight: 600; font-size: 24px; text-align: center; line-height:72px; border: 1px solid #0175F3; color: #0175F3;}
.lxwm{  margin-left:14px; }
.sqty:hover, .lxwm:hover {background: #0175F3; color: #FFFFFF; }
/* mainsix end */
/* 新增 */
.mob_skill {display: none;}
/* main end */



/* 楼层效果 */
#step {position:fixed;background:url(shuxian.jpg) no-repeat left top;top:50%;right:40px;z-index: 9999;}
/*普通div*/
#step ul {position:relative;z-index:1;margin-top:0px;list-style:none;width:85px;}
#step ul li {float:left;width:85px;line-height:22px;cursor:pointer;font-weight: 500;font-size: 16px;color: #666;margin-bottom:20px;padding-left:20px;}
#step ul li.act{color:#1B7FFC;}
#step ul li:last-child{margin-bottom:0;}
#step .bg_color {background-color:#1B7FFC;display:inline-block;height:21px;width:2px;position:absolute;top:0px;left:0px;}
/*背景图片的话，可以直接用背景定位来做*/
#building .floor {height:933px;position: relative;}


/* 标题 */
.f_bigtit{z-index: 999;position: relative;font-weight: 600;text-align: center;font-size: 32px;color: #333333;line-height: 46px;padding-top:50px;margin-bottom:10px;}
.f_smalltit{z-index: 999;position: relative;line-height: 24px;text-align: center;}
.floor3 a.ljgd,.floor3 a.ljty{width: 116px;height: 44px;background: #FFFFFF;border-radius: 6px;display: inline-block;font-size: 16px;color: #1677FF;text-align: center;line-height: 44px;}
.floor3 a.ljty{margin-left:20px;}
.floor3 .f_btn{width: 258px;margin:20px auto;position: relative;z-index: 999;}

/* 大轮播 */
.slide {width:100%;height:933px;position:relative;overflow:hidden;margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.slide .swiper-container {width:100%;height:933px;}
.slide .swiper-container li {position:relative;}
.slide .swiper-container li  img {z-index:1;width:auto;height:100%;position: absolute;top:0;left:0;right:0;bottom:0;}
.slideTxt {height:933px;z-index: 999;position: relative;}

.slide .swiper-pagination {
  position:absolute;bottom:50px;
  /* background:url(fygif.gif) no-repeat; */
}
.slide .swiper-pagination-bullet {/* opacity: 0; */float:left;width: 40px;height: 4px;background: #BBDDFF;margin-left:10px;border-radius: 3.5px;}
/* .slide span:nth-child(1).swiper-pagination-bullet-active {background:url(fygif1.gif) no-repeat;}
.slide span:nth-child(2).swiper-pagination-bullet-active {background:url(fygif2.gif) no-repeat;}
.slide span:nth-child(3).swiper-pagination-bullet-active {background:url(fygif3.gif) no-repeat;}
.slide span:nth-child(4).swiper-pagination-bullet-active {background:url(fygif4.gif) no-repeat;} */
.slide .swiper-pagination-bullet-active{background: #1890FF;}
.slide .swiper-pagination1{left:48%;}
.slide .swiper-pagination2{left:45%;}
.slide .swiper-pagination3{left:49%;}


.floor1,.floor3{background:#EFF4FC;}
/* 即时通讯 */
.s_con{width:510px;padding-top:190px;}
.s_con_bigtit{font-weight: 600;font-size: 26px;margin-bottom:30px;line-height:37px;padding-left:30px;background:url(dian.png) no-repeat left center;}
.s_con>div{padding:20px 30px 20px 30px;margin-bottom:30px;z-index: 9999;width: 510px;}
.s_con>div.act{
  width: 510px;
  background-image: linear-gradient(105deg, #FFFFFF 0%, #fbfcfe9c 46%, #f7f9fd00 100%, #f7f9fd36 100%);
  border: 1px solid #FFFFFF;
  box-shadow: -18px 0 32px 0 #d4e8ffb8;
  border-radius: 8px;padding:20px 20px 20px 30px;
}
.s_con>div p:first-child{font-weight: 600;font-size: 24px;line-height: 46px;}
.s_con>div.act p:first-child{color: #1886FD;}
.s_con>div p:nth-child(2){font-size: 18px;color: #666666;line-height: 28px;margin-top:10px;}

/* 视频会议 */
.sh_btn a{display: inline-block;width: 96px;height: 36px;background: #E8F3FF;border-radius: 6px;line-height:36px;text-align: center;color:#1677FF;margin-top:20px;}
.sh_btn a.ljty{background:#1886FD;color:#fff;margin-left:10px;}


/* 在线直播 */
.floor3 .s_con{padding-top: 254px;}