/*
* @time Sun Nov 29 2020 15:15:01 GMT+0800 (中国标准时间)
*/
@charset 'utf-8';
body{background: #f4f4f4; position:relative;}
/* icon */
.m-icon{display: inline-block; background: url('/multimediapro/images/icon.png') no-repeat; background-size: 92px 249px;}
/* 清除浮动 */
.clearfix{display: block;}
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* 文字截取 */
.m-text-cut{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
/* video */
.video-box .Vclose{ width:48px; height:48px; cursor:pointer; position: fixed; right:30px; top:30px; background:url(/multimediapro/images/close.png) no-repeat; z-index:999999;}
.video-box{}
.video-box video{ position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1000; width: 100%;height: 100%; object-fit: cover; overflow: hidden; }
/* 轮播图 */
.richpage{width: 100%;}
.header-box .media-banner{width: 100%; max-width: 1920px; margin: 0 auto;}
.header-box .media-warp{overflow: hidden;}
.header-box .swiper-container{width: 100%; height: 100%;}
.header-box .swiper-slide{position: relative; text-align: center; font-size: 18px; background: #fff; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;}
.header-box .swiper-button-prev,
.header-box .swiper-container-rtl .swiper-button-next{width: 40px; height: 40px; background: url('/multimediapro/images/btn_prev.png') no-repeat;}
.header-box .swiper-button-next,
.header-box .swiper-container-rtl .swiper-button-prev{width: 40px; height: 40px; background: url('/multimediapro/images/btn_next.png') no-repeat;}
.header-box .swiper-slide .title{position: absolute; display: block; width: 1200px; margin: 0 auto;}
.header-box .swiper-slide img{display: block; width: 100%;}
/* 四大模块 */
.header-box .info-mod{max-width: 1920px; margin: 0 auto; background: #000000; overflow: hidden;}
.header-box .info-mod .warp{margin-left: -5px; overflow: hidden;}
.header-box .info-mod .warp .mod-box{ float: left; width: 25%;}
.header-box .info-mod .mod{float: left;  height: auto; margin-left: 5px; overflow: hidden; position:relative;}
.mod-A{ border-top:4px solid #ffcb00;}
.mod-A span{ border:2px solid #ffcc00; width:80px; height:30px; line-height:30px; color:#ffcc00; position:absolute; z-index:10; left:50%; margin-left:-40px; bottom:15px; text-align:center;}
.mod-A a:hover span{ border:2px solid #ffcc00; background:#ffcc00; width:80px; height:30px; line-height:30px; color:#333;}
.mod-B{ border-top:4px solid #00cfff;}
.mod-B span{ border:2px solid #00ccff; width:80px; height:30px; line-height:30px; color:#00ccff; position:absolute; z-index:10; left:50%; margin-left:-40px; bottom:15px; text-align:center;}
.mod-B a:hover span{ border:2px solid #00ccff; background:#00ccff; width:80px; height:30px; line-height:30px; color:#333;}
.mod-C{ border-top:4px solid #00d095;}
.mod-C span{ border:2px solid #33cc99; width:80px; height:30px; line-height:30px; color:#33cc99; position:absolute; z-index:10; left:50%; margin-left:-40px; bottom:15px; text-align:center;}
.mod-C a:hover span{ border:2px solid #33cc99; background:#33cc99; width:80px; height:30px; line-height:30px; color:#333;}
.mod-D{ border-top:4px solid #ff5811;}
.mod-D span{ border:2px solid #ff6633; width:80px; height:30px; line-height:30px; color:#ff6633; position:absolute; z-index:10; left:50%; margin-left:-40px; bottom:15px; text-align:center;}
.mod-D a:hover span{ border:2px solid #ff6633; background:#ff6633; width:80px; height:30px; line-height:30px; color:#333;}
.header-box .info-mod .mod a{display: block;}
.header-box .info-mod .mod a img{display: block; font-size: 0; width: 100%; height: 100%;-moz-transition: all 1s;transition: all 1s;}
.header-box .info-mod .mod:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
/* 卡片模块 */
.richpage .card-box{width: 1048px; height: 845px; margin: 75px auto;}
.richpage .card-box .hot{position: relative; float: left; width: 693px; height: 406px; margin-right: 15px; box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);
    -webkit-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);
    -moz-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);-ms-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);
}
.richpage .card-box .hot img{position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 100%; height: 100%; }
.richpage .card-box .hot .main{position: absolute; z-index: 2; width: 100%; height: 100%; top: 0;}
.richpage .m-icon-hot{margin: 28px 0 0 -10px; width: 92px; height: 46px; background-position: 0 0;}
.richpage .m-icon-new{ position: absolute; top: 0; margin: 28px 0 0 -10px; width: 92px; height: 46px; background-position: 0 -56px;}
.richpage .card-box .sup{position: absolute; min-width: 74px; height: 17px; line-height: 17px; padding: 0 10px; font-size: 12px;font-weight: bold; color: #133246; text-align: center; box-sizing: border-box;}
.richpage .card-box .sup-bg-blue{background: #00ccff;}
.richpage .card-box .sup-bg-yellow{background: #ffcc00;}
.richpage .card-box .sup-bg-green{background: #33cc99;}
.richpage .card-box .sup-bg-orange{background: #ff6633;}
.richpage .card-box .main .sup{bottom: 127px; left: 24px;}
.richpage .card-box .mod-card .sup{bottom: 169px; left: 20px;}
.richpage .card-box .tit{position: absolute; padding: 20px 0; line-height: 24px; font-size: 18px; font-weight: bold; color: #fff; margin-top: 20px;}
.richpage .card-box .tit a{display: block; margin-right: 24px; color: #fff;}
.richpage .card-box .main .tit{bottom: 68px; left: 24px;}
.richpage .card-box .mod-card .tit{top: 214px; left: 20px;}
.richpage .card-box .img02 .tit a,
.richpage .card-box .img02 .time,
.richpage .card-box .img02 .footer a{color: #133246;}
.richpage .card-box .img01 .tit a,
.richpage .card-box .img01 .time,
.richpage .card-box .img01 .footer a{color: #fff;}
.richpage .card-box .time{position: absolute; font-size: 14px; color: #fff; margin-top: 28px; font-style: normal;}
.richpage .card-box .main .time{bottom: 50px; left: 24px;}
.richpage .card-box .mod-card .time{bottom: 76px; left: 20px;}
.richpage .card-box .footer{position: absolute; width: 100%; margin-top: 18px; font-size: 12px; overflow: hidden;}
.richpage .card-box .main .footer{bottom: 20px;}
.richpage .card-box .mod-card .footer{bottom: 26px;}
.richpage .card-box .footer p{display: block; margin: 0 24px;}
.richpage .card-box .m-icon-arrow{float: right; width: 17px; height: 12px; margin-top: 3px;}
.richpage .card-box .img02 .m-icon-arrow{background-position: 0 -226px;}
.richpage .card-box .img01 .m-icon-arrow{background-position: 0 -206px;}
.richpage .mod-card{position: relative; float: left; width: 339px; height: 406px; background: #fff;box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);
    -webkit-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);
    -moz-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);-ms-box-shadow: -1px 0px 15px -8px rgba(0,0,0,1);}
.richpage .mod-card:hover img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);}
.richpage .ico-box{position: relative; height: 100%;}
.richpage .mod-card .img-box{position: relative; width: 100%; height: 100%; overflow: hidden;}
.img01 .graybg{ position:absolute; background:url(/multimediapro/images/greenvbg.png) bottom left repeat-x; width:100%; height:100%;}
.richpage .mod-card .img-box img{position: absolute; top: 0; right: 0; left: 0; bottom: 0;width: 100%;-moz-transition: all 1s;transition: all 1s; object-fit: cover;}

.richpage .mod-col-3{width: 339px; height: 406px;}
/* .richpage .mod-col-3 .img-box{width: 339px; height: 230px;} */
.richpage .mod-col-4{width: 240px; height: 396px;}
/* .richpage .mod-col-4 .img-box{width: 240px; height: 198px;} */
.richpage .mod-card .m-icon-play{position: absolute; top: 28%; left: 50%; width: 80px; height: 80px; margin: -40px 0 0 -40px; background-position: -5px -108px; cursor: pointer;}
.richpage .mod-col-4 .m-icon-play{ top: 25%;}

.richpage .mod-list{margin-top: 30px; margin-left: -15px;}
.richpage .mod-list .mod-card{margin-left: 15px;}
/* 身临其境 */
.scene-box{position: relative; width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
/* 背景图 */
.richpage .scene-box .scene-bg{position: relative; height: 820px; max-width: 1920px; overflow: hidden; }
.richpage .scene-box .scene-bgA{background: url('/multimediapro/images/IMG_BG001.jpg') no-repeat; background-position: center center;}
.richpage .scene-box .scene-bgB{background: url('/multimediapro/images/IMG_BG002.jpg') no-repeat; background-position: center center;}
.richpage .scene-box .scene-bgC{background: url('/multimediapro/images/IMG_BG003.jpg') no-repeat; background-position: center center;}
.richpage .scene-box .scene-bgD{background: url('/multimediapro/images/IMG_BG004.jpg') no-repeat; background-position: center center;}

.richpage .scene-content{position: relative; width: 1129px; height: 100%; margin: 0 auto; padding-top: 55px; overflow: hidden; box-sizing: border-box;}
.richpage .scene-content .mod-left{display: inline-block;}

/* 模块动画 */
.richpage .scene-an{position: absolute; top: 50%; left: 50%;}
/* 身临其境*动画 */
.richpage .an-slqj-01,
.richpage .an-slqj-02{width: 1446px; height: 736px; margin:-333px 0 0 -723px ;}
.richpage .an-slqj-01{background: url('/multimediapro/images/an-modA-IMG001.png') no-repeat; background-position: center center;  -webkit-animation: an_slqj_a 2.5s infinite 1s; animation: an_slqj_a 2.5s infinite 1s;}
@-webkit-keyframes an_slqj_a{0%{transform:translate(0,0);}50%{transform:translate(0,20px);}100%{transform:translate(0,0);}}@keyframes an_slqj_a{0%{transform:translate(0,0);}50%{transform:translate(0,20px);}100%{transform:translate(0,0);}}
.richpage .an-slqj-02{background: url('/multimediapro/images/an-modA-IMG002.png') no-repeat; background-position: center center;  -webkit-animation:an_slqj_b 2.8s infinite 1.5s;animation:an_slqj_b 2.8s infinite 1.5s;}
@-webkit-keyframes an_slqj_b{0%{transform:translate(0,0);}50%{transform:translate(0,20px);}100%{transform:translate(0,0);}}@keyframes an_slqj_b{0%{transform:translate(0,0);}50%{transform:translate(0,20px);}100%{transform:translate(0,0);}}
/* 卫星新闻 */
.richpage .an-wxxw-01,
.richpage .an-wxxw-02{width: 1275px; height: 984px; margin: -488px 0 0 -524.5px;}
.richpage .an-wxxw-01{background: url('/multimediapro/images/an-modB-IMG001.png') no-repeat; background-position: center center;  -webkit-animation: an_wxxw_a 2.5s infinite 1s; animation: an_wxxw_a 2.5s infinite 1s;}
@-webkit-keyframes an_wxxw_a{0%{transform:translate(0,0);}50%{transform:translate(0,10px);}100%{transform:translate(0,0);}}@keyframes an_wxxw_a{0%{transform:translate(0,0);}50%{transform:translate(0,10px);}100%{transform:translate(0,0);}}
.richpage .an-wxxw-02{ margin: -398px 0 0 -524.5px; background: url('/multimediapro/images/an-modB-IMG002.png') no-repeat; background-position: center center;  -webkit-animation:an_wxxw_b 2.8s infinite 1.5s;animation:an_wxxw_b 2.8s infinite 1.5s;}
@-webkit-keyframes an_wxxw_b{0%{transform:translate(0,0);}50%{transform:translate(0,15px);}100%{transform:translate(0,0);}}@keyframes an_wxxw_b{0%{transform:translate(0,0);}50%{transform:translate(0,15px);}100%{transform:translate(0,0);}}
/* 数据可视化 */
.richpage .an-sjksh-01,
.richpage .an-sjksh-02{width: 1686px; height: 726px; margin: -363px 0 0 -843px;}
.richpage .an-sjksh-01{background: url('/multimediapro/images/an-modC-IMG001.png') no-repeat; background-position: center center;  -webkit-animation:an_sjksh_a 2.5s ease 1s infinite;animation:an_sjksh_a 2.5s ease 1s infinite;}
@-webkit-keyframes an_sjksh_a{0%{opacity: 1;}100%{opacity: 1;}}@keyframes an_sjksh_a{0%{opacity: 1;transform:translate(0,0);}50%{opacity: 1;transform:translate(0,5px);}100%{ opacity: 1;transform:translate(0,0);}}
.richpage .an-sjksh-02{ background: url('/multimediapro/images/an-modC-IMG002.png') no-repeat; background-position: center center;  -webkit-animation:an_sjksh_b 2.5s ease 1.5s infinite;animation:an_sjksh_b 2.5s ease 1.5s infinite;}
@-webkit-keyframes an_sjksh_b{0%{opacity: 0;}100%{opacity: 1;}}@keyframes an_sjksh_b{0%{opacity: 1;transform:translate(0,0);}50%{transform:translate(0,6px);}100%{ opacity: 1;transform:translate(0,0);}}
/* 5G+AI */
.richpage .an-5gAi-01,
.richpage .an-5gAi-02{ width: 1523px; height: 823px; margin:-411.5px 0 0 -761.5px ;}
.richpage .an-5gAi-01{background: url('/multimediapro/images/an-modD-IMG001.png') no-repeat; background-position: center center;  -webkit-animation:an_5gAi_a 2.5s ease 1s infinite;animation:an_5gAi_a 2.5s ease 1s infinite;}
@-webkit-keyframes an_5gAi_a{0%{opacity: 1;}100%{opacity: 1;}}@keyframes an_5gAi_a{0%{opacity: 1;transform:translate(0,0);}50%{opacity: 1;transform:translate(0,2px);}100%{ opacity: 1;transform:translate(0,0);}}
.richpage .an-5gAi-02{ background: url('/multimediapro/images/an-modD-IMG002.png') no-repeat; background-position: center center;  -webkit-animation:an_5gAi_b 2.5s ease 1.5s infinite;animation:an_5gAi_b 2.5s ease 1.5s infinite;}
@-webkit-keyframes an_5gAi_b{0%{opacity: 0;}100%{opacity: 1;}}@keyframes an_5gAi_b{0%{opacity: 1;transform:translate(0,0);}50%{transform:translate(0,8px);}100%{ opacity: 1;transform:translate(0,0);}}

/* 标题 */
.richpage .scene-bgA .mod-tit{width: 815px; height: 234px; background: url('/multimediapro/images/scene_titA.png') no-repeat; background-position: -80px 0;}
.richpage .scene-bgB .mod-tit{ width: 856px; height: 234px; background: url('/multimediapro/images/scene_titB.png') no-repeat; background-position: -80px 0;}
.richpage .scene-bgC .mod-tit{ width: 996px; height: 233px; background: url('/multimediapro/images/scene_titC.png') no-repeat; background-position: -80px 0;}
.richpage .scene-bgD .mod-tit{ width: 891px; height: 221px; background: url('/multimediapro/images/scene_titD.png') no-repeat; background-position: -80px 0;}

.richpage .scene-content .mod-left .mod-text{margin-top: 50px; width: 300px; line-height: 28px; font-size: 17px; color: #fff; text-align: justify;}
.richpage .scene-content .mod-left .mod-star{ display: inline-block; margin-top: 20px; padding: 0 10px; height: 30px; line-height: 30px; background: #f9c700; border-radius: 4px;font-weight: bold; box-sizing: border-box;}
.richpage .scene-content .mod-left .mod-star .m-icon-star{ display: inline-block; width: 18px; height: 18px; margin-right: 4px; background-position: -54px -214px; vertical-align: -3px;}
.richpage .scene-content .mod-left .mod-btn{ position: absolute; bottom: 225px;}
.richpage .scene-content .mod-left .mod-btn a{display: block; width: 108px;height: 35px;line-height: 34px; font-size: 18px; text-align: center; border: 1px solid #fff; color: #fff;}
.richpage .scene-content .mod-right{position: absolute; display: inline-block; left: 528px;bottom: 225px; font-size: 0;}
.richpage .mod-right .mod-li{display: inline-block; width: 267px; height: 320px; margin-right: 28px; float:left; }
/* 模块背景图 */
.richpage .scene-bgA .mod-right .mod-li{background: url(/multimediapro/images/scene_cont_bgA.png) no-repeat;}
.richpage .scene-bgB .mod-right .mod-li{background: url(/multimediapro/images/scene_cont_bgB.png) no-repeat;}
.richpage .scene-bgC .mod-right .mod-li{background: url(/multimediapro/images/scene_cont_bgC.png) no-repeat;}
.richpage .scene-bgD .mod-right .mod-li{background: url(/multimediapro/images/scene_cont_bgD.png) no-repeat;}

.richpage .scene-content .mod-right .mod-img,
.richpage .scene-content .mod-right .mod-img img{width: 242px; height: 136px; margin: 10px auto;}
.richpage .scene-content .mod-right .mod-img img{-moz-transition: all 1s;transition: all 1s;}
.richpage .scene-content .mod-right .mod-img:hover img {-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);transform: scale(1.03);}

.richpage .scene-content .mod-right .mod-tit-h3{margin: 25px 15px 0; font-size: 16px; line-height: 22px; color: #fff;}
.richpage .scene-content .mod-right .mod-tit-h3 a{color: #fff;}
.richpage .scene-content .mod-right .mod-tit-h4{margin: 22px 15px 0; font-size: 13px; letter-spacing: 1px; line-height: 22px; color: #ddd9db; border-left: 2px solid #fff;}
.richpage .scene-content .mod-right .mod-tit-h4 span{display: block; margin: 0 5px 2px 15px; line-height: 18px;}
/* tag */
.richpage .mod-left .mod-tag .tag{display: inline-block; min-width: 65px; padding: 0 10px; margin-right: 13px; line-height: 28px; text-align: center; color: #000033; font-weight: bold; box-sizing: border-box;}
.richpage .scene-bgA .mod-left .mod-tag .tag-a{background: #fac800;}
.richpage .scene-bgA .mod-left .mod-tag .tag-b{background: #f99500;}
.richpage .scene-bgA .mod-left .mod-tag .tag-c{background: #ef6a3d;}

.richpage .scene-bgB .mod-left .mod-tag .tag-a{background: #00c6f7;}
.richpage .scene-bgB .mod-left .mod-tag .tag-b{background: #95c6f8;}
.richpage .scene-bgB .mod-left .mod-tag .tag-c{background: #96dff8;}

.richpage .scene-bgC .mod-left .mod-tag .tag-a{background: #32c6c6;}
.richpage .scene-bgC .mod-left .mod-tag .tag-b{background: #64f8f8;}
.richpage .scene-bgC .mod-left .mod-tag .tag-c{background: #64f9f9;}

.richpage .scene-bgD .mod-left .mod-tag .tag-a{background: #fc6533;}
.richpage .scene-bgD .mod-left .mod-tag .tag-b{background: #f06a3e;}
.richpage .scene-bgD .mod-left .mod-tag .tag-c{background: #f55019;}
/* 列表 */
.richpage .scene-list{margin-left: -20px;}
.richpage .scene-list .mod-card{margin-left: 20px; margin-bottom: 20px;}
.richpage .scene-list .mod-card .sup{bottom: 190px;}
.richpage .scene-list .mod-card .tit{top: 190px;}
.richpage .scene-list .card-box{margin: -40px auto 55px;}

/* footer */
.scene-footer{position: relative; width: 100%; max-width: 1920px; height: 374px; margin: 0 auto; background: url('/multimediapro/images/IMG_footer.jpg') no-repeat; background-position: center center; overflow: hidden;}
.scene-footer .scene-footer-cont{width: 1129px; height: 100%; margin:0 auto; text-align: center;}
.scene-footer .mod-tit{width: 606px; height: 191px; margin: 0 auto 20px; background: url('/multimediapro/images/IMG_footer_tit.png') no-repeat;}
.scene-footer .mod-5g{ display: inline-block; padding: 0 14px; font-size: 17px; color: #fff; height: 35px; line-height: 35px; border: 1px solid #fff; border-radius: 4px; box-sizing: border-box;}
.scene-footer .mod-txt{ margin-top: 37px; color: #fff; font-size: 14px;}

/* 动画 */
.anMedia{
    -webkit-animation:fadeOutUp .5s ease forwards;
    animation:fadeOutUp .5s ease forwards;
}
@-webkit-keyframes fadeOutUp{
    0%{
        opacity:.2;-webkit-transform:translateY(100%);transform:translateY(100%)
    }
    100%{
        opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
    }
}
@keyframes fadeOutUp{
    0%{
        opacity:.2;-webkit-transform:translateY(100%);transform:translateY(100%)
    }
    100%{
        opacity:1;-webkit-transform:translateY(0);transform:translateY(0)
    }
}