@charset "utf-8";
body{font-family:'Source Han Sans CN';}
/* 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%;overflow:hidden;text-align:left;position:relative;height:380px;}
.s_con_bigtit{margin-bottom:16px;line-height:56px;font-size: 40px;color: #000000;font-weight: 600;}
.s_con{padding-top:80px;width:505px;}
.s_con_smalltit{font-size: 24px;color: #000000;line-height:33px;font-weight: 400;}
.s_con>a{display: block;position:absolute;left:0;bottom:95px;width: 180px;height:50px;text-align: center;line-height:50px;color:#fff!important;background: #4E6AFE;border-radius: 8px;}


/* 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;}
/* 安全保障 */
.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 */


/* 大轮播 */
.slide1 {width:100%;height:380px;position:relative;overflow:hidden;margin:0 auto;position: absolute;top:0;left:0;right:0;bottom:0;}
.slide .swiper-container {width:100%;height:380px;}
.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:380px;z-index: 999;position: relative;}

.slide .swiper-pagination {
  position:absolute;bottom:42px;
}
.slide .swiper-pagination-bullet {opacity:1; float:left;width: 50px;height: 5px;background: #fff;margin-right:20px;border-radius: 2.5px;}
.slide .swiper-pagination-bullet-active{background: #4E6AFE;}

.main{position: relative;}
/* 闪会直播培训大切换 */
.bigqiehuan{width:808px;height:100px;margin:50px auto 0;position: relative;z-index: 9999;margin-bottom:-150px;}
.bigqiehuan1{background: url(titbg1.png) no-repeat;}
.bigqiehuan2{background: url(titbg2.png) no-repeat;}
.bigqiehuan span{float: left;width:50%;line-height:100px;color:#333;font-size:24px;}
.bigqiehuan span:first-child{background:url(sh.png) no-repeat 140px center;padding-left:226px;}
.bigqiehuan span:nth-child(2){background:url(zb.png) no-repeat 113px center;padding-left:203px;}
.bigqiehuan1 span:first-child{color:#fff;}
.bigqiehuan2 span:nth-child(2){color:#fff;}
/* 闪会第一块*/
.floor1{width:100%;height:680px;position: relative;}
.floor1 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:190px;}
.floor1 .f1_con1{background:url(hkh1.png) no-repeat top #F6F9FD;}
.floor1 .f1_con2{background:url(hkh2.png) no-repeat top #F6F9FD;}
.f_bigtit{font-size: 32px;line-height: 46px;font-weight: 600;text-align: center;position: relative;z-index: 9999;}
/* 切换信息 */
.f_con{width:520px;padding-top:60px;}
.f_con>div{padding:20px 30px 20px 30px;margin-bottom:30px;z-index: 9999;width: 510px;}
.f_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 30px 30px;
}
.f_con>div p:first-child{font-weight: 600;font-size: 24px;line-height: 46px;}
.f_con>div.act p:first-child{color: #4E6AFE ;}
.f_con>div p:nth-child(2){font-size: 18px;color: #666666;line-height: 28px;margin-top:10px;}

/* 闪会第二块*/
.floor2{width:100%;height:580px;position: relative;}
.floor2 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:40px;}
.floor2 .f1_con1{background:url(dhd1.png) no-repeat top #EFF4FC;}
.floor2 .f1_con2{background:url(dhd2.png) no-repeat top #EFF4FC;}

/* 闪会第三块*/
.floor3{width:100%;height:580px;position: relative;}
.floor3 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:40px;}
.floor3 .f1_con1{background:url(ai1.png) no-repeat top #F6F9FD;}
.floor3 .f1_con2{background:url(ai2.png) no-repeat top #F6F9FD;}

/* 闪会第四块*/
.floor4{width:100%;height:580px;position: relative;}
.floor4 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:40px;}
.floor4 .f1_con1{background:url(qxgk1.png) no-repeat top #EFF4FC;}
.floor4 .f1_con2{background:url(qxgk2.png) no-repeat top #EFF4FC;}

/* 闪会第五块*/
.floor5{width:100%;height:580px;position: relative;}
.floor5 .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:40px;}
.floor5 .f1_con1{background:url(bdbs1.png) no-repeat top #F6F9FD;}
.floor5 .f1_con2{background:url(bdbs2.jpg) no-repeat top #F6F9FD;}

/* 第六块轮播 */
.floor6{width:100%;height:633px;position: relative;background:url(floor6.png) no-repeat top;padding-top:50px;}

.slide2{padding-top:52px;height:495px;}
.slide2 .swiper-pagination{bottom:60px;left:605px}
.swiper-container2 {margin-left:auto;margin-right:auto;position:relative;z-index:1;height:485px;padding-top:45px;}
.swiper-container2 .swiper-container-no-flexbox .swiper-slide {float:left}
.swiper-container2 .swiper-container-vertical>.swiper-wrapper {-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}
.swiper-container2 .swiper-wrapper {position:relative;width:10%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;}
.swiper-container2 .swiper-wrapper {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.swiper-container2 .swiper-slide {position:relative;padding:0;border-radius: 8px;}
.swiper-container2 .swiper-pagination {position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}
.swiper-container2 .swiper-pagination-bullet {width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2;margin:0 5px;cursor:pointer;}
.banner-box {width:100%;float:left;position:relative;overflow:hidden;height:485px;}
.swiper-container2 {width:1400px;margin:0 auto;margin-left:-153px;}
.swiper-container2 .swiper-slide {-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d;transform:scale(.77);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;-webkit-transition:transform 1.0s;-moz-transition:transform 1.0s;-ms-transition:transform 1.0s;-o-transition:transform 1.0s;-webkit-transform:scale(0.77);-moz-box-shadow:rgba(0,0,0,.2) 0px 0px 30px;height:312px;}
.swiper-container2 .swiper-slide-active,.swiper-slide-duplicate-active {-webkit-transform:scale(1.28);margin:0 51.2px;transform:scale(1.28);}

.yb_con{
  width:466.67px;height:312px;
  background-size: 100%!important;
  color:#fff;text-align: center;padding-top:210px;font-size:28.5px;font-weight:500;
}
.act_con{display: none;background-size: 100%!important;width:466.67px;height:299px;padding:171.1px 22.65px 22.65px;}
.act_con p:first-child{font-size: 18.75px;color: #4E6AFE;line-height: 35.94px;font-weight: 600;margin-bottom:7.8px;}
.act_con p:nth-child(2){font-size: 14.06px;color: #333333;text-align: justify;line-height: 25px;font-weight: 400;}
.swiper-container2 .swiper-slide-active .act_con,.swiper-slide-duplicate-active .act_con{display: block;}
.swiper-container2 .swiper-slide-active .yb_con,.swiper-slide-duplicate-active .yb_con{display: none;}


/* 直播第1块*/
.znpx .floor{width:100%;height:580px;position: relative;}
.znpx .floor .f1_con{position: absolute;top:0;left:0;right:0;bottom:0;padding-top:199px;}
.znpx .floor .f_con>div{padding:0;width:450px;}
.znpx .floor .f_con>div p:nth-child(2){margin-top:24px;line-height:32px;}
.znpx .floor .f_con{padding-top:0;width:450px;}
.znpx .floor.floor7 .f_con{padding-top:51px;}
.floor7 .f1_con1{background:url(zbpx1.jpg) no-repeat top #F6F9FD;}
.floor8 .f1_con1{background:url(zbpx2.jpg) no-repeat top #F6F9FD;}
.floor9 .f1_con1{background:url(zbpx3.jpg) no-repeat top #F6F9FD;}
.floor10 .f1_con1{background:url(zbpx4.jpg) no-repeat top #F6F9FD;}
.floor11 .f1_con1{background:url(zbpx5.jpg) no-repeat top #F6F9FD;}
.floor12{background: #F7F9FD;padding-top:101px;}
.floor12 .f_bigtit{font-size: 40px;font-weight: 500;}
.floor12 ul{width: 1080px;margin:88px auto 0;}
.floor12 ul li{float:left;width:160px;font-size:20px;font-size: 20px;letter-spacing: 0;text-align: center;line-height:28px;margin-left:70px;}
.floor12 ul li p{margin-top:32px;}
.floor12 ul li:first-child{margin-left:0;}