@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
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:#47cdff}
.clear{clear:both}

/*头部*/
.clearfix{*zoom:1;}
.clearfix:after{ content:"."; clear:both; visibility:hidden; height:0; display:block;line-height:0}
.clear{ clear: both;}
.fl{float:left;}
.fr{ float:right;}

#header{ width:100%;height:85px; background:#f7f7f8;overflow: hidden; margin-top:60px;}
.heads{ background:#f7f7f8; width:100%;height:85px;box-shadow:0 0 5px #888; font-family:"微软雅黑";}
.wrap{width:1102px; margin:0 auto;}
.wraptop{ text-align:right;margin-top:13px;font-size:13px; height:14px; line-height:14px;}
.wraptop a{ margin:0 5px; color:#555; }
.headmain{ height:30px;}
.logo{ position:absolute; top:20px;z-index:102; background:url(../images/logo.png) no-repeat; text-indent: -9999px; }
.logo a{width:262px; height:60px;  display: block;}
.loginnav{ text-align:right; font-size:16px;color:#fe6000; margin-top:10px;font-family:Helvetica;}
.loginnav a{color:#fe6000; margin:0 5px; font-family:Helvetica;}
#headsnav{position:relative; height:43px; z-index:100; }
#headsnav2{ height:43px;width:100%;padding-left:200px;}

.nav{margin-left:31px;}
.nav ul{width:620px;}
.nav ul li{ position:relative; z-index:50; float:left; height:44px;}
.nav ul li:first-child{width:2px; }
.nav ul li a.nav-a{ font-size:17px; color:#010101; display:block; height:43px; line-height:48px; text-align:center;}
.nav ul li:hover a.nav-a{ text-shadow:1px 1px 1px #006;background-color:#fd6001;}
.nav ul li.cos1{ width:80px;}
.nav ul li.cos2{ width:114px;}
.subnav{ position:absolute; top:44px; left:0; z-index:40; width:1800px; height:395px;background:url(../images/subnavbg_03.png) repeat-x; display:none;}
.subnav a:hover{color:#fe4003}
div.subnav-scheme,div.subnav-about{ width:1800px;background:url(../images/subnavbg_03.png) repeat-x;}
div.subnavpro{ left:-585px;}
div.subnav-scheme{ left:-660px;}
div.subnav-server{ left:-775px;}
div.subnav-skill{ left:-855px;}
div.subnav-about{ left:-967px;}
.subkey{ margin-top:38px; float:left;}
.subkey a{ font-size:14px; color:#333;}
.subkey h6{ font-size:16px; color:#000; font-weight:bold;}
.subkey h6 a{ font-size:16px;}
.subkey dl{ float:left; margin-top:10px;}
.subkey dl dd{ height:20px; margin-top:15px;}

#sear{ width:180px; height:22px; margin-top:12px; margin-left:65px; color:#fe6000; font-size:22px; line-height:22px; text-align:center; background:url(../images/tel.png) no-repeat left; padding-left:20px;}

/**********************************天下数据CDN头图样式*********************************************/
#CDN_top{ width:100%; height:700px; background:#000; overflow:hidden;position:relative;margin-top:60px;}
.the-vedio{ position:absolute; width:100%; transform:translateY(-50%); -webkit-transform:translateY(-50%); top:50%; opacity:.5; overflow:hidden;}
#CDN_top .top_txt{ width:1102px; margin:0 auto; position:relative; font-family:"微软雅黑";color:#FFF;}
#CDN_top .top_txt p{ font-size:16px; line-height:28px; width:685px; color:#ebebeb; font-family:"微软雅黑"; position:relative; }
#CDN_top .top_txt b{ font-size:42px; font-weight:normal; margin-bottom:20px; margin-top:150px; display:block; color:#FFF}
#CDN_top .top_txt a{ display:block; width:157px; height:38px; border:1px solid #FFF; border-radius:50px; float:left; text-align:center; line-height:38px; color:#FFF; margin-right:60px; margin-top:40px;}
#CDN_top .top_txt a:hover{border:1px solid #47cdff;color:#47cdff;}
#CDN_top .top_txt a.tex{border:1px solid #47cdff;color:#47cdff;}
#CDN_top .top_txt a.tex:hover{border:1px solid #fff;color:#fff;}
#CDN_top .top_mubg{ width:100%; height:75px; background:#0045ac; opacity:.5; position:relative; bottom:-208px;}
#CDN_top .top_menu{ margin:0 auto; width:1102px;}
#CDN_top .top_menu li{ float:left; display:block; color:#FFF; font-size:24px;font-family:"微软雅黑"; position:relative; width:213px; text-align:center; line-height:25px; bottom:-158px; border-right:1px solid #76a0e5; }
#CDN_top .top_menu li:last-child{border-right:0;}
#CDN_top .top_menu li a{ color:#FFF;}
#CDN_top .top_menu li a:hover{ color:#47cdff;}
#CDN_top .top_txt p.wab_p{ display:none; }
#CDN_top .top_txt p.wab_p2{ display:none; }
a.mghs_400{ display:none !important;}


/**********************************企业自建CDN功能优势样式*********************************************/
#CDN_yosh{width:100%;background:#fff; overflow:hidden; padding-bottom:60px}
.yoshi_box{ width:1102px; margin:0 auto; font-family:"微软雅黑"; font-size:14px; color:#999; line-height:24px;}
.CDN_title{ width:100%; margin:0 auto; padding-top:0px;background:url(/css/2017/images/CDN_title_01.png) no-repeat center; height:60px; margin-top:50px; background-size:contain;}
dd.yoshi_lf{ width:470px; float:left; padding-top:20px; padding-left:20px; padding-bottom:50px;}
dd.yoshi_lf:hover{ width:470px; background:#fff;box-shadow:0px 0px 50px rgba(0,0,0,.2); padding-bottom:50px;}
dd.yoshi_lf b{ font-weight:normal; color:#3abbf7; font-size:24px; line-height:85px; clear:both;}
dd.yoshi_lf span{ background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat 10px 10px; display:block; width:82px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
dd.yoshi_lf p{ width:430px; margin-top:-10px; padding-left:5px}
dd.yoshi_rf{ width:470px; padding-top:20px; padding-left:20px;float:right; padding-bottom:50px;}
dd.yoshi_rf:hover{ width:470px;background:#fff;box-shadow:0px 0px 50px rgba(0,0,0,.2); padding-bottom:50px;}
dd.yoshi_rf b{ font-weight:normal; color:#3abbf7; font-size:24px; line-height:85px; clear:both;}
dd.yoshi_rf span{ background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -65px 10px; display:block; width:65px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
dd.yoshi_rf p{ width:430px; margin-top:-10px; padding-left:5px}
.yoshi_box dl{ margin-top:40px;clear:both}
.yoshi_box dl.yos_box1{margin-top:30px;}
.yoshi_box dl.yos_box2{margin-top:60px;}
.yoshi_box span.yshi_icn1{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -125px 10px; display:block; width:65px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
.yoshi_box span.yshi_icn2{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -190px 10px; display:block; width:65px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
.yoshi_box span.yshi_icn3{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat 0px -65px; display:block; width:82px; height:73px; margin-right:15px; float:left; background-size:300px auto;}
.yoshi_box span.yshi_icn4{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -85px -55px; display:block; width:75px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
.yoshi_box span.yshi_icn5{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -170px -55px; display:block; width:65px; height:73px; margin-right:10px; float:left; background-size:300px auto;}
.yoshi_box span.yshi_icn6{background:url(/css/2017/images/CDN_yosh_icn.png) no-repeat -235px -55px; display:block; width:65px; height:73px; margin-right:10px; float:left; background-size:300px auto;}

.yoshi_wap{ display:none !important;}
.more{ display:none !important;}


/**********************************企业级行业解决方案样式*********************************************/
#CDN_jfan{width:100%;background:#f9f9f9; overflow:hidden; padding-bottom:60px;}
.vod_cn4{ width:100%; margin:0 auto; overflow:hidden;}
.vod_nr4{ width:1350px; margin:0 auto; }
.vod_nr4 .CDN_title{ width:100%; margin:0 auto; padding-top:0px;background:url(/css/2017/images/CDN_title_02.png) no-repeat center; height:80px; margin-top:30px; background-size:contain;}
.vod_tletx{ font-size:18px; color:#999; text-align:center;font-family:'微软雅黑'; line-height:50px;}
.vod_fw{ margin-top:60px; }
.fw_menu{ float:left; width:171px; margin-left:10px;}
#fan_meu li{ width:171px; height:56px; margin:25px 0px;}
#fan_meu li a{ display:block; font-size:18px;font-family:'微软雅黑'; line-height:56px; color:#666; text-align:center; cursor:pointer; border-radius:6px; transition:all .3s ease;}
#fan_meu li a:hover{ background:#3abbf7; color:#fff;}
#fan_meu .ls a{ background:#3abbf7; color:#fff;}

.vod_zbpt{ width:1150px;font-family:'微软雅黑'; color:#666; float:left; font-size:14px;border-left:1px solid #e8e8e8; min-height:530px; overflow:hidden; padding-left:60px;}
span.ml_48{ margin-left:48px;}
p.fw_tile{ font-size:24px; color:#00c5f6; line-height:50px; padding-bottom:20px; text-align:left; }
.fw_nr{ font-size:16px; line-height:30px; color:#333; margin-top:20px;}
.fw_pt li{width:293px; height:205px;transition:all .2s ease; position:relative;float:left;margin-right:20px; margin-bottom:20px; cursor:pointer; border-radius:8px; overflow:hidden;}
.fw_pt li img{width:100%; height:100%; object-fit:cover;}
.fw_pt li p{ height:45px; background:rgba(255,255,255,.92); position:absolute; bottom:0px; width:100%; color:#000; text-align:center; line-height:45px; font-size:18px; margin:0;}
.fw_pt li:hover{box-shadow:0 10px 25px rgba(0,0,0,.2); transform:translateY(-3px);}
.fw_pt li:hover p{ color:#3abbf7;}
.fan_a{margin-top:30px; padding-bottom:40px; overflow:hidden;}
.fan_a a{ float:left; display:block;height:35px; line-height:35px;font-size:14px; color:#22b5e5; margin-right:20px; padding:0 20px; border:1px solid #22b5e5; border-radius:4px; transition:all .3s ease;}
.fan_a a:hover{background:#22b5e5; color:#fff; text-decoration:none;}
a.ckxq{ display:block; font-size:14px; height:35px; color:#22b5e5; text-align:center; border:1px solid #22b5e5; border-radius:4px; line-height:33px; padding:0 20px; background:none;}
a.ckxq:hover{color:#fff;background:#22b5e5;}
.zxicn{ background-image:url(/css/2017/images/kfzxicn.png); background-size:20px; background-repeat:no-repeat; padding-left:25px; background-position:0px 4px; border:none!important;}
a.anl_mor{ float:right; font-size:14px; font-family:'微软雅黑'; line-height:50px; color:#999; padding-top:8px; padding-right:30px;}
a.anl_mor:hover{ color:#00c5f6; text-decoration:underline;}
.pad_t30{ padding-top:30px;}

.CDNjf_cn4{ display:none !important; overflow:hidden}


/**********************************天下数据超大规模数据中心资源遍布全球样式*********************************************/
/* 地图样式 - 完全保持原样，不做任何修改 */
#CDN_map{width:100%;background:#fff; overflow:hidden; padding-bottom:60px;position:relative;font-family:'微软雅黑';}
#CDN_map .CDN_title{ width:100%; margin:0 auto; padding-top:0px;background:url(/css/2017/images/CDN_title_03.png) no-repeat center; height:80px; margin-top:30px; background-size:contain;}
.map_box{ width:1102px; margin:0 auto; }
.map_bg{ width:1153px; height:520px;position:relative; margin:0 auto; margin-top:50px; background-image:url(/css/2017/images/CDN_map.png); background-position:-25px; background-size:contain; background-repeat:no-repeat;}
.map_btn{ width:560px; margin:0 auto; margin-top:30px; overflow:hidden;}
.map_btn a{ font-family:'微软雅黑'; font-size:16px;display:block; width:180px; height:38px; border:1px solid #58d6ff; border-radius:50px; float:right; text-align:center; line-height:38px; color:#333; margin-top:40px;}
.map_btn a:hover{border:1px solid #858585;color:#58d6ff;}
.map_btn a.tex{border:1px solid #858585;color:#333; float:left;}
.map_btn a.tex:hover{border:1px solid #58d6ff;color:#333;}
.map_bzhu{ font-size:14px; color:#999; position:absolute; bottom:-30px; left:30px;}
.map_btn2{ display:none !important;}
.map_bzhu img{ margin-right:5px;}
.map_zb{margin:0 auto; position:absolute;height:500px; width:100%; left:0; top:0;}

/* 地图标注点 - 完全保持原样 */
.map_biao1{ width:120px; height:120px; position:relative; top:7px; left:147px;}
.map_biao2{ width:120px; height:120px; position:relative; top:-20px; left:145px;}
.map_biao3{ width:120px; height:120px; position:relative; top:-32px; left:191px;}
.map_bg .map_biao3 p{position: absolute; top:50px;left:0px;bottom:0;}
.map_biao4{ width:120px; height:120px; position:relative; top:-138px; left:209px;}
.map_biao5{ width:120px; height:120px; position:relative; top:-197px; left:315px;}
.map_biao6{ width:120px; height:120px; position:relative; top:-538px; left:456px;}
.map_biao7{ width:120px; height:120px; position:relative; top:-639px; left:467px;}
.map_bg .map_biao6 p{position: absolute; top:52px;left:25px;bottom:0;}
.map_bg .map_biao7 p{position: absolute; top:52px;left:15px;bottom:0;}
.map_biao8{ width:120px; height:120px; position:absolute; top:66px; left:484px;}
.map_bg .map_biao8 p{position: absolute; top:36px;left:43px;bottom:0;}
.map_biao9{ width:120px; height:120px; position:absolute; top:90px; left:492px;}
.map_biao10{ width:120px; height:120px; position:absolute; top:50px; left:502px;}
.map_biao11{ width:120px; height:120px; position:absolute; top:73px; left:508px;}
.map_biao12{ width:120px; height:120px; position:absolute; top:15px; left:600px;}
.map_biao13{ width:130px; height:130px; position:absolute; top:65px; left:646px;}
.map_biao14{ width:120px; height:120px; position:absolute; top:109px; left:561px;}
.map_biao15{ width:120px; height:120px; position:absolute; top:149px; left:552px;}
.map_biao16{ width:120px; height:120px; position:absolute; top:137px; left:673px;}
.map_biao17{ width:130px; height:130px; position:absolute; top:164px; left:632px;}
.map_bg .map_biao17 p{position: absolute; top:70px;left:43px;bottom:0;}
.map_biao18{ width:120px; height:120px; position:absolute; top:204px; left:707px;}
.map_biao19{ width:120px; height:120px; position:absolute; bottom:43px; left:536px;}
.map_biao20{ width:120px; height:120px; position:absolute; top:184px; left:772px;}
.map_biao21{ width:120px; height:120px; position:absolute; top:210px; left:774px;}
.map_bg .map_biao20 p{position: absolute; top:38px;left:47px;bottom:0;}
.map_bg .map_biao21 p{position: absolute; top:63px;left:7px;bottom:0;}
.map_biao22{ width:120px; height:120px; position:absolute; top:242px; left:787px;}
.map_bg .map_biao22 p{position: absolute; top:63px;left:42px;bottom:0;}
.map_biao23{ width:120px; height:120px; position:absolute; top:202px; left:804px;}
.map_biao24{ width:120px; height:120px; position:absolute; top:114px; left:866px;}
.map_bg .map_biao24 p{position: absolute; top:40px;left:48px;bottom:0;}
.map_biao25{ width:120px; height:120px; position:absolute; top:111px; left:904px;}
.map_biao26{ width:120px; height:120px; position:absolute; top:149px; left:829px;}
.map_bg .map_biao26 p{position: absolute; top:40px;left:48px;bottom:0;}
.map_biao27{ width:120px; height:120px; position:absolute; top:147px; left:856px;}
.map_biao28{ width:120px; height:120px; position:absolute; top:165px; left:843px;}
.map_biao29{ width:130px; height:130px; position:absolute; top:249px; left:837px;}
.map_biao30{ width:130px; height:130px; position:absolute; bottom:58px; left:872px;}

.map_bg p{ font-size:12px; color:#333; position:absolute; top:50px;left:70px;bottom:0;}
a.yuan{ display:block;background-color:#6ad7e9;position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;border-radius:50%; z-index:1; transition:background .3s ease;}
a.yuan:hover{ background:#0FF}
a.yua0{ display:block;background-color:#F00;position:absolute;top:0;left:0;right:0;bottom:0;width:10px;height:10px;margin:auto;border-radius:50%; z-index:1}
a.yua0:hover{ background:#F00}
.yuan2{width:100%;height:100%;margin:auto;border-radius:50%; position:absolute;top:0;left:0;right:0;bottom:0;
animation: yuan2 3s linear 0s infinite normal;
-moz-animation: yuan2 3s linear 0s infinite normal;
-webkit-animation: yuan2 3s linear 0s infinite normal;
-o-animation: yuan2 3s linear 0s infinite normal;
}
@keyframes yuan2{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-moz-keyframes yuan2{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-webkit-keyframes yuan2{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-o-keyframes yuan2{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}

.yuan3{width:100%;height:100%;margin:auto;border-radius:50%; position:absolute;top:0;left:0;right:0;bottom:0;
animation: yuan3 3s linear .5s infinite normal;
-moz-animation: yuan3 3s linear .5s infinite normal;
-webkit-animation: yuan3 3s linear .5s infinite normal;
-o-animation: yuan3 3s linear .5s infinite normal;
}
@keyframes yuan3{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-moz-keyframes yuan3{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-webkit-keyframes yuan3{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-o-keyframes yuan3{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}

.yuan4{width:100%;height:100%;margin:auto;border-radius:50%; position:absolute;top:0;left:0;right:0;bottom:0;
animation: yuan4 4s linear .8s infinite normal;
-moz-animation: yuan4 4s linear .8s infinite normal;
-webkit-animation: yuan4 4s linear .8s infinite normal;
-o-animation: yuan4 4s linear .8s infinite normal;
}
@keyframes yuan4{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-moz-keyframes yuan4{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-webkit-keyframes yuan4{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}
@-o-keyframes yuan4{0%{ width:10px; height:10px;border:1px solid #6ad7e9; opacity:1}100% { width:120px; height:120px;border:1px solid #6ad7e9; opacity:0}}


/**********************************数据中心最新活动样式*********************************************/
#CDN_zxhd{width:100%;background:url(/css/2017/images/CDN_zxhd.jpg) no-repeat center; background-size:cover; overflow:hidden; position:relative;font-family:'微软雅黑'; min-height:580px; padding:20px 0;}
#CDN_zxhd .CDN_title{ width:100%; margin:0 auto; padding-top:0px;background:url(/css/2017/images/CDN_title_04.png) no-repeat center; height:160px; margin-top:30px; background-size:contain;}
.zxhd_box{ width:1200px; margin:0 auto; display:flex; flex-wrap:wrap; justify-content:space-between;}
dl.cdn_hd1{ width:325px; float:left; margin:40px 10px; text-align:center; flex:1; min-width:250px; max-width:325px;}
.cdn_hd1 dt{ width:100%; height:190px; position:relative; border-radius:10px; overflow:hidden;}
.cdn_hd1 dt img{width:100%; height:100%; object-fit:cover;}
.cdn_hd1 dt img.hd_pic01{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s ease; max-width:70%;}
.cdn_hd1:hover img.hd_pic01{transform:translate(-50%,-55%);}

.cdn_hd1 dd a{ display:block; text-align:center; color:#FFF; margin-top:20px; font-size:22px; transition:color .3s ease;}
.cdn_hd1 dd a:hover{ color:#47cdff;}

.cdn_hd1 dt img.hd_pic02{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s ease; max-width:60%;}
.cdn_hd1:hover img.hd_pic02{transform:translate(-50%,-55%);}

.cdn_hd1 dt img.hd_pic03{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); transition:all .3s ease; max-width:45%;}
.cdn_hd1:hover img.hd_pic03{transform:translate(-50%,-55%);}

.zxhd_box2{ display:none !important;}


/**********************************关于CDN的问题解答样式*********************************************/
#CDN_wtjd{width:100%;background:#fff; overflow:hidden; position:relative;font-family:'微软雅黑'; padding-bottom:60px;}
#CDN_wtjd .CDN_title{ width:100%; margin:0 auto; padding-top:0px;background:url(/css/2017/images/CDN_title_05.png) no-repeat center; height:80px; margin-top:30px; background-size:contain;}
.wtjd_box{ width:1200px; margin:0 auto; }
.wtjd_list{ display:flex; flex-wrap:wrap; gap:20px; justify-content:center;}
.wtjd_list li{ width:380px; float:left; margin-top:30px; flex:1; min-width:280px; max-width:380px;}
li .wtjd_twen{ width:100%; height:170px; border:1px solid #a7dfff; display:block; margin-bottom:15px; border-radius:8px; overflow:hidden;}
li .wtjd_twen img{width:100%; height:100%; object-fit:cover;}
.wtjd_list li a{ display:block; font-size:14px; color:#555; line-height:30px;padding-left:10px; font-family:'微软雅黑';}
.wtjd_list li a:hover{ color:#47cdff;}


/**********************************免费定制全球安全解决方案样式*********************************************/
#CDN_dzhi{min-width:100%;background:#f9f9f9; min-height:460px; overflow:hidden; position:relative;font-family:'微软雅黑'; background:url(/css/2017/images/CDN_dzhbg.jpg) no-repeat center; background-size:cover; display:flex; align-items:center; justify-content:center;}
.dzhi_box{ width:1200px; margin:0 auto; text-align:center;}
.dzhi_box p.dzhi_tx1{ width:675px; margin:0 auto;background:url(/css/2017/images/CDN_dzh_tx1.png) no-repeat center; height:34px; margin-top:20px; background-size:contain;}
.dzhi_box p.dzhi_tx2{ width:583px; margin:0 auto;background:url(/css/2017/images/CDN_dzh_tx2.png) no-repeat center; height:43px; margin-top:20px; margin-bottom:30px; background-size:contain;}
.dzhi_box a.dzhi_btn{ display:inline-block; padding:0 50px; height:60px; line-height:60px; font-size:20px; color:#FFF; background:#3abbf7; border-radius:8px; transition:all .3s ease;}
.dzhi_box a.dzhi_btn:hover{ background:#2a9ad6; transform:translateY(-2px);}
.dzhi_box a.mghs_400{ display:none !important;}
.hokg_foot{ display:block}
.hokg_bottom{ display:none;}


/*************不大于1024px的设备尺寸样式**************/
@media screen and (max-width:1024px){
#CDN_top{ height:460px;}
#CDN_top .top_txt{ width:95%;}
#CDN_top .top_txt p{ width:75%;}
#CDN_top .top_txt b{margin-top:60px;}
#CDN_top .top_mubg{height:65px; bottom:-68px;}
#CDN_top .top_menu{ width:100%;}
#CDN_top .top_menu li{ width:19.5%; font-size:20px; bottom:-24px;}

#CDN_yosh{padding-bottom:0px;}
.yoshi_box{ width:95%;}
.CDN_title{ height:70px; margin-top:30px;}
dd.yoshi_lf{ width:45%;}
dd.yoshi_lf:hover{ width:45%;}
dd.yoshi_lf p{ width:90%;}
dd.yoshi_rf{ width:45%;}
dd.yoshi_rf:hover{ width:45%;}
dd.yoshi_rf p{ width:90%;}

#CDN_jfan{padding-bottom:40px;}
.vod_nr4{ width:95%;}
.fw_menu{ width:17.5%;}
.vod_zbpt{ width:75%; padding-left:30px; min-height:450px;}
.fw_pt li{width:30%; height:165px; margin-right:15px;}
.fw_pt li img{height:165px;}

/* 地图在1024px下 - 保持原样 */
.map_box{ width:95%; }
.map_bg{ width:100%; height:500px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }

#CDN_zxhd{min-height:480px;}
.zxhd_box{ width:97%;}
dl.cdn_hd1{ width:32%; margin:20px 0;}

.wtjd_box{ width:98%;}
.wtjd_list li{ width:32%; min-width:0; margin-right:1%;}

#CDN_dzhi{min-height:400px;}
.dzhi_box{ width:95%;}

.hokg_bottom{ display:block; padding:20px 0;}
.hokg_bottom ul{width:93%; margin:0 auto;}
.hokg_bottom li{font-size:1rem; color:#999; text-align:center; line-height:1.8rem;}
.hokg_bottom li.hk_botmenu a{font-size:1.2rem;color:#333; padding:0 8px;line-height:2.4rem;}
.hokg_bottom li.hk_400{padding-top:8px;}
.hokg_bottom li.hk_400 a{ font-size:20px; color:#F00; }
.hokg_foot{ display:none !important;}
}

/*************不大于768px的设备尺寸样式**************/
@media screen and (max-width:768px){
#CDN_top{ height:400px;}
#CDN_top .top_txt{ width:93%;}
#CDN_top .top_txt p{ font-size:15px; width:80%;}
#CDN_top .top_txt b{margin-top:50px;}
#CDN_top .top_mubg{height:50px; bottom:-50px;}
#CDN_top .top_menu li{ font-size:16px; width:19.5%; bottom:-18px;}

.vod_zbpt{ min-height:380px;}
.fw_pt li{width:30%; height:120px;}
.fw_pt li img{height:120px;}
.fw_pt li p{height:35px; line-height:35px; font-size:14px;}
.fw_nr{ font-size:14px; line-height:25px;}

/* 地图在768px下 - 保持原样 */
.map_bg{ width:100%; height:400px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }

#CDN_zxhd{min-height:400px;}
#CDN_zxhd .CDN_title{ height:120px;}
.cdn_hd1 dd a{ font-size:18px;}
.cdn_hd1 dt{ height:150px;}

.wtjd_list li{ width:48%; min-width:0; max-width:100%;}
li .wtjd_twen{ height:140px;}
#CDN_wtjd{padding-bottom:30px;}

#CDN_dzhi{min-height:350px;}
.dzhi_box p.dzhi_tx1{ height:28px; width:80%;}
.dzhi_box p.dzhi_tx2{ height:35px; width:80%;}
}

/*************不大于640px的设备尺寸样式**************/
@media screen and (max-width:640px){
#CDN_top{ height:360px;}
#CDN_top .top_txt p{ font-size:14px; line-height:22px; width:90%;}
#CDN_top .top_txt b{font-size:32px; margin-top:50px; margin-bottom:10px;}
#CDN_top .top_mubg{ display:none;}
#CDN_top .top_menu{ display:none;}
#CDN_top .top_txt a{ display:none !important;}
#CDN_top .top_txt a.mghs_400{ display:block !important; width:120px; height:32px; line-height:32px; font-size:13px; margin-right:20px; margin-top:20px;}

#CDN_yosh{padding-bottom:0px;}
.yoshi_box{ display:none !important;}
.yoshi_wap{ display:block !important; width:95%; margin:0 auto;}
.CDN_title{ height:60px; background-size:auto 50px; margin-top:20px;}
dd.yoshi_lf{ width:45%; padding:15px 0 15px 10px;}
dd.yoshi_lf:hover{ width:45%;}
dd.yoshi_lf span{width:40px; height:45px; background-size:380% auto; background-position:5px 10px;}
dd.yoshi_lf b{font-size:18px; line-height:30px; width:50%;}
dd.yoshi_lf p{width:55%; font-size:12px; line-height:18px; margin-top:0;}
dd.yoshi_rf{ width:45%; padding:15px 10px 15px 0;}
dd.yoshi_rf:hover{ width:45%;}
dd.yoshi_rf span{width:40px; height:45px; background-size:460% auto; background-position:-45px 5px;}
dd.yoshi_rf b{font-size:18px; line-height:30px; width:50%;}
dd.yoshi_rf p{width:55%; font-size:12px; line-height:18px; margin-top:0;}
.yoshi_wap span.yshi_icn1{background-position:-80px 3px; width:40px; height:45px;}
.yoshi_wap span.yshi_icn2{background-position:-120px 3px; width:40px; height:45px;}
.yoshi_wap span.yshi_icn3{background-position:2px -30px; width:40px; height:45px;}
.yoshi_wap span.yshi_icn4{background-position:-50px -35px; width:40px; height:45px;}
.yoshi_wap span.yshi_icn5{background-position:-95px -35px; width:40px; height:45px;}
.yoshi_wap span.yshi_icn6{background-position:-145px -38px; width:40px; height:45px;}
.more{ display:block !important; width:100%; height:45px; margin:20px auto 0; text-align:center; cursor:pointer;}
.more span{ background:url(/css/2017/images/yshi_sso.png) no-repeat center #deecf6; display:block; height:45px; border-radius:8px;}
.more.hover span{background:url(/css/2017/images/yshi_sso2.png) no-repeat center #95d9f5;}

.vod_cn4{ display:none !important;}
.CDNjf_cn4{ display:block !important; overflow:hidden}
.CDNjf_nr4{ width:95%; margin:0 auto; }
.CDNjf_nr4 .CDN_title{ height:70px; background-size:auto 60px; margin-top:20px;}
.vod_tletx{ font-size:15px; line-height:30px;}
.fw_menu{ float:none; width:100%; margin:0;}
#CDN_jfan{padding-bottom:20px;}
#fw_meu li{width:100%; height:45px; background:#FFF; margin:8px 0; border-bottom:1px solid #dedede;}
#fw_meu li a{font-size:16px; line-height:45px; text-align:left; padding-left:15px;}
.fw_nr{ width:100%; font-size:14px; line-height:24px;}
p.fw_tile{ font-size:20px; line-height:30px; padding-bottom:10px;}
.fw_pt li{width:30%; height:100px; margin-right:10px;}
.fw_pt li img{height:100px;}
.fw_pt li p{height:25px; line-height:25px; font-size:12px;}
.fan_a a{font-size:13px; padding:0 12px; height:30px; line-height:30px;}
a.ckxq{font-size:13px; height:30px; line-height:28px; padding:0 12px;}

/* 地图在640px下 - 保持原样，标注点不隐藏 */
.map_bg{ width:100%; height:365px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }
.map_btn{ display:none !important;}
.map_btn2{ display:block !important; width:80%; margin:20px auto 0; text-align:center;}
.map_btn2 a{ font-size:14px; display:inline-block; padding:0 25px; height:34px; border:1px solid #58d6ff; border-radius:50px; text-align:center; line-height:34px; color:#333; margin:10px 10px;}
.map_btn2 a:hover{border:1px solid #858585; color:#58d6ff;}
.map_btn2 a.tex{border:1px solid #858585; color:#333;}
.map_btn2 a.tex:hover{border:1px solid #58d6ff; color:#333;}

#CDN_zxhd{min-height:320px; display:block !important;}
#CDN_zxhd .CDN_title{ height:100px; background-size:auto 80px; margin-top:10px; display:block !important;}
.zxhd_box{ display:flex !important; flex-wrap:wrap; justify-content:center; gap:15px; width:97%; margin:0 auto;}
.zxhd_box dl.cdn_hd1{ width:30%; min-width:120px; margin:10px 0;}
.zxhd_box .cdn_hd1 dt{ height:130px;}
.zxhd_box .cdn_hd1 dd a{ font-size:16px; margin-top:12px;}
.zxhd_box2{ display:none !important;}

#CDN_wtjd{ display:none !important;}

#CDN_dzhi{min-height:300px; background-position:center; background-size:cover; display:flex !important;}
.dzhi_box{ width:90%; margin:0 auto; display:block !important;}
.dzhi_box p.dzhi_tx1{ height:28px; width:80%; background-size:auto 24px; margin-top:10px; display:block !important;}
.dzhi_box p.dzhi_tx2{ height:32px; width:80%; background-size:auto 26px; margin:15px auto 20px; display:block !important;}
.dzhi_box a.dzhi_btn{ display:inline-block !important; padding:0 30px; height:48px; line-height:48px; font-size:16px; background:#3abbf7; color:#fff; border-radius:8px;}
.dzhi_box a.mghs_400{ display:none !important;}

.hokg_bottom{padding:15px 0;}
.hokg_bottom li.hk_botmenu a{font-size:1rem; padding:0 5px; line-height:2rem;}
}

/*************不大于420px的设备尺寸样式**************/
@media screen and (max-width:420px){
#CDN_top{ height:280px;}
#CDN_top .top_txt b{font-size:24px; margin-top:30px;}
#CDN_top .top_txt p{ display:none;}
#CDN_top .top_txt p.wab_p{ display:block; width:90%; font-size:13px; line-height:20px;}
#CDN_top .top_txt a{ display:block !important; width:110px; font-size:12px; height:28px; line-height:28px; margin-right:15px; margin-top:15px;}

dd.yoshi_lf{ width:50%;}
dd.yoshi_lf:hover{ width:50%;}
dd.yoshi_rf{ width:50%;}
dd.yoshi_rf:hover{ width:50%;}
dd.yoshi_lf b{font-size:15px; width:55%;}
dd.yoshi_rf b{font-size:15px; width:55%;}
.yoshi_wap span.yshi_icn1{background-position:-70px 3px;}
.yoshi_wap span.yshi_icn2{background-position:-110px 3px;}
.yoshi_wap span.yshi_icn3{background-position:2px -28px;}
.yoshi_wap span.yshi_icn4{background-position:-45px -32px;}
.yoshi_wap span.yshi_icn5{background-position:-85px -32px;}
.yoshi_wap span.yshi_icn6{background-position:-130px -35px;}

.CDNjf_nr4 .CDN_title{ height:60px; background-size:auto 50px;}
.fw_pt li{width:30%; height:80px; margin-right:8px;}
.fw_pt li img{height:80px;}
.fw_pt li p{height:20px; line-height:20px; font-size:10px;}
p.fw_tile{font-size:17px; line-height:24px;}
.fw_nr{font-size:13px; line-height:22px;}

/* 地图在420px下 - 保持原样，标注点不隐藏 */
.map_bg{ width:100%; height:255px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }
.map_btn2 a{ font-size:13px; padding:0 16px; height:30px; line-height:30px;}

#CDN_zxhd{min-height:260px; display:block !important;}
#CDN_zxhd .CDN_title{ height:80px; background-size:auto 60px; display:block !important;}
.zxhd_box dl.cdn_hd1{ width:30%; min-width:100px;}
.zxhd_box .cdn_hd1 dt{ height:100px;}
.zxhd_box .cdn_hd1 dd a{ font-size:14px;}

#CDN_dzhi{min-height:260px; display:flex !important;}
.dzhi_box p.dzhi_tx1{ height:22px; background-size:auto 18px;}
.dzhi_box p.dzhi_tx2{ height:26px; background-size:auto 20px; margin:10px auto 15px;}
.dzhi_box a.dzhi_btn{ padding:0 20px; height:40px; line-height:40px; font-size:14px;}
}

/*************不大于375px的设备尺寸样式**************/
@media screen and (max-width:375px){
#CDN_top{ height:240px;}
#CDN_top .top_txt b{font-size:20px; margin-top:20px;}
#CDN_top .top_txt p.wab_p{ font-size:12px; line-height:18px;}
#CDN_top .top_txt a{ width:95px; font-size:11px; height:26px; line-height:26px; margin-right:12px; margin-top:12px;}

dd.yoshi_lf{ width:48%; padding:10px 0 10px 8px;}
dd.yoshi_lf:hover{ width:48%;}
dd.yoshi_lf span{width:32px; height:38px; background-size:380% auto; background-position:3px 6px;}
dd.yoshi_lf b{font-size:13px; width:60%;}
dd.yoshi_lf p{width:55%; font-size:11px; line-height:16px;}
dd.yoshi_rf{ width:48%; padding:10px 8px 10px 0;}
dd.yoshi_rf:hover{ width:48%;}
dd.yoshi_rf span{width:32px; height:38px; background-size:460% auto; background-position:-35px 4px;}
dd.yoshi_rf b{font-size:13px; width:60%;}
dd.yoshi_rf p{width:55%; font-size:11px; line-height:16px;}
.yoshi_wap span.yshi_icn1{background-position:-60px 2px; width:32px; height:38px;}
.yoshi_wap span.yshi_icn2{background-position:-95px 2px; width:32px; height:38px;}
.yoshi_wap span.yshi_icn3{background-position:2px -24px; width:32px; height:38px;}
.yoshi_wap span.yshi_icn4{background-position:-40px -28px; width:32px; height:38px;}
.yoshi_wap span.yshi_icn5{background-position:-75px -28px; width:32px; height:38px;}
.yoshi_wap span.yshi_icn6{background-position:-110px -30px; width:32px; height:38px;}

/* 地图在375px下 - 保持原样，标注点不隐藏 */
.map_bg{ width:100%; height:255px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }

#CDN_zxhd .CDN_title{ height:70px; background-size:auto 50px;}
.zxhd_box .cdn_hd1 dt{ height:85px;}
.zxhd_box .cdn_hd1 dd a{ font-size:13px;}

#CDN_dzhi{min-height:220px;}
.dzhi_box p.dzhi_tx1{ height:18px; background-size:auto 14px; margin-top:5px;}
.dzhi_box p.dzhi_tx2{ height:22px; background-size:auto 16px;}
.dzhi_box a.dzhi_btn{ padding:0 16px; height:36px; line-height:36px; font-size:13px;}

.hokg_bottom li.hk_botmenu a{font-size:0.9rem; padding:0 4px;}
}

/*************不大于320px的设备尺寸样式**************/
@media screen and (max-width:320px){
#CDN_top{ height:200px;}
#CDN_top .top_txt b{font-size:18px; margin-top:15px;}
#CDN_top .top_txt p.wab_p{ display:none;}
#CDN_top .top_txt p.wab_p2{ display:block; width:95%; font-size:11px; line-height:16px;}
#CDN_top .top_txt a{ width:80px; font-size:10px; height:22px; line-height:22px; margin-right:10px; margin-top:10px;}

dd.yoshi_lf{ width:100%; padding:8px 0;}
dd.yoshi_lf:hover{ width:100%;}
dd.yoshi_lf span{width:28px; height:34px; background-size:380% auto; background-position:2px 4px;}
dd.yoshi_lf b{font-size:14px; width:auto; line-height:34px;}
dd.yoshi_lf p{width:80%; font-size:11px; line-height:16px; padding-left:5px;}
dd.yoshi_rf{ width:100%; padding:8px 0;}
dd.yoshi_rf:hover{ width:100%;}
dd.yoshi_rf span{width:28px; height:34px; background-size:460% auto; background-position:-30px 3px;}
dd.yoshi_rf b{font-size:14px; width:auto; line-height:34px;}
dd.yoshi_rf p{width:80%; font-size:11px; line-height:16px; padding-left:5px;}
.yoshi_wap span.yshi_icn1{background-position:-50px 2px; width:28px; height:34px;}
.yoshi_wap span.yshi_icn2{background-position:-85px 2px; width:28px; height:34px;}
.yoshi_wap span.yshi_icn3{background-position:2px -22px; width:28px; height:34px;}
.yoshi_wap span.yshi_icn4{background-position:-35px -24px; width:28px; height:34px;}
.yoshi_wap span.yshi_icn5{background-position:-65px -24px; width:28px; height:34px;}
.yoshi_wap span.yshi_icn6{background-position:-95px -26px; width:28px; height:34px;}

.fw_pt li{width:100%; height:120px; margin-right:0; float:none;}
.fw_pt li img{height:120px;}
.fw_pt li p{height:30px; line-height:30px; font-size:13px;}
.fw_nr{font-size:12px; line-height:20px;}
p.fw_tile{font-size:16px; line-height:20px;}

/* 地图在320px下 - 保持原样，标注点不隐藏 */
.map_bg{ width:100%; height:210px; background-size:100% auto; background-position:0px; }
.map_zb{ display:block; }

#CDN_zxhd{min-height:220px;}
#CDN_zxhd .CDN_title{ height:60px; background-size:auto 40px;}
.zxhd_box .cdn_hd1 dt{ height:75px;}
.zxhd_box .cdn_hd1 dd a{ font-size:12px;}

#CDN_dzhi{min-height:200px;}
.dzhi_box p.dzhi_tx1{ height:16px; background-size:auto 12px;}
.dzhi_box p.dzhi_tx2{ height:18px; background-size:auto 14px;}
.dzhi_box a.dzhi_btn{ padding:0 12px; height:32px; line-height:32px; font-size:12px;}
}