/*-- 内容页标题 --*/
.content-title {}
.content-title h2 {}
.content-title p {color:#999999; font-size:12px; margin-bottom:5px;}
.content-title .special {margin-top:50px; display: inline-block; position: relative; } 
.content-title .special p::after {position: absolute; top:-9px; left:-30px;  content: ""; display: block; width:24px; height:19px; background: url(../images/ico/ico-30.png) no-repeat; }
.content-title .special p::before {position: absolute; bottom:0px; right:-30px; content: ""; display: block; width:24px; height:19px; background: url(../images/ico/ico-31.png) no-repeat; }
.content-title.smali p {font-size:14px;}

.live-banner {height: 526px; text-align: center; padding-top:190px; background: url(../images/bg/live-banner.png) no-repeat center center; background-size: cover;}
.live-banner h2 {color:#ffffff; font-size:64px; padding:0px; margin: 0px 0px 20px 0px;}
.live-banner p {color:#ffffff; font-size:18px;}


.sys_build {padding:60px 0px;}
.sys_build .txt {text-align: center;}
.sys_build .txt strong {font-size:18px; color:#333333; font-weight: normal;}
.sys_build .txt .img {overflow: hidden; margin-top:20px;   }
.sys_build .txt .img img { transition: all 0.6s;}
.sys_build .txt .img:hover img {transform: scale(1.2);}
.sys_build .txt p {color:#999999; font-size:12px; padding-top: 15px;}
 
/*-- 直播系统搭建 --*/
.live-ad {height: 295px; padding:116px 15px 0px 15px;   background: url(../images/bg/live_ad_bg.png) no-repeat center center #363c46;}
.live-ad p {color:#ffffff; font-size: 28px; text-align: center; margin-bottom:20px;}
 
/*-- 直播服务 --*/
.live-server {padding:60px 0px;  }
.live-server .item.middle {margin:0px auto;}
.live-server .item {width:331px; height:193px; padding:35px 0px 0px 28px; background: url(../images/bg/live-server-bg.png) no-repeat;}
.live-server .item strong {font-size:22px; color:#ffffff; font-weight: normal;}
.live-server .item p {font-size:14px; color:#ffffff; font-weight: normal; padding:15px 0px 5px 0px;}
.live-server .item a {display: block; width:126px; height:40px;  font-weight: bold; color:#0066ff; text-align: center; line-height:40px; cursor: pointer; background: url(../images/bg/live-server-more-bg.png) no-repeat; }

/*-- 我们的优势 --*/
.live-advantage {padding:60px 0px;}
.live-advantage .content-title {margin-bottom:70px;}
.live-advantage .row:first-child {padding-bottom:55px;}
.live-advantage .txt {text-align: center; margin: 0px auto; width:175px;}
.live-advantage .txt .ico {display: block; width:84px; height:84px; margin:0px auto 30px;}
.live-advantage .txt .ico-01 {background:url(../images/ico/ico-14.png) no-repeat center center; }
.live-advantage .txt .ico-02 {background:url(../images/ico/ico-15.png) no-repeat center center; }
.live-advantage .txt .ico-03 {background:url(../images/ico/ico-16.png) no-repeat center center; }
.live-advantage .txt .ico-04 {background:url(../images/ico/ico-17.png) no-repeat center center; }
.live-advantage .txt .ico-05 {background:url(../images/ico/ico-18.png) no-repeat center center; }
.live-advantage .txt .ico-06 {background:url(../images/ico/ico-19.png) no-repeat center center; }
.live-advantage .txt strong {font-size:18px; color:#333333; font-weight: normal;}
.live-advantage .txt p {font-size:12px; color:#999999; padding-top:15px; }
 

/*-- 服务内容及平台优势 --*/
.live-service  {height:606px; padding-top:60px; background: url(../images/bg/live-service-bg.png) no-repeat ; background-size:cover ;}
.live-service .content-title {color:#ffffff;}
.live-service .content-title p {color:#ffffff;}
.live-service .cxt {padding-top:40px;}
.live-service .program {border-top:4px solid #0066ff; height:365px; background: #ffffff; position: relative;}
.live-service .hot {position: absolute; top:-4px; right:0px; width:53px; height: 53px; background: url(../images/bg/bg-05.png) no-repeat;}
.live-service .program h3 {padding:0px; margin:0px; line-height: 68px; color: #0066ff; text-align: center; height:68px; border-bottom: 1px dotted #ccccff;  font-size:18px;}
.live-service .lists {margin:0px; padding:40px 20px 0px 20px; list-style-type: none;} 
.live-service .lists li {margin:0px ;  line-height:30px; padding:0px 0px 0px 15px; color:#333333; background: url(../images/ico/ico-20.png) no-repeat left;}
.live-service .lists li a {color:#333333; }
.live-service .program-01 {background: url(../images/bg/bg-01.png) no-repeat bottom right #ffffff;}
.live-service .program-02 {background: url(../images/bg/bg-02.png) no-repeat bottom right #ffffff;}
.live-service .program-03 {background: url(../images/bg/bg-03.png) no-repeat bottom right #ffffff;}
.live-service .program-04 {background: url(../images/bg/bg-04.png) no-repeat bottom right #ffffff;}

/*-- 平台可实现目前所需的众多功能 --*/
.live-function {padding:60px 0px; text-align:center;} 
.live-function img {display: block; margin:0px auto 15px; }
.live-function a {color:#666666; font-size:14px;}
.live-function .cxt {padding-top: 50px;}
.live-function .cxt .row:first-child {margin-bottom:35px;}

/*-- 详情 --*/
.live-details {padding:80px 0px 0px 0px;}
.live-details .row {margin-bottom:60px;}
.live-details .img {text-align: center;}
.live-details .txt {padding-top:20px;}
.live-details .txt h3 {color:#333333; font-size:36px; margin-bottom:35px;}
.live-details .txt ul {list-style: none; margin:0px; padding:0px;}
.live-details .txt li {margin:0px 0px 15px 0px; padding:0px; font-size: 16px; color:#333333;}
.live-details .txt li i {display:inline-block; width:32px; height:14px; background: url(../images/ico/ico-29.png) no-repeat left;}
.live-details .txt p {margin:0px; padding:0px 0px 0px 32px; font-size:14px; color:#666666;}
 

.live-description {padding:60px 0px;}
.live-description .item {margin-top:37px;}
.live-description .item .txt {text-align: center;}
.live-description .item .txt .img {text-align: center; margin-bottom: 15px;}
.live-description .item .txt {text-align: center;}
.live-description .item .txt span {color:#666666; font-size:16px;}

/*-- about --*/
.about-desc {height: 526px; padding-top:180px; text-align: center; background:url(../images/bg/about-bg.png) no-repeat center center; background-size:cover ;}
.about-desc img {margin:0px auto;}

.about-info {padding:60px 0px;}
.about-info h3 {font-size:36px; color:#333333; font-weight: normal; text-align: center; margin-bottom: 50px;}
.about-info .cxt {color:#666666;}
.about-info .cxt  p {color:#666666; font-size:14px; margin-bottom:15px;}

/*-- 产品套餐 --*/
.suit-box {margin:60px 0px;}
.suit-box h3 {color:#333333; text-align: center; padding:0px; margin:0px;}
.suit-box .suit-details {border:1px solid #e3e9ed; margin-top:40px; height:340px;margin-bottom:60px;}
.suit-box .suit-details .summary {/* float: left; width:28%;  */border-right:1px solid #e3e9ed;  height:340px;  padding:30px 0px 0px 30px;}
.suit-box .suit-details .summary .contact-box {}
.suit-box .suit-details .summary .contact-box b {display: block; font-size:14px; color:#666666; font-weight: normal;}
.suit-box .suit-details .summary .contact-box strong {display: block; font-size:30px; color:#ff6600;}
.suit-box .suit-details .summary .contact-box span {display: block; font-size:12px; color:#999999;}
.suit-box .suit-details .summary .contact-box p { font-size:12px; color: #000000; padding:20px 0px 10px 0px;}

.suit-box .suit-details .summary .card {font-size:12px; color:#666666; margin-bottom: 10px; }
.suit-box .suit-details .summary .card p {margin-bottom: 0px;}
.suit-box .suit-details .product {/* float:left; width:24%;   */height:338px; padding-top:40px; position: relative;background: #122173; background: linear-gradient(to bottom, #122173 0%,#2938c9 100%);}
.suit-box .suit-details .r-products{padding: 0;}
.suit-box .suit-details .product-01 {border-right: 1px solid #e3e9ed;}
.suit-box .suit-details .product-02 {border-right: 1px solid #e3e9ed; /* background: #ffae21; background: linear-gradient(to bottom, #ffae21 0%,#ff8522 100%); */}
.suit-box .suit-details .product-03 {/* background: #a355f7; background: linear-gradient(to bottom, #a355f7 0%,#761fe0 100%); */}
.suit-box .suit-details .product i{position: absolute;right: 0;bottom: 0;}
.suit-box .suit-details .product-01 i{background: url('../images/temp/zf_18.png') no-repeat 0 0;width:136px;height: 158px;}
.suit-box .suit-details .product-02 i{background: url('../images/temp/zf_21.png') no-repeat 0 0;width:146px;height: 155px;}
.suit-box .suit-details .product-03 i{background: url('../images/temp/zf_24.png') no-repeat 0 0;width:117px;height: 145px;}
.suit-box .suit-details .vers {text-align: center; color:#ffffff; font-size:22px; position: relative;}
.suit-box .suit-details .vers::after {content:""; display: block; width:24px; height:2px; background: #ffffff; position: absolute; bottom:-8px; left:50%; margin-left:-12px; } 
.suit-box .suit-details .price {text-align: center; color:#ffffff; font-size:36px; padding:50px 0px 55px; }
.suit-box .suit-details .price span {font-size:14px; }
.suit-box .suit-details .advisory {position: absolute; bottom:50px; left:12%; font-size:16px; display: block; width:76%; height:48px; line-height: 48px; text-align: center;  border-radius:3px; background: #ffffff;color: #005eea;}
/* .suit-box .suit-details .product-02 .advisory {color:#ff8622;}
.suit-box .suit-details .product-03 .advisory {color:#7721e1;} */
.suit-box .suit-details .product .txt {/* padding:0px 32px;  */text-align: center; color:#ffffff; padding-top:30px;}
.suit-box .suit-details .product .txt strong {font-weight:normal; font-size:16px;}
.suit-box .suit-details .product .txt p {padding-top:20px; font-size:12px;}
.price-list{list-style: none;margin-top:40px;margin-bottom: 60px;padding: 0;}
.price-list li{height:343px;padding:25px 30px;border-radius: 5px;color: #fff;background: url('../images/temp/zf_03.jpg') no-repeat 0 0;position: relative;margin-right: 4px;margin-bottom: 10px;-webkit-background-size: cover;-ms-background-size: cover;background-size: cover;width: 19.6%;margin-right: 0.5%;overflow: hidden;}
.price-list li.price2{background-image: url('../images/temp/zf_05.jpg');}
.price-list li.price3{background-image: url('../images/temp/zf_07.jpg');}
.price-list li.price4{background-image: url('../images/temp/zf_09.jpg');}
.price-list li.price5{background-image: url('../images/temp/zf_11.jpg');}
.price-list li:last-child{margin-right: 0;}
.price-list li h5{text-align: center;font-size: 24px;margin-bottom: 20px;}
.price-list li p{font-size: 14px;opacity: 0.7;}
.price-list li .price{position: absolute;left:30px;right:30px;bottom:110px;overflow: hidden;}
.price-list li .price-item{font-size: 14px;}
.price-list li .price-item:first-child{float: left;}
.price-list li .price-item:last-child{float: right;}
.price-list li .split-line{position: absolute;left: 50%;top:22%;width: 1px;height:60%;border-left: 1px solid #92a0b5;}
.price-list li .price-item strong{font-size:28px;font-weight: normal;display: block;}
.price-list li .advisory{position: absolute;bottom:30px;left: 18%;font-size: 16px;display: block;width:64%;height: 48px;line-height: 48px;text-align: center;border-radius: 3px;background: #ffffff;color: #005eea;}




/*-- 服务项目 --*/
.project-server {height:526px;  padding-top:145px; background: url(../images/bg/project-server-bg.png) no-repeat center center; background-size: cover;}
.project-server h3 {font-size:48px; color:#ffffff; font-weight: normal; margin-bottom:50px;}
.project-server p {font-size:18px; color:#ffffff;}

.project-lists {padding:60px 0px;}
.project-lists .item:first-child {margin-bottom:140px;}
.project-lists .item h3 {margin-bottom:40px; font-size:36px; color:#333333;} 
.project-lists .item p { font-size:16px; color:#666666;line-height: 1.5;} 
.project-lists .item .more {display: block; width:170px; height:55px; margin-top:40px; text-align:center; line-height:55px; border-radius:3px; color:#ffffff; background: #0066ff; font-size:16px;}
.project-lists .item .last {padding-left:170px; }
.project-lists .item .first {padding-right:170px; }

.pop-html {font-size:14px; color:#333333; padding:45px 0px 0px 0px;} 
.pop-html .item {clear: both; padding-top: 15px;}
.pop-html .btn-save {background: #0166ff; border:1px solid #dfe3e9; color:#ffffff;}
.pop-html .btn-white {background: #ffffff; border:1px solid #dfe3e9; }
.pop-html .btn-list {padding-top:35px;}

.video-introduce {padding:60px 0px 0px;}
.video-introduce .content-title {text-align: center;  margin-bottom:50px;}
.video-introduce .content-title h2 {font-size:32px;}
.video-introduce .item {padding-bottom: 60px;}
.video-introduce .txt {padding-right:90px;}
.video-introduce .media-body {padding-left:20px;}
.video-introduce .txt h4 {padding-top:16px; color:#333333; font-size:16px; margin-bottom:15px; font-weight: bold; }
.video-introduce .txt p { color:#999999; font-size:14px; }
 
 
.video-scene {padding:0px 0px 60px 0px;}
.video-scene h2 {font-size:32px;}
 
.video-scene .item {margin-top:37px;}
.video-scene .item .txt {text-align: center;}
.video-scene .item .txt .img {text-align: center; margin-bottom: 15px;}
.video-scene .item .txt {text-align: center;}
.video-scene .item .txt span {color:#666666; font-size:16px;}
/* 企业图谱 */
.detail-banner{background: url('../images/bg/qytp_01.jpg') no-repeat 0 0;-webkit-background-size: cover;background-size: cover;height: 368px;}
.detail-content{margin-top: -124px;margin-bottom: 75px;}
.detail-content-figure{padding-left: 0;padding-right: 0;}
.detail-content-figure img{width: 100%;}
.detail-content-txt{color: #fff;padding-left:70px;}
.detail-content-txt h1{font-size: 40px;margin-top: 0;}
.detail-content-txt p{font-size: 16px;color: #555;line-height: 2;}
.detail-content-txt .btn-buy{display: block;width: 170px;height: 55px;margin-top: 40px;text-align: center;line-height: 55px;border-radius: 3px;color: #ffffff;background: #0066ff;font-size: 18px;}
.txt-split-line{width: 80px;height: 3px;background: #fff;margin:40px 0 60px;}
.features-tit{text-align: center;margin-top: 75px;margin-bottom: 10px;}
.features-tit i{display: inline-block;height:2px;background:#b3b3b3;margin-top: 15px;}
.features-item{float: left;width: 48%;border-radius:5px;padding:24px 45px 0 120px;-webkit-box-sizing: border-box;box-sizing: border-box;margin:38px 4% 38px 0;background:#f5f5f5 url('../images/ico/qytp_07.png') no-repeat 8% 35px;height: 210px;}
.features-item.no-mar{margin-right:0;}
.features-item.features1{background-image: url('../images/ico/qytp_07.png');}
.features-item.features2{background-image: url('../images/ico/qytp_10.png');}
.features-item h4{font-size: 26px;margin-bottom: 20px;}
.features-item p{font-size: 16px;line-height: 2;}
.jgdy-banner.detail-banner{background-image: url('../images/bg/jgdy_01.jpg');}
.jgdy-content .features-item{padding-top: 60px;background-position: 8% 65px;}
.jgdy-content .features-item.features1{background-image: url('../images/ico/jgdy_03.png');}
.jgdy-content .features-item.features2{background-image: url('../images/ico/jgdy_06.png');}
.jgdy-content .features-item.features3{background-image: url('../images/ico/jgdy_11.png');}
.jgdy-content .features-item.features4{background-image: url('../images/ico/jgdy_13.png');}
.tcrl-banner.detail-banner{background-image: url('../images/bg/tcrl_01.jpg');}
.hgsj-banner.detail-banner{background-image: url('../images/bg/hgsj_01.jpg');}
.hgsj-content .features-item.features1{background-image: url('../images/ico/hgsj_06.png');}
.hgsj-content .features-item.features2{background-image: url('../images/ico/hgsj_03.png');}
.hgsj-content .features-item.features3{background-image: url('../images/ico/hgsj_13.png');}
.hgsj-content .features-item.features4{background-image: url('../images/ico/hgsj_11.png');}
.dmbl-banner.detail-banner{background-image: url('../images/bg/dmbl_01.jpg');}
.dmbl-content .features-list{margin-top: 50px;margin-bottom: 30px;}
.dmbl-content .features-list div{font-size: 22px; line-height: 1.8;text-align: center;}
.dmbl-content .features-list div.icon{width:138px;height:138px;margin:0 auto 30px;background: url('../images/ico/dmbl_03.png') no-repeat 0 0;}
.dmbl-content .features-list .features2 div.icon{background-image:url('../images/ico/dmbl_05.png');}
.dmbl-content .features-list .features3 div.icon{background-image:url('../images/ico/dmbl_07.png');}
.dmbl-content .features-list .features4 div.icon{background-image:url('../images/ico/dmbl_09.png');}
.pop{position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 10000000;background: rgba(0, 0, 0, 0.2);display: none;}
.pop-win{position: absolute;left:50%;top: 50%;width:42%;min-width:300px;max-width:800px;width:42%;background: #fff;-webkit-border-radius:10px;border-radius:10px;overflow: hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding-bottom: 20px;}
.pop-win-tit{line-height:100px;font-size:30px;text-align: center;background: #f5f5f5;}
.pop-content-item{/* padding:0 0 0 30%;position: relative; */margin-bottom: 20px;padding:0 20px;}
.pop-content-item1{padding-top: 54px;}
.pop-content-item span{/* position: absolute;left:12%;top: 0; */font-size: 18px;color: #666;margin: 10px 0;}
.pop-content-item .r-content{padding: 0;}
.pop-content-item1 span{/* top: 55px; */}
.pop .price-item{float: left;width: 45%;margin-right: 5%;text-align: center;padding:28px 0 28px;border:2px solid #b3b3b3;-webkit-border-radius: 5px;border-radius: 5px;font-size: 24px;cursor: pointer;}
.pop .price-item.cur,.pay-item.cur{background:#f4f6ff;border-color:#0066ff;}
.pop .price-item strong{font-size: 48px;font-weight: normal;}
.pop .price-item p{font-size: 18px;border-top:2px solid #dbdde5;padding: 15px 0 0;width:66%;margin:20px auto 0;}
.ipt-item{margin-bottom: 15px;width: 200px;border:1px solid #b3b3b3;padding: 5px 10px;}
.ipt-item input{line-height: 28px;display: block;width: 100%;font-size: 18px;border:0;}
.ipt-item input:focus{outline: 0;}
.pay-item{float: left;width:40%;margin-right:5%;max-width: 165px;border:2px solid #b3b3b3;-webkit-border-radius: 5px;border-radius: 5px;font-size: 18px;text-align: center;line-height: 45px;cursor: pointer;}
.pay-rules{clear: both;font-size:14px;padding:30px 0 10px 20px;position: relative;}
.pay-rules input{position: absolute;left: 0;top:30px;}
.pay-btn{display: block;width: 45%;line-height:48px;background:#0066ff;font-size: 18px;color: #fff;-webkit-border-radius: 5px;border-radius: 5px;text-align: center;}
.pay-btn:hover{color: #fff;}

@media (max-width: 768px) { 
    .live-ad {padding-top:30%;}
    .live-ad p { font-size: 16px;}
    .live-server .item {margin:0px auto 10px;}
    .live-server .item.middle {margin:0px auto 10px;}

    .live-banner {height:200px; padding-top:80px;} 
    .live-banner h2 {font-size:18px;}
    .live-banner p {font-size:14px;}

    .live-service  {height: auto; padding-bottom:60px;}
    .live-service  .program {margin-bottom:10px ;}

    .live-description  .img {}
    .live-description  .txt {margin-bottom: 10px;}
    .live-description  .img img {width:100%;}
    .content-title .special p::after {display: none;}
    .content-title .special p::before {display: none;}

    
    .video-scene  .img {}
    .video-scene  .txt {margin-bottom: 10px;}
    .video-scene .img img {width:100%;}
    .video-scene  .special p::after {display: none;}
    .video-scene .special p::before {display: none;}


    .about-desc {height:300px;  padding-top:100px;}

    .suit-box .suit-details .summary  {/* float:none;  */height: auto;}
    .suit-box .suit-details  {height:auto;overflow: hidden;}
    /* .suit-box .suit-details .product {float:none; width:100%;} */

    .project-lists .item:first-child {margin-bottom: 20px;}
    .project-lists .item .last {padding-left:15px; }
    .project-lists .item .first {padding-right:15px; }

    .video-introduce .item {padding-bottom: 0px;}
    .video-introduce .txt  {padding-right:0px;}
    .video-introduce .txt h4 {padding-top:0px;}
    .video-introduce .item .txt:first-child  {margin-bottom: 20px;}
    .price-list li.col-sm-2{width:100%;margin-right:0;}
    .features-item{width:100%;}
}