@charset "gbk";
/* CSS Document */
*{margin:0; padding:0;}
body{color:#000; font-size:18px; font-family:Arial, Helvetica, sans-serif,'微软雅黑'; background:#fff;}
html{overflow:auto;}
ul, li{list-style-type:none;cursor: auto;}
img{vertical-align:middle; border:none;}
a{text-decoration:none; outline:none; color:#666}
a:hover{text-decoration:none; outline:none; color:#219ce2}
.clear{clear:both} 

/**************** 视频直播头图样式 ****************/
#vod_top{ height:715px; width:100%; background:url(images/vde_bg.jpg) no-repeat top center;}
.vod_ban{ width:1102px; margin:0 auto; position:relative;}
.vod_banlf{ font-family:'微软雅黑'; font-size:15px; color:#FFF; line-height:32px; padding-left:10px; position:absolute; top:150px;}
.vod_banlf b{ font-weight:normal; font-size:45px;color:#FFF; }
.vod_banlf p{ width:470px; margin-top:30px; margin-bottom:50px;color:#FFF; }
.vod_banlf p.txt_banlf{ display:none}
.vod_banlf a{ display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; color:#00b2f0; line-height:47px; border:1px solid #00b2f0; text-align:center;}
.vod_banlf a:hover{ color:#fff; border:1px solid #fff;}
.vod_banrf{ width:503px; height:503px; background:url(images/vde_ban1.png) no-repeat; position:absolute; right:0px; top:80px;}
.vde_ban3{ position:absolute; top:60px; right:55px;}
.vde_ban2{ position:absolute; top:130px; left:160px;}
.txt_banlf2{ display:none}

/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden; background: #f9f9f9}
.vod_title{ padding-top:30px;}
.vod_cn1{ width:1102px; height:365px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn1 ul{ padding-top:70px;}
.vod_cn1 li{ width:345px; float:left; margin-right:30px;}
.vod_cn1 li p{ float:left}
.vod_cn1 li span{ display:block; font-size:24px; line-height:50px; color:#333}
p.vod_cntx{ width:220px; cursor:default}
p.vod_cntb img{ width:117px; height:99px; margin-top:5px; margin-right:5px;transition: all .2s linear;}
.vod_cn1 li:hover p.vod_cntb img{ width:117px; height:99px; margin-top:10px; margin-right:5px;transition: all .2s linear;}
.vod_cn01{ display:none;}
.vod_cn01 li.kdzy_vod{ margin-right:0px;}	
/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#fff; overflow:hidden; padding-bottom:50px; }
.vod_cn2{ width:1102px; margin:0 auto; }
.vod_tletx{ font-size:16px; color:#666; text-align:center;font-family:'微软雅黑';}
.vod_tujie{margin-top:50px; height:697px;}
.vod_tujie p{ float:left;}
p.vod_tujie1{ width:431px;position:relative; float:left; margin-left:50px;}
p.vod_tujie1 span.xuxian{ display:block;position:absolute; left:105px; top:-21px; }
p.vod_tujie1 span.xuxian2{ display:block;position:absolute; left:140px; top:132px; }
p.vod_tujie1 span.xuxian3{ display:block;position:absolute; left:140px; top:362px; }
p.vod_tujie1 span.xuxian4{ display:block;position:absolute; left:74px; top:113px; }
p.vod_tujie1 span.xuxian5{ display:block;position:absolute; left:311px; top:318px; }
p.vod_tujie2{ width:431px;position:relative; float:left }
p.vod_tujie3{ width:145px;position:relative; float:left }
p.vod_tujie2 span.xuxian5{ display:block;position:absolute; left:100px; top:113px; }
p.vod_tujie2 span.xuxian3{ display:block;position:absolute; right:30px; top:277px; }
p.vod_tujie3 span.xuxian5{ display:block;position:absolute; left:62px; top:113px; }
path {
    transition:all 1s linear;
    animation-name:ring;
    animation-duration:300s;
    animation-timing-function: linear;
    animation-iteration-count:infinite;
}

@keyframes ring {
    from {
        stroke-dashoffset:0;
    }
    to {
        stroke-dashoffset:-6000;
    }
}
.vod_tjbtn{ width:510px; margin-left:300px; margin-top:50px;}
.vod_tjbtn a.btn_lf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0; text-align:center; line-height:47px; color:#00b2f0; float:left;}
.vod_tjbtn a.btn_lf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #333; text-align:center; line-height:47px; color:#333; float:left;}

.vod_tjbtn a.btn_rf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px;border:1px solid #333; text-align:center; line-height:47px; color:#333; float:right;}
.vod_tjbtn a.btn_rf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0;  text-align:center; line-height:47px; color:#00b2f0; float:right;}
.vod_tuje2{ display:none;}
.vod_tjbtn{ display:block}
.vod_tjbtn2{display:none;}
/****************天下数据视频直播服务方案优势样式 ****************/
#vod_con3{width:100%; margin:0 auto; overflow:hidden; background:#fff;}
.vod_cn3{ width:1102px; margin:0 auto;}
.vod_yshi{ width:1046px; height:692px; background:url(images/vde_yshbg.png) no-repeat; margin:0 auto; margin-top:40px; position:relative;}
.vod_yshi dl{ margin-top:0px;transition: all .1s linear; cursor:default}
.vod_yshi dl:hover{ margin-top:5px;transition: all .1s linear;}
.vod_yshi dl dd{font-size:14px;font-family:'微软雅黑'; color:#666; line-height:25px; margin-top:5px;}
.vod_yshi dl.ysh01{ width:245px; position:absolute; top:65px; left:20px;}
.vod_yshi dl.ysh02{ width:275px; position:absolute; top:65px; left:355px;}
.vod_yshi dl.ysh03{ width:275px; position:absolute; top:20px; left:710px;}
.vod_yshi dl.ysh04{ width:310px; position:absolute; top:280px; left:60px;}
.vod_yshi dl.ysh04 dt{ margin-left:50px;}
.vod_yshi dl.ysh05{ width:275px; position:absolute; top:290px; left:740px;}
.vod_yshi dl.ysh06{ width:250px; position:absolute; top:520px; left:200px;}
.vod_yshi dl.ysh07{ width:325px; position:absolute; top:540px; left:650px;}
.vod_yshi dl.ysh07 dt{ width:74px; height:91px; float:left; display:block; padding-top:15px; padding-right:10px;}
.vod_yshi dl.ysh07 span{ display:block; font-size:20px; color:#00c5f6; padding-bottom:5px;}
.vod_ysh2{ display:none;}

.yshi_tb{ width:227px; height:231px; background:url(images/vde_yshtb2.png) no-repeat; position:absolute;top:300px; left:456px;}
.yshi_tb p{ width:126px; height:151px; margin:0 auto; margin-top:65px;}
.yshi_tb p{ -webkit-animation:p 1.5s linear infinite;
-moz-animation:p 1.5s linear infinite;
-ms-animation:p 1.5s linear infinite;
-o-animation:p 1.5s linear infinite;
animation:p 1.5s linear infinite;
}
@-webkit-keyframes p{10%{margin-top:65px;opacity:1;}50%{margin-top:55px;opacity:0.9;}100%{margin-top:65px;opacity:1;}}
@-moz-keyframes p{10%{margin-top:65px;opacity:1;}50%{margin-top:55px;opacity:0.9;}100%{margin-top:65px;opacity:1;}}
@-ms-keyframes p{10%{margin-top:65px;opacity:1;}50%{margin-top:55px;opacity:0.9;}100%{margin-top:65px;opacity:1;}}
@-o-keyframes p{10%{margin-top:65px;opacity:1;}50%{margin-top:55px;opacity:0.9;}100%{margin-top:65px;opacity:1;}}
@keyframes p{10%{margin-top:65px;opacity:1;}50%{margin-top:55px;opacity:0.9;}100%{margin-top:65px;opacity:1;}}


/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%; height:865px; margin:0 auto; overflow:hidden;position:relative;}
.vod_cn4{ width:100%; margin:0 auto; position:absolute; z-index:999; overflow:hidden;}
.vod_nr4{ width:1102px; margin:0 auto; margin-top:20px;}
#vod_con4 .customer{ width:100%;  height: 865px;clear:both;background-image:url(images/vde_zbfw.jpg); z-index:-1}
#vod_con4 .mod-wrap-solution.solution-video .solution-bg {
   background-image:url(images/vde_zbfw.jpg) ;
}
#vod_con4 .mod-wrap-solution .solution-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    z-index: 0;
    background-size: cover;
}

.vod_cn4 .vod_tletx{ font-size:16px; color:#fff; text-align:center;font-family:'微软雅黑';}

.vod_fw{ margin-top:80px; margin-left:20px;}
.fw_menu{ float:left; width:214px; border-right:1px solid #595b65; margin-right:80px;}
#fw_meu li a{ display:block; font-size:22px;font-family:'微软雅黑'; text-align:center; line-height:80px; color:#fff}
#fw_meu li a:hover{ display:block; font-size:22px;font-family:'微软雅黑'; text-align:center; line-height:80px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}

.vod_zbpt{ width:740px;font-family:'微软雅黑'; color:#FFF; float:left; font-size:16px;}
span.ml_48{ margin-left:48px;}
.qmzb_fw .fw_tile{ font-size:24px; color:#00c5f6; line-height:50px; padding-bottom:20px; text-align:left}
.fw_nr{ line-height:35px; color:#FFF}
.mag_t30{ margin-top:30px;}
.fw_pt li{ float:left; margin-right:20px; margin-bottom:20px;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%; height:465px; margin:0 auto;}
.vod_cn5{width:1102px; margin:0 auto; }
li.vod_tj1{ width:397px; height:211px; background:url(images/vde_jytj_57.png) no-repeat; font-size:24px; font-family:'微软雅黑'; color:#333; line-height:30px;transition: all .2s linear; margin-top:80px; margin-left:50px; float:left;display:inline;}
li.vod_tj1 p{padding:40px 20px;}
a.tj_btn{ width:137px; height:35px; display:block; background:#15d6ff;border-radius:30px; margin-left:20px; text-align:center; line-height:35px; color:#FFF; font-size:16px;}
a.tj_btn:hover{background:#15b5ff;}
li.vod_tj1:hover{ margin-top:100px;transition: all .2s linear;}
li.vod_tj2{ width:397px; height:211px; background:url(images/vde_jytj_59.png) no-repeat; font-size:24px; font-family:'微软雅黑'; color:#333; line-height:30px;transition: all .2s linear; margin-top:80px; margin-right:50px; float:right; display:inline;}
li.vod_tj2 p{padding:40px 20px;}
li.vod_tj2:hover{ margin-top:100px;transition: all .2s linear;}
.vod_cn5 ul.vod_cn5_nr{ display:none;}
/****************直播企业服务器-经验推荐 ****************/
#vod_con6{width:100%; height:533px; margin:0 auto; background:url(images/vde_lxwm_63.jpg) no-repeat center #f9f9f9;}
.vod_cn6{width:1102px; margin:0 auto;font-family:'微软雅黑'; text-align:center; line-height:60px; font-size:35px; color:#555; padding-top:160px;}
.fon45{ font-size:45px;}

a.btn_ct{ display:block; width:179px;font-family:'微软雅黑'; font-size:25px;border-radius:30px; height:47px; border:1px solid #15d6ff; text-align:center; line-height:47px; color:#15d6ff;margin:0 auto; margin-top:70px;}
a.btn_ct:hover{ margin:0 auto;display:block; width:179px;font-family:'微软雅黑'; font-size:25px;border-radius:30px; height:47px; border:1px solid #333; text-align:center; line-height:47px; color:#333; margin-top:70px;}
a.btn_ct2{ display:none;}


/*************不大于1024px的设备尺寸样式**************/
@media screen and (max-width:1024px){ 

/**************** 视频直播头图样式 ****************/
#vod_top{ height:560px; width:100%; background:url(images/vde_bg.jpg) no-repeat top center; background-size:auto 560px;}
.vod_ban{ width:95%; margin:0 auto; position:relative;}
.vod_banlf{ font-family:'微软雅黑'; font-size:15px; color:#FFF; line-height:32px; padding-left:10px; position:absolute; top:110px;}
.vod_banrf{ width:40%; height:503px; background:url(images/vde_ban1.png) no-repeat center top; background-size:100% auto; position:absolute; right:0px; top:80px;}
.vde_ban3{position:absolute;top: 0%;right: 0%;}
.vde_ban2{position:absolute;top: 16%;left: 27%;}
.txt_banlf2{ display:none}

/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden; }
#vod_con1 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_03.png) no-repeat center 30px; margin:0 auto}
#vod_con1 .vod_title img{ display:none;}
.vod_cn1{ width:95%; height:315px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn1 ul{ padding-top:45px;}
.vod_cn1 li{ width:33%; float:left; margin-right:0px;}
.vod_cn1 li p.vod_cntb{ width:28%; height:100px; background:url(images/vde_fan_06.png) no-repeat center; background-size: auto 73px; float:left; }
.vod_cn1 li p.vod_cntb2{ width:31%; height:100px; background:url(images/vde_fan_08.png) no-repeat center; background-size: auto 73px; float:left; }
.vod_cn1 li p.vod_cntb3{ width:31%; height:100px; background:url(images/vde_fan_10.png) no-repeat center; background-size: auto 73px; float:left; }
.vod_cn1 li span{ display:block; font-size:24px; line-height:50px; color:#333}
p.vod_cntx{ width:60%; cursor:default}
.vod_cn1 li p img{ display:none;}

/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#f9f9f9; overflow:hidden; padding-bottom:50px; }
#vod_con2 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_15.png) no-repeat center 30px; margin:0 auto}
#vod_con2 .vod_title img{ display:none;}
.vod_cn2{ width:95%; margin:0 auto; }
.vod_tletx{ font-size:16px; color:#666; text-align:center;font-family:'微软雅黑';}
.vod_tujie{width:100%;margin-top:50px;height:697px;}
.vod_tujie p{ float:left;}
p.vod_tujie1{width: 400px;position:relative;float:left;margin-left:0px;}
p.vod_tujie1 span.xuxian{ display:block;position:absolute; left:105px; top:-21px; }
p.vod_tujie1 span.xuxian2{ display:block;position:absolute; left:140px; top:132px; }
p.vod_tujie1 span.xuxian3{ display:block;position:absolute; left:140px; top:362px; }
p.vod_tujie1 span.xuxian4{ display:block;position:absolute; left:74px; top:113px; }
p.vod_tujie1 span.xuxian5{ display:block;position:absolute; left:311px; top:318px; }
p.vod_tujie2{width: 416px;position:relative;float:left;}
p.vod_tujie3{ width:145px;position:relative; float:left }
p.vod_tujie2 span.xuxian5{ display:block;position:absolute; left:100px; top:113px; }
p.vod_tujie2 span.xuxian3{ display:block;position:absolute; right:10px; top:277px; }
p.vod_tujie3 span.xuxian5{ display:block;position:absolute; left:62px; top:113px; }
.vod_tjbtn{width: 55%;margin-left:300px;margin: 0 auto;margin-top:50px;}
.vod_tjbtn a.btn_lf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0; text-align:center; line-height:47px; color:#00b2f0; float:left;}
.vod_tjbtn a.btn_lf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #333; text-align:center; line-height:47px; color:#333; float:left;}

.vod_tjbtn a.btn_rf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px;border:1px solid #333; text-align:center; line-height:47px; color:#333; float:right;}
.vod_tjbtn a.btn_rf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0;  text-align:center; line-height:47px; color:#00b2f0; float:right;}

/****************天下数据视频直播服务方案优势样式 ****************/
#vod_con3{width:100%; margin:0 auto; overflow:hidden; background:#FFF;}
#vod_con3 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_23.png) no-repeat center 30px; margin:0 auto}
#vod_con3 .vod_title img{ display:none;}

.vod_cn3{ width:100%; margin:0 auto;}
.vod_yshi{ width:100%; height:692px; background:url(images/vde_yshbg.png) no-repeat; margin:0 auto; margin-top:40px; position:relative;}

/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%; height:865px; margin:0 auto; overflow:hidden;position:relative;}
#vod_con4 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_52.png) no-repeat center 30px; margin:0 auto}
#vod_con4 .vod_title img{ display:none;}

.vod_cn4{ width:100%; margin:0 auto; position:absolute; z-index:999; overflow:hidden;}
.vod_nr4{ width:95%; margin:0 auto; margin-top:20px;}
#vod_con4 .customer{width:100%;height: 823px;clear:both;background-image:url(images/vde_zbfw.jpg);z-index:-1;}

.vod_fw{ margin-top:80px; margin-left:20px;}
.fw_menu{ float:left; width:19%; border-right:1px solid #595b65; margin-right:0px;}
#fw_meu li a{ display:block; font-size:22px;font-family:'微软雅黑'; text-align:center; line-height:80px; color:#fff}
#fw_meu li a:hover{ display:block; font-size:22px;font-family:'微软雅黑'; text-align:center; line-height:80px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}

.vod_zbpt{width: 72%;font-family:'微软雅黑';color:#FFF;float:left;font-size:16px;margin-left: 7%;}
span.ml_48{ margin-left:48px;}
#vod_con4 .customer p.fw_tile{ font-size:24px; color:#00c5f6; line-height:50px; padding-bottom:20px; text-align:left}
.fw_nr{ line-height:35px; color:#FFF}
.mag_t30{ margin-top:30px;}
.fw_pt li{ float:left; margin-right:20px; margin-bottom:20px;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%; height:390px; margin:0 auto;}
#vod_con5 .vod_title{ padding-top:0px; height:65px; width:100%; background:url(images/vde_tile_54.png) no-repeat center; margin:0 auto}
#vod_con5 .vod_title img{ display:none;}

.vod_cn5{width:95%; margin:0 auto; }
li.vod_tj1{ width:397px; height:211px; background:url(images/vde_jytj_57.png) no-repeat; font-size:24px; font-family:'微软雅黑'; color:#333; line-height:30px;transition: all .2s linear; margin-top:50px; margin-left:0px; float:left;display:inline;}
li.vod_tj1 p{padding:40px 20px;}
a.tj_btn{ width:137px; height:35px; display:block; background:#15d6ff;border-radius:30px; margin-left:20px; text-align:center; line-height:35px; color:#FFF; font-size:16px;}
a.tj_btn:hover{background:#15b5ff;}
li.vod_tj1:hover{ margin-top:55px;transition: all .2s linear;}
li.vod_tj2{ width:397px; height:211px; background:url(images/vde_jytj_59.png) no-repeat; font-size:24px; font-family:'微软雅黑'; color:#333; line-height:30px;transition: all .2s linear; margin-top:50px; margin-right:0px; float:right; display:inline;}
li.vod_tj2 p{padding:40px 20px;}
li.vod_tj2:hover{ margin-top:55px;transition: all .2s linear;}
/****************直播企业服务器-经验推荐 ****************/
#vod_con6{width:100%; height:533px; margin:0 auto; background:url(images/vde_lxwm_63.jpg) no-repeat center #f9f9f9;}
.vod_cn6{width:95%; margin:0 auto;font-family:'微软雅黑'; text-align:center; line-height:60px; font-size:35px; color:#555; padding-top:160px;}

}

/*************不大于780px的设备尺寸样式**************/
@media screen and (max-width:780px){ 

/**************** 视频直播头图样式 ****************/
#vod_top{ height:420px; width:100%; background:url(images/vde_bg.jpg) no-repeat top center; background-size:auto 420px;}
.vod_ban{ width:95%; margin:0 auto; position:relative;}
.vod_banlf{ font-family:'微软雅黑'; font-size:15px; color:#FFF; line-height:32px; padding-left:10px; position:absolute; top:80px;}
.vod_banlf p{ width:60%; margin-top:20px; margin-bottom:35px;color:#FFF; font-size:14px; line-height:24px;}
.vod_banrf{ width:40%; height:503px; background:url(images/vde_ban1.png) no-repeat center top; background-size:100% auto; position:absolute; right:0px; top:80px;}
.vde_ban3{position:absolute;top: 0%;right: -2%;width: 100%;height:372px;background:url(images/vde_ban3.png) no-repeat center top;background-size: 100% auto;}
.vde_ban2{position:absolute;top: 16%;left: 33%;width:40%;height:189px;background:url(images/vde_ban2.png) no-repeat center top;background-size:100% auto;z-index: 9;}
.vde_ban3 img{ display:none;}
.vde_ban2 img{ display:none;}
.vod_banlf a{display:block;width:179px;font-family:'微软雅黑';font-size:18px;border-radius:30px;height: 35px;color:#00b2f0;line-height:35px;border:1px solid #00b2f0;text-align:center;}

/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden; }
#vod_con1 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_03.png) no-repeat center 30px; margin:0 auto}
#vod_con1 .vod_title img{ display:none;}
.vod_cn1{ width:95%; height:290px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn1 ul{ padding-top:35px;}
.vod_cn1 li{ width:32%; float:left; margin-right:2%;}
.vod_cn1 li p.vod_cntb{ width:25%; height:110px; background:url(images/vde_fan_06.png) no-repeat center; background-size: auto 60px; float:left; }
.vod_cn1 li p.vod_cntb2{ width:25%; height:110px; background:url(images/vde_fan_08.png) no-repeat center; background-size: auto 50px; float:left; }
.vod_cn1 li p.vod_cntb3{ width:25%; height:110px; background:url(images/vde_fan_10.png) no-repeat center; background-size: auto 50px; float:left; }
.vod_cn1 li span{ display:block; font-size:22px; line-height:45px; color:#333}
p.vod_cntx{ width:70%; cursor:default; font-size:12px; line-height:20px;}
.vod_cn1 li p img{ display:none;}

/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#f9f9f9; overflow:hidden; padding-bottom:50px; }
#vod_con2 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_15.png) no-repeat center 30px; margin:0 auto}
#vod_con2 .vod_title img{ display:none;}
.vod_cn2{ width:95%; margin:0 auto; }
.vod_tletx{ font-size:16px; color:#666; text-align:center;font-family:'微软雅黑';}
.vod_tujie{ display:none;width:100%;margin-top:50px;height:697px;}
.vod_tujie p{ float:left;}
p.vod_tujie1{width: 42%;height: 505px;background: url(images/vde_fant_18.png) no-repeat center top;background-size: 100% auto;position:relative;float:left;margin-left:0px;}
p.vod_tujie2{width: 42%;height: 505px;background: url(images/vde_fant_19.png) no-repeat center top;background-size: 100% auto;position:relative;float:left;margin-left:0px;}
p.vod_tujie3{width: 15%;height: 505px;background: url(images/vde_fant_20.png) no-repeat center top;background-size: 94.2% auto;position:relative;float:left;margin-left:0px;}
p.vod_tujie1 span.xuxian{display:block;position:absolute;left: 83px;top: -44px;}
p.vod_tujie1 span.xuxian2{display:block;position:absolute;left: 101px;top: 64px;}
p.vod_tujie1 span.xuxian3{display:block;position:absolute;left: 100px;top: 228px;}
p.vod_tujie1 span.xuxian4{display:block;position:absolute;left: 52px;top: 78px;}
p.vod_tujie1 span.xuxian5{display:block;position:absolute;left: 221px;top: 227px;}
p.vod_tujie2 span.xuxian5{display:block;position:absolute;left: 71px;top: 81px;}
p.vod_tujie2 span.xuxian3{display:block;position:absolute;right: 22px;top: 168px;}
p.vod_tujie3 span.xuxian5{display:block;position:absolute;left: 47px;top: 80px;}
.vod_tjbtn{width: 55%;margin-left:300px;margin: 0 auto;margin-top: 20px;}
.vod_tjbtn a.btn_lf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0; text-align:center; line-height:47px; color:#00b2f0; float:left;}
.vod_tjbtn a.btn_lf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #333; text-align:center; line-height:47px; color:#333; float:left;}

.vod_tjbtn a.btn_rf{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px;border:1px solid #333; text-align:center; line-height:47px; color:#333; float:right;}
.vod_tjbtn a.btn_rf:hover{ float:left;display:block; width:179px;font-family:'微软雅黑'; font-size:18px;border-radius:30px; height:47px; border:1px solid #00b2f0;  text-align:center; line-height:47px; color:#00b2f0; float:right;}
p.vod_tujie1 img,p.vod_tujie2 img,p.vod_tujie3 img{ display:none;}

.vod_tuje2{ display:block;width:100%;margin-top:50px;height:505px;}

/****************天下数据视频直播服务方案优势样式 ****************/
.vod_yshi{ display:none;}
.vod_ysh2{display:block;width:100%;height: 500px;background:url(images/vod_ysh_img.jpg) no-repeat center;background-size: auto 100%;margin:0 auto;margin-top: 10px;position:relative;}

/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%;height: 670px;margin:0 auto;overflow:hidden;position:relative;}
#vod_con4 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_52.png) no-repeat center 30px; background-size:auto 60px; margin:0 auto}
#vod_con4 .vod_title img{ display:none;}

.vod_cn4{ width:100%; margin:0 auto; position:absolute; z-index:999; overflow:hidden;}
.vod_nr4{ width:95%; margin:0 auto; margin-top:20px;}
#vod_con4 .customer{width:100%;height: 640px;clear:both;background-image:url(images/vde_zbfw.jpg);z-index:-1;}

.vod_fw{ margin-top:50px; margin-left:20px;}
.fw_menu{ float:left; width:19%; border-right:1px solid #595b65; margin-right:0px;}
#fw_meu li a{ display:block; font-size:20px;font-family:'微软雅黑'; text-align:center; line-height:60px; color:#fff}
#fw_meu li a:hover{ display:block; font-size:20px;font-family:'微软雅黑'; text-align:center; line-height:60px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}

.vod_zbpt{width: 72%;font-family:'微软雅黑';color:#FFF;float:left;font-size: 14px;margin-left: 7%;}
span.ml_48{ margin-left:48px;}
#vod_con4 .customer p.fw_tile{font-size: 20px;color:#00c5f6;line-height: 30px;padding-bottom: 20px;text-align:left;}
.fw_nr{line-height: 30px;color:#FFF;}
.mag_t30{ margin-top:30px;}
.fw_pt li{width: 20%;float:left;margin-right: 0px;margin-bottom:20px;}
.fw_pt li img{width: 70%;height: 70%;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%;height: 340px;margin:0 auto;}
#vod_con5 .vod_title{ padding-top:0px; height:65px; width:100%; background:url(images/vde_tile_54.png) no-repeat center; margin:0 auto}
#vod_con5 .vod_title img{ display:none;}

.vod_cn5{width:95%; margin:0 auto; }
li.vod_tj1{width:45%;height:211px;background:url(images/vde_jytj_57.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 30px;margin-left:0px;float:left;display:inline;}
li.vod_tj1 p{padding:30px 20px;}
a.tj_btn{ width:35%; height:35px; display:block; background:#15d6ff;border-radius:30px; margin-left:20px; text-align:center; line-height:35px; color:#FFF; font-size:16px;}
a.tj_btn:hover{background:#15b5ff;}
li.vod_tj1:hover{ margin-top:31px;transition: all .2s linear;}
li.vod_tj2{width:45%;height:211px;background:url(images/vde_jytj_59.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 30px;margin-right:0px;float:right;display:inline;}
li.vod_tj2 p{padding:30px 20px;}
li.vod_tj2:hover{ margin-top:31px;transition: all .2s linear;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con6{width:100%; height:320px; margin:0 auto; background:url(images/vde_lxwm_63.jpg) no-repeat center #f9f9f9; background-size:auto 320px;}
.vod_cn6{width:95%; margin:0 auto;font-family:'微软雅黑'; text-align:center; line-height:60px; font-size:35px; color:#555; padding-top:50px;}

a.btn_ct{margin-top: 50px;}
a.btn_ct:hover{  margin-top:50px;}

}

/*************不大于640px的设备尺寸样式**************/
@media screen and (max-width:640px){ 

/**************** 视频直播头图样式 ****************/
#vod_top{ height:320px; width:100%; background:url(images/vde_bg.jpg) no-repeat top center; background-size:auto 320px;}
.vod_ban{ width:95%; margin:0 auto; position:relative;}
.vod_banlf{ font-family:'微软雅黑'; font-size:15px; color:#FFF; line-height:32px; padding-left:10px; position:absolute; top:40px;}
.vod_banlf p{ display:none}
.vod_banlf p.txt_banlf{ display:block;width:55%; margin-top:20px; margin-bottom:35px;color:#FFF; font-size:14px; line-height:24px;}
.vod_banlf b{ font-weight:normal; font-size:35px;color:#FFF; }
.vod_banrf{ width:40%; height:503px; background:url(images/vde_ban1.png) no-repeat center top; background-size:100% auto; position:absolute; right:0px; top:40px;}
.vde_ban3{position:absolute;top: 0%;right: -2%;width: 100%;height:372px;background:url(images/vde_ban3.png) no-repeat center top;background-size: 100% auto;}
.vde_ban2{position:absolute;top: 16%;left: 33%;width:40%;height:189px;background:url(images/vde_ban2.png) no-repeat center top;background-size:100% auto;z-index: 9;}
.vde_ban3 img{ display:none;}
.vde_ban2 img{ display:none;}
.vod_banlf a{display:block;width:25%;font-family:'微软雅黑';font-size:16px;border-radius:30px;height: 35px;color:#00b2f0;line-height:35px;border:1px solid #00b2f0;text-align:center;}

/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden; }
#vod_con1 .vod_title{ padding-top:30px; height:65px; width:100%; background:url(images/vde_tile_03.png) no-repeat center 30px; margin:0 auto}
#vod_con1 .vod_title img{ display:none;}
.vod_cn1{ display:none;}
.vod_cn01{ display:block; width:95%; height:290px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn01 ul{ padding-top:35px;}
.vod_cn01 li{ width:32%; float:left; margin-right:2%;}
.vod_cn01 li p.vod_cntb{width: 100%;height: 40px;background: url(images/vde_fan_06.png) no-repeat left center;background-size: auto 40px;float:left;padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb2{ width:100%; height:40px; background:url(images/vde_fan_08.png) no-repeat left center; background-size: auto 40px; float:left; padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb3{ width:100%; height:40px; background:url(images/vde_fan_10.png) no-repeat left center; background-size: auto 40px; float:left; padding-bottom: 10px;}
.vod_cn01 li span{display:block;font-size:22px;line-height:45px;color:#333;padding-left: 50px;/* float: left; */}
.vod_cn01 li p.vod_cntx{width: 85%;cursor:default;font-size:12px;line-height:20px;padding-top: 10px;padding-left: 10px;}
.vod_cn01 li p img{ display:none;}

/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#f9f9f9; overflow:hidden; padding-bottom:30px; }
#vod_con2 .vod_title{ padding-top:30px; height:55px; width:100%; background:url(images/vde_tile_15.png) no-repeat center 30px; background-size:auto 50px; margin:0 auto}
.vod_tletx{ font-size:14px; color:#666; text-align:center;font-family:'微软雅黑';}
.vod_tujie{ display:none;width:100%;margin-top:50px;height:697px;}
.vod_tuje2{ display:none;width:100%;margin-top:50px;height:505px;}
.vod_tuje3{ display:block;width:100%;margin-top:50px;height:400px; background:url(images/vod_fantu.png) no-repeat center ; background-size:auto 410px; }
.vod_tjbtn{display:none;}
.vod_tjbtn2{display:block; width: 75%;margin-left:300px;margin: 0 auto;margin-top: 35px;}
.vod_tjbtn2 a.btn_lf{ float:left;display:block; width:32%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #00b2f0; text-align:center; line-height:33px; color:#00b2f0; float:left;}
.vod_tjbtn2 a.btn_lf:hover{ float:left;display:block; width:32%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #333; text-align:center; line-height:33px; color:#333; float:left;}
.vod_tjbtn2 a.btn_rf{ float:left;display:block; width:32%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px;border:1px solid #333; text-align:center; line-height:33px; color:#333; float:right;}
.vod_tjbtn2 a.btn_rf:hover{ float:left;display:block; width:32%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #00b2f0;  text-align:center; line-height:33px; color:#00b2f0; float:right;}

/****************天下数据视频直播服务方案优势样式 ****************/
#vod_con3 .vod_title{ padding-top:30px; height:45px; width:100%; background:url(images/vde_tile_23.png) no-repeat center 30px; background-size:auto 50px; margin:0 auto}
.vod_ysh2{display:block;width:100%;height: 425px;background:url(images/vod_ysh_img.jpg) no-repeat center;background-size: auto 420px;margin:0 auto;margin-top: 10px;position:relative;}

/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%;height: 640px;margin:0 auto;overflow:hidden;position:relative;}
#vod_con4 .vod_title{padding-top:30px;height: 60px;width:100%;background:url(images/vde_tile_52.png) no-repeat center 30px;background-size: auto 50px;margin:0 auto;}
#vod_con4 .vod_title img{ display:none;}
.vod_cn4 .vod_tletx{font-size: 14px;color:#fff;text-align:center;font-family:'微软雅黑';}
.vod_nr4{width:95%;margin:0 auto;margin-top: 0px;}
#vod_con4 .customer{width:100%;height: 600px;clear:both;background-image:url(images/vde_zbfw.jpg);z-index:-1;}

.vod_fw{margin-top:50px;margin-left: 0px;}
.fw_menu{float:left;width: 20%;border-right:1px solid #595b65;margin-right:0px;}
#fw_meu li a{display:block;font-size: 16px;font-family:'微软雅黑';text-align:center;line-height: 58px;color:#fff;}
#fw_meu li a:hover{ display:block; font-size:16px;font-family:'微软雅黑'; text-align:center; line-height:60px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}
span.ml_48{ margin-left:0px;}
.vod_zbpt{width: 74%;font-family:'微软雅黑';color:#FFF;float:left;font-size: 12px;margin-left: 5%;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%;height: 310px;margin:0 auto;}
a.btn_ct{ display:none;}
a.btn_ct2{display:block;width:179px;font-family:'微软雅黑';font-size: 16px;border-radius:30px;height: 35px;border:1px solid #15d6ff;text-align:center;line-height: 35px;color:#15d6ff;margin:0 auto;margin-top: 20px;}
a.btn_ct2:hover{  display:block;width:179px;font-family:'微软雅黑';font-size: 16px;border-radius:30px;height: 35px;border:1px solid #333;text-align:center;line-height: 35px;color:#333;margin:0 auto;margin-top: 20px;}

}


/*************不大于360px的设备尺寸样式**************/
@media screen and (min-width:360px)and (max-width:480px){

/**************** 视频直播头图样式 ****************/
#vod_top{height: 235px;width:100%;background:url(images/vde_bg.jpg) no-repeat top center;background-size: auto 235px;}
.vod_ban{ width:95%; margin:0 auto; position:relative;}
.vod_banlf{font-family:'微软雅黑';font-size:15px;color:#FFF;line-height:32px;padding-left:10px;position:absolute;top: 25px;z-index: 9;}
.vod_banlf p{ display:none}
.vod_banlf p.txt_banlf{display:block;width: 73%;margin-top: 10px;margin-bottom: 25px;color:#FFF;font-size: 12px;line-height: 20px;}
.vod_banlf b{font-weight:normal;font-size: 22px;color:#FFF;}
.vod_banrf{width: 45%;height: 323px;background:url(images/vde_ban1.png) no-repeat center top;background-size:100% auto;position:absolute;right: -5px;top: 40px}
.vde_ban3{position:absolute;top: 0%;right: -2%;width: 100%;height:372px;background:url(images/vde_ban3.png) no-repeat center top;background-size: 100% auto;}
.vde_ban2{position:absolute;top: 16%;left: 33%;width:40%;height:189px;background:url(images/vde_ban2.png) no-repeat center top;background-size:100% auto;z-index: 9;}
.vde_ban3 img{ display:none;}
.vde_ban2 img{ display:none;}
.vod_banlf a{display:block;width: 35%;font-family:'微软雅黑';font-size: 14px;border-radius:30px;height: 25px;color:#00b2f0;line-height: 25px;border:1px solid #00b2f0;text-align:center;}
	
/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden; }
#vod_con1 .vod_title{padding-top:30px;height: 35px;width:100%;background: url(images/vde_tile_03.png) no-repeat center 20px;margin:0 auto;background-size: auto 50px;}
#vod_con1 .vod_title img{ display:none;}
.vod_cn1{ display:none;}
.vod_cn01{ display:block; width:95%; height:390px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn01 ul{padding-top: 20px;}
.vod_cn01 li{ width:95%; float:none; margin-right:2%; margin:0 auto; margin-bottom:5%;}
.vod_cn01 li p.vod_cntb{width: 100%;height: 30px;background: url(images/vde_fan_06.png) no-repeat 8px center;background-size: auto 30px;float:left;padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb2{ width:100%; height:30px; background:url(images/vde_fan_08.png) no-repeat 8px center; background-size: auto 30px; float:left; padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb3{ width:100%; height:30px; background:url(images/vde_fan_10.png) no-repeat 8px center; background-size: auto 30px; float:left; padding-bottom: 10px;}
.vod_cn01 li span{display:block;font-size:18px;line-height:45px;color:#333;padding-left: 45px;/* float: left; */}
.vod_cn01 li p.vod_cntx{width: 95%;cursor:default;font-size:12px;line-height:20px;padding-top: 15px;padding-left: 10px;}
.vod_cn01 li.kdzy_vod{ margin:0 auto;}	
	
/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#f9f9f9; overflow:hidden; padding-bottom:30px; }
#vod_con2 .vod_title{padding-top: 20px;height: 40px;width:100%;b;background: url(images/vde_tile_15.png) no-repeat center 20px;background-size: auto 30px;margin:0 auto;}
.vod_tuje3{display:block;width:100%;margin-top:30px;height: 250px;background:url(images/vod_fantu.png) no-repeat center;background-size: auto 100%;}
.vod_tjbtn{display:none;}
.vod_tjbtn2{display:block;width: 95%;margin-left:300px;margin: 0 auto;margin-top: 25px;}
.vod_tjbtn2 a.btn_lf{float:left;display:block;width: 35%;font-family:'微软雅黑';font-size:14px;border-radius:30px;height:33px;border:1px solid #00b2f0;text-align:center;line-height:33px;color:#00b2f0;float:left;}
.vod_tjbtn2 a.btn_lf:hover{ float:left;display:block; width:35%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #333; text-align:center; line-height:33px; color:#333; float:left;}
.vod_tjbtn2 a.btn_rf{float:left;display:block;width: 35%;font-family:'微软雅黑';font-size:14px;border-radius:30px;height:33px;border:1px solid #333;text-align:center;line-height:33px;color:#333;float:right;}
.vod_tjbtn2 a.btn_rf:hover{ float:left;display:block; width:35%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #00b2f0;  text-align:center; line-height:33px; color:#00b2f0; float:right;}
	
/****************天下数据视频直播服务方案优势样式 ****************/
#vod_con3 .vod_title{padding-top: 20px;height: 32px;width:100%;background: url(images/vde_tile_23.png) no-repeat center 20px;background-size: auto 35px;margin:0 auto;}
.vod_ysh2{display:block;width:100%;height: 280px;background:url(images/vod_ysh_img.jpg) no-repeat center;background-size: 100% auto;margin:0 auto;margin-top: 5px;position:relative;}

/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%;margin:0 auto;overflow:hidden;position:relative;}
#vod_con4 .vod_title{padding-top: 20px;height: 40px;width:100%;background: url(images/vde_tile_52.png) no-repeat center 20px;background-size: auto 30px;margin:0 auto;}
.vod_fw{margin-top: 35px;margin-left: 0px;}
.fw_menu{float:left;width: 18%;border-right: none;margin-right:0px;}
#fw_meu li a{display:block;font-size: 16px;font-family:'微软雅黑';text-align:center;line-height: 48px;color:#fff;}
#fw_meu li a:hover{ display:block; font-size:16px;font-family:'微软雅黑'; text-align:center; line-height:60px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}
span.ml_48{ margin-left:0px;}
.vod_zbpt{width: 77%;font-family:'微软雅黑';color:#FFF;float:left;font-size: 12px;margin-left: 2%;padding-left: 2%;border-left: 1px solid #595b65;min-height:480px;}
#vod_con4 .customer p.fw_tile{font-size: 16px;color:#00c5f6;line-height: 28px;padding-bottom: 10px;text-align:left;}
.fw_nr{line-height: 22px;color:#FFF;}
.fw_pt li{width: 22%;float:left;margin-right: 10px; margin-left:12px;margin-bottom:20px;}
.fw_pt li img{width: 100%;height: 100%;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%;height: 210px;margin:0 auto; overflow:hidden}
#vod_con5 .vod_title{padding-top:0px;height:65px;width:100%;background:url(images/vde_tile_54.png) no-repeat center;margin:0 auto;background-size: auto 40px;}
#vod_con5 .vod_title img{ display:none;}

.vod_cn5{width:95%; margin:0 auto; }
li.vod_tj1{width: 48%;height:211px;background:url(images/vde_jytj_57.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 10px;margin-left:0px;float:left;display:inline;}
li.vod_tj1 p{padding: 10px 8px;font-size: 16px;line-height: 24px;}
a.tj_btn{width: 55%;height: 25px;display: block;background:#15d6ff;border-radius:30px;margin-left: 8px;text-align:center;line-height: 25px;color:#FFF;font-size: 14px;}
a.tj_btn:hover{background:#15b5ff;}
li.vod_tj1:hover{ margin-top:11px;transition: all .2s linear;}
li.vod_tj2{width: 48%;height:211px;background:url(images/vde_jytj_59.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 10px;margin-right:0px;float:right;display:inline;}
li.vod_tj2 p{padding: 10px 8px;font-size: 16px;line-height: 24px;}
li.vod_tj2:hover{ margin-top:11px;transition: all .2s linear;}

/****************直播企业服务器-经验推荐 ****************/
.fon45{font-size: 30px;}
#vod_con6{width:100%; height:210px; margin:0 auto; background:url(images/vde_lxwm_63.jpg) no-repeat center #f9f9f9; background-size:auto 320px;}
.vod_cn6{width:95%; margin:0 auto;font-family:'微软雅黑'; text-align:center; line-height:40px; font-size:22px; color:#555; padding-top:30px;}
a.btn_ct2{display:block;width:179px;font-family:'微软雅黑';font-size: 20px;border-radius:30px;height: 42px;border:1px solid #15d6ff;text-align:center;line-height: 42px;color:#15d6ff;margin:0 auto;margin-top: 20px;}
a.btn_ct2:hover{  display:block;width:179px;font-family:'微软雅黑';font-size: 20px;border-radius:30px;height: 42px;border:1px solid #333;text-align:center;line-height: 42px;color:#333;margin:0 auto;margin-top: 20px;}

}



/*************不大于360px的设备尺寸样式**************/
@media screen and (max-width:360px){
.vod_tuje3{display:block;width:100%;margin-top:30px;height: 235px;background:url(images/vod_fantu.png) no-repeat center;background-size: auto 100%;}
#vod_con4 .vod_title{padding-top: 20px;height: 35px;width:100%;background: url(images/vde_tile_52.png) no-repeat center 20px;background-size: auto 25px;margin:0 auto;}
#fw_meu li a{display:block;font-size: 14px;font-family:'微软雅黑';text-align:center;line-height: 48px;color:#fff;}
#fw_meu li a:hover{ display:block; font-size:14px;font-family:'微软雅黑'; text-align:center; line-height:60px; color:#00c5f6}

.vod_cn5 ul{ display:none}
.vod_cn5 ul.vod_cn5_nr{ display:block;}
.vod_cn5 ul.vod_cn5_nr li.vod_tj1 p{padding: 10px 8px;font-size: 18px;line-height: 24px;}
.vod_cn5 ul.vod_cn5_nr li.vod_tj2 p{padding: 10px 8px;font-size: 18px;line-height: 24px;}

}

/*************不大于360px的设备尺寸样式**************/
@media screen and (min-width:320px) and (max-width:358px){

/**************** 视频直播头图样式 ****************/
#vod_top{height: 185px;width:100%;background:url(images/vde_bg.jpg) no-repeat top center;background-size: auto 185px;}
.vod_ban{ width:95%; margin:0 auto; position:relative;}
.vod_banlf{font-family:'微软雅黑';font-size:15px;color:#FFF;line-height:32px;padding-left:10px;position:absolute;top: 25px;z-index: 9;}
.vod_banlf p{ display:none}
.vod_banlf p.txt_banlf{ display:none}
.vod_banlf p.txt_banlf2{display:block;width: 73%;margin-top: 10px;margin-bottom: 15px;color:#FFF;font-size: 12px;line-height: 20px;}
.vod_banlf b{font-weight:normal;font-size: 22px;color:#FFF;}
.vod_banrf{width: 45%;height: 323px;background:url(images/vde_ban1.png) no-repeat center top;background-size:100% auto;position:absolute;right: -5px;top: 40px}
.vde_ban3{position:absolute;top: 0%;right: -2%;width: 100%;height:372px;background:url(images/vde_ban3.png) no-repeat center top;background-size: 100% auto;}
.vde_ban2{position:absolute;top: 16%;left: 33%;width:40%;height:189px;background:url(images/vde_ban2.png) no-repeat center top;background-size:100% auto;z-index: 9;}
.vde_ban3 img{ display:none;}
.vde_ban2 img{ display:none;}
.vod_banlf a{display:block;width: 35%;font-family:'微软雅黑';font-size: 14px;border-radius:30px;height: 25px;color:#00b2f0;line-height: 25px;border:1px solid #00b2f0;text-align:center;}

/****************直播服务方案三要素样式 ****************/
#vod_con1{ width:100%; margin:0 auto; overflow:hidden;background: #f9f9f9 }
#vod_con1 .vod_title{padding-top:30px;height: 25px;width:100%;background: url(images/vde_tile_03.png) no-repeat center 20px;margin:0 auto;background-size: auto 42px;}
#vod_con1 .vod_title img{ display:none;}
.vod_cn1{ display:none;}
.vod_cn01{ display:block; width:95%; height:390px; color:#666666;margin:0 auto; font-size:14px;font-family:'微软雅黑';}
.vod_cn01 ul{padding-top: 20px;}
.vod_cn01 li{ width:95%; float:none; margin-right:2%; margin:0 auto; margin-bottom:5%;}
.vod_cn01 li p.vod_cntb{width: 100%;height: 30px;background: url(images/vde_fan_06.png) no-repeat 8px center;background-size: auto 30px;float:left;padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb2{ width:100%; height:30px; background:url(images/vde_fan_08.png) no-repeat 8px center; background-size: auto 30px; float:left; padding-bottom: 10px;}
.vod_cn01 li p.vod_cntb3{ width:100%; height:30px; background:url(images/vde_fan_10.png) no-repeat 8px center; background-size: auto 30px; float:left; padding-bottom: 10px;}
.vod_cn01 li span{display:block;font-size:18px;line-height:45px;color:#333;padding-left: 45px;/* float: left; */}
.vod_cn01 li p.vod_cntx{width: 95%;cursor:default;font-size:12px;line-height:20px;padding-top: 15px;padding-left: 10px;}
.vod_cn01 li.kdzy_vod{ margin:0 auto;}	

/****************一张图轻松读懂视频直播服务方案样式 ****************/
#vod_con2{ width:100%; margin:0 auto; background:#fff; overflow:hidden; padding-bottom:30px; }
#vod_con2 .vod_title{padding-top: 20px;height: 30px;width:100%;b;background: url(images/vde_tile_15.png) no-repeat center 20px;background-size: auto 26px;margin:0 auto;}
.vod_tletx{font-size: 12px;color:#666;text-align:center;font-family:'微软雅黑'; line-height:18px;}
.vod_tuje3{display:block;width:100%;margin-top:30px;height: 205px;background:url(images/vod_fantu.png) no-repeat center;background-size: auto 100%;}
.vod_tjbtn{display:none;}
.vod_tjbtn2{display:block;width: 95%;margin-left:300px;margin: 0 auto;margin-top: 25px;}
.vod_tjbtn2 a.btn_lf{float:left;display:block;width: 40%;font-family:'微软雅黑';font-size:14px;border-radius:30px;height:33px;border:1px solid #00b2f0;text-align:center;line-height:33px;color:#00b2f0;float:left;}
.vod_tjbtn2 a.btn_lf:hover{ float:left;display:block; width:40%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #333; text-align:center; line-height:33px; color:#333; float:left;}
.vod_tjbtn2 a.btn_rf{float:left;display:block;width: 40%;font-family:'微软雅黑';font-size:14px;border-radius:30px;height:33px;border:1px solid #333;text-align:center;line-height:33px;color:#333;float:right;}
.vod_tjbtn2 a.btn_rf:hover{ float:left;display:block; width:40%;font-family:'微软雅黑'; font-size:14px;border-radius:30px; height:33px; border:1px solid #00b2f0;  text-align:center; line-height:33px; color:#00b2f0; float:right;}
	
/****************天下数据视频直播服务方案优势样式 ****************/
#vod_con3 .vod_title{padding-top: 20px;height: 30px;width:100%;background: url(images/vde_tile_23.png) no-repeat center 20px;background-size: auto 30px;margin:0 auto;}
.vod_ysh2{display:block;width:100%;height: 220px;background:url(images/vod_ysh_img.jpg) no-repeat center;background-size: 100% auto;margin:0 auto;margin-top: 5px;position:relative;}

/****************他们正在使用/适用天下数据直播服务****************/
#vod_con4{width:100%;margin:0 auto;overflow:hidden;position:relative; height:600px;}
#vod_con4 .vod_title{padding-top: 20px;height:30px;width:100%;background: url(images/vde_tile_52.png) no-repeat center 20px;background-size: auto 25px;margin:0 auto;}
.vod_cn4 .vod_tletx{font-size: 12px;color:#fff;text-align:center;font-family:'微软雅黑'; line-height:18px;}
.vod_fw{margin-top: 35px;margin-left: 0px;}
.fw_menu{float:left;width: 10%;border-right: none;margin-right:0px;}
#fw_meu li a{display:block;font-size: 12px;font-family:'微软雅黑';text-align:center;line-height: 17px;padding-bottom: 30px;color:#fff;}
#fw_meu li a:hover{ display:block; font-size:12px;font-family:'微软雅黑'; text-align:center; line-height: 17px;padding-bottom: 30px; color:#00c5f6}
#fw_meu .ls a{ color:#00c5f6}
span.ml_48{ margin-left:0px;}
.vod_zbpt{width: 85%;font-family:'微软雅黑';color:#FFF;float:left;font-size: 12px;margin-left: 2%;padding-left: 2%;border-left: 1px solid #595b65;min-height:480px;}
#vod_con4 .customer p.fw_tile{font-size: 16px;color:#00c5f6;line-height: 28px;padding-bottom: 10px;text-align:left;}
.fw_nr{line-height: 22px;color:#FFF;}
.fw_pt li{width: 22%;float:left;margin-right: 10px; margin-left:12px;margin-bottom:20px;}
.fw_pt li img{width: 100%;height: 100%;}

/****************直播企业服务器-经验推荐 ****************/
#vod_con5{width:100%;height: 190px;margin:0 auto; overflow:hidden}
#vod_con5 .vod_title{padding-top:0px;height:65px;width:100%;background:url(images/vde_tile_54.png) no-repeat center;margin:0 auto;background-size: auto 35px;}
#vod_con5 .vod_title img{ display:none;}

.vod_cn5{width:95%; margin:0 auto; }
li.vod_tj1{width: 48%;height:211px;background:url(images/vde_jytj_57.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 10px;margin-left:0px;float:left;display:inline;}
li.vod_tj1 p{padding: 10px 8px;font-size: 16px;line-height: 24px;}
a.tj_btn{width: 55%;height: 25px;display: block;background:#15d6ff;border-radius:30px;margin-left: 8px;text-align:center;line-height: 25px;color:#FFF;font-size: 14px;}
a.tj_btn:hover{background:#15b5ff;}
li.vod_tj1:hover{ margin-top:11px;transition: all .2s linear;}
li.vod_tj2{width: 48%;height:211px;background:url(images/vde_jytj_59.png) no-repeat;background-size:100% auto;font-size:22px;font-family:'微软雅黑';color:#333;line-height:30px;transition: all .2s linear;margin-top: 10px;margin-right:0px;float:right;display:inline;}
li.vod_tj2 p{padding: 10px 8px;font-size: 16px;line-height: 24px;}
li.vod_tj2:hover{ margin-top:11px;transition: all .2s linear;}


/****************直播企业服务器-经验推荐 ****************/
.fon45{font-size: 30px;}
#vod_con6{width:100%; height:200px; margin:0 auto; background:url(images/vde_lxwm_63.jpg) no-repeat center #f9f9f9; background-size:auto 320px;}
.vod_cn6{width:95%;margin:0 auto;font-family:'微软雅黑';text-align:center;line-height: 35px;font-size: 18px;color:#555;padding-top:30px;}
a.btn_ct{ display:none;}
a.btn_ct2{display:block;width:179px;font-family:'微软雅黑';font-size: 16px;border-radius:30px;height: 35px;border:1px solid #15d6ff;text-align:center;line-height: 35px;color:#15d6ff;margin:0 auto;margin-top: 20px;}
a.btn_ct2:hover{  display:block;width:179px;font-family:'微软雅黑';font-size: 16px;border-radius:30px;height: 35px;border:1px solid #333;text-align:center;line-height: 35px;color:#333;margin:0 auto;margin-top: 20px;}

}

.vod_fwtj{width: 100%;box-sizing: border-box;padding: 52px 0;background: #f9f9f9}
.vod_tjTit{font-size: 42px;color: #333;text-align: center;margin-bottom: 35px;}
.vod_fwtj_list{width: 1200px;margin: 0 auto;}
.vod_fwtj_list table{border: 1px solid #ebecec;}
.vod_fwtj_list th{text-align: center;height: 63px;background: #f5f5f5;color: #333;border-right: 1px solid #ebebec;border-bottom: 1px solid #ebebec;font-size: 14px}
.vod_fwtj_list td{height: 63px;color: #333;border-right: 1px solid #ebebec;border-bottom: 1px solid #ebebec;font-size: 14px}
.vod_fwtj_list td>a{display: block;width: 127px;border: 1px solid #00b2f0;
    border-radius: 20px;height: 35px;text-align: center;line-height: 35px;color: #333;font-size: 14px;-webkit-transition:background .2s ease}
.vod_fwtj_list td>a:hover{background: #00b2f0;color: #fff}
.vod_fwtj_list td>span{font-size: 16px;color: #ff8900;margin-right: 5px;}




















