@charset "utf-8";
@import "page.css";
#yun_pro{width:100%;padding:60px 0;}
#yun_pro .list{margin-top:30px;}
#yun_pro .list .left{width:40%;height:650px;background:url("../images/idc_left_bg.png") no-repeat center center;background-size:cover;}
#yun_pro .list .left .t{font-size:18px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;padding:20px 60px;background:url("../images/idc_title_1.png") no-repeat 30px center;}
#yun_pro .list .left .left_list{padding:20px 70px;}
#yun_pro .list .left .left_list ul li{padding:20px 20px 25px;height:105px;}
#yun_pro .list .left .left_list ul li i{float:left;color:#fff;font-size:24px;line-height:30px;}
#yun_pro .list .left .left_list ul li .info{float:right;width:calc(100% - 50px);}
#yun_pro .list .left .left_list ul li .info big{font-size:18px;display:block;color:#fff;}
#yun_pro .list .left .left_list ul li .info small{font-size:14px;display:block;color:#fff;}
#yun_pro .list .right{width:calc(100% - 40% - 20px);}
#yun_pro .list .right .www{height:315px;background:url("../images/idc_right_bg_1.png") no-repeat center center;background-size:cover;}
#yun_pro .list .right .www .t{font-size:18px;border-bottom:1px solid rgba(255,255,255,.18);color:#fff;padding:20px 60px;background:url("../images/idc_title_2.png") no-repeat 30px center;}
#yun_pro .list .right .www .www_list{padding:20px 50px;}
#yun_pro .list .right .www .www_list ul li{padding:20px 20px 8px;float:left;width:50%;height:88px;}
#yun_pro .list .right .www .www_list ul li i{float:left;font-size:24px;color:#fff;line-height:30px;}
#yun_pro .list .right .www .www_list ul li .info{float:right;width:calc(100% - 50px);}
#yun_pro .list .right .www .www_list ul li .info big{font-size:18px;display:block;color:#fff;}
#yun_pro .list .right .www .www_list ul li .info small{font-size:14px;display:block;color:#fff;}
#yun_pro .list .right .www.aq{float:left;width:calc(50% - 10px);margin-top:20px;background:url("../images/idc_right_bg_2.png");}
#yun_pro .list .right .www.aq .t{background:url("../images/idc_title_3.png") no-repeat 30px center;}
#yun_pro .list .right .www.idc{float:right;width:calc(50% - 10px);margin-top:20px;background:url("../images/idc_right_bg_3.png");}
#yun_pro .list .right .www.idc .t{background:url("../images/idc_title_4.png") no-repeat 30px center;}
#yun_pro .list .right .www .www_list.idclist ul li{width:100%;float:inherit;}
#yun_pro .list .left .left_list ul li:hover{background:#6864E7;}
#yun_pro .list .right .www .www_list ul li:hover{background:#47556C;}
#yun_pro .list .right .www.aq .www_list ul li:hover{background:#27ADDC;}
#yun_pro .list .right .www.idc .www_list ul li:hover{background:#6864E7;}

#yun_tech{width:100%;height:500px;padding:60px 0;background:url("../images/idc_tech_bg.png") no-repeat center top;background-size:cover;}
#yun_tech .list{margin-top:30px;padding-left:120px;}
#yun_tech .list ul li{float:left;width:25%;}
#yun_tech .list ul li i{color:#fff;font-size:24px;float:left;line-height:40px;}
#yun_tech .list ul li .info{float:right;width:calc(100% - 40px);}
#yun_tech .list ul li .info big{display:block;font-size:38px;color:#fff;line-height:40px;}
#yun_tech .list ul li .info small{display:block;font-size:16px;color:#fff;margin-top:10px;}

#yun_jichu{width:100%;padding:60px 0;}
#yun_jichu .list{margin-top:30px;padding-bottom:50px;}
#yun_jichu .list .img{padding-top:50px;}
#yun_jichu .list ul{width:calc(100% - 600px);}
#yun_jichu .list ul li{padding:30px 0;}
#yun_jichu .list ul li i{font-size:30px;}
#yun_jichu .list ul li:nth-child(1) i{color:#e771b1;}
#yun_jichu .list ul li:nth-child(2) i{color:#ae82e3;}
#yun_jichu .list ul li:nth-child(3) i{color:#e87676;}
#yun_jichu .list ul li:nth-child(4) i{color:#e17ae2;}
#yun_jichu .list ul li:nth-child(5) i{color:#4fc9e2;}
#yun_jichu .list ul li:nth-child(6)  i{color:#97d25c;}
#yun_jichu .list ul li .info{float:right;width:calc(100% - 60px);}
#yun_jichu .list ul li .info big{display:block;font-size:18px;}
#yun_jichu .list ul li .info small{display:block;font-size:14px;color:#878B99;line-height:26px;}

#yun_gov{width:100%;background:#f8f8f8;padding:60px 0;}
#yun_gov .map-service-box{position:relative;margin-top:30px;}
#yun_gov .map-service-box .world-map-wrapper{width:100%;height:601px;background:url("../images/idc-map-bg.png") no-repeat center;}
#yun_gov .map-service-box .world-map{position:relative;margin:0 auto;width:1000px;height:100%;}
#yun_gov .map-service-box .region-list{position:absolute;left:0;top:0;}
#yun_gov .map-service-box .area-box .dot{display:inline-block;position:absolute;left:0;width:16px;height:16px;-webkit-border-radius:16px;-moz-border-radius:16px;border-radius:16px;background:#14cc45;opacity:1;}
#yun_gov .map-service-box .area-box .pulse{display:inline-block;position:absolute;top:-36px;left:-36px;height:88px;width:88px;-webkit-border-radius:48px;-moz-border-radius:48px;border-radius:48px;background:#14cc45;opacity:.12;-webkit-animation:warn 2s ease-out;-moz-animation:warn 2s ease-out;animation:warn 2s ease-out;-webkit-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;animation-iteration-count:infinite;}
#yun_gov .map-service-box .region-list.active .area-box .dot{background:#059fff;}
#yun_gov .map-service-box .region-list.active .area-box .pulse{background:#059fff;}
#yun_gov .map-service-box .region-list.waite .area-box .dot{background:#f90;}
#yun_gov .map-service-box .region-list.waite .area-box .pulse{background:#f90;}
#yun_gov .map-service-box .show-regin{position:absolute;left:2px;height:0;top:0;width:11px;opacity:0;-o-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
#yun_gov .map-service-box .online-node .show-regin,
#yun_gov .map-service-box .region-list:hover .show-regin{height:127px;opacity:1;}
#yun_gov .map-service-box .region-list:hover .show-regin,
#yun_gov .map-service-box .waite-node .show-regin{height:127px;opacity:1;}
#yun_gov .map-service-box .region-list:hover .show-regin,
#yun_gov .map-service-box .underline-node .show-regin{height:127px;opacity:1;}
#yun_gov .map-service-box .show-regin span{width:80px;display:inline-block;position:absolute;left:-34px;top:-34px;padding:6px 10px;font-size:12px;color:#fff;background:#a2a9b4;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;text-align:center;}
#yun_gov .map-service-box .postition-10 .show-regin span{left:-5px;}
#yun_gov .map-service-box .postition-6 .show-regin span{left:-63px;}
#yun_gov .map-service-box .area-box{z-index:77;}
#yun_gov .map-service-box .show-regin{z-index:66;}
#yun_gov .map-service-box .region-list.active .show-regin span{position:relative;color:#fff;background:#009fd9;}
#yun_gov .map-service-box .region-list.active .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#009fd9;}
#yun_gov .map-service-box .postition-10.region-list.active .show-regin span:before{left:11px;margin-left:-6px;}
#yun_gov .map-service-box .postition-6.region-list.active .show-regin span:before{left:69px;margin-left:-6px;}
#yun_gov .map-service-box .region-list.waite .show-regin span{color:#fff;background:#f90;}
#yun_gov .map-service-box .region-list.waite .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#f90;}
#yun_gov .map-service-box .region-list.underline-node .show-regin span:before{content:"";position:absolute;left:50%;margin-left:-6px;bottom:-10px;border:6px solid transparent;border-top-color:#a2a9b4;}
#yun_gov .map-service-box .region-position-introduce{position:absolute;font-size:16px;color:grey;}
#yun_gov .map-service-box .postition-1{left:50px;top:126px;}
#yun_gov .map-service-box .postition-2{left:179px;top:230px;}
#yun_gov .map-service-box .postition-3{left:258px;top:443px;}
#yun_gov .map-service-box .postition-4{left:545px;top:206px;}
#yun_gov .map-service-box .postition-5{left:829px;top:230px;}
#yun_gov .map-service-box .postition-6{left:884px;top:222px;}
#yun_gov .map-service-box .postition-introduce-6{left:906px;top:202px;}
#yun_gov .map-service-box .postition-7{left:871px;top:272px;}
#yun_gov .map-service-box .postition-introduce-7{left:896px;top:272px;}
#yun_gov .map-service-box .postition-8{left:855px;top:311px;}
#yun_gov .map-service-box .postition-introduce-8{left:872px;top:321px;}
#yun_gov .map-service-box .postition-9{left:832px;top:302px;}
#yun_gov .map-service-box .postition-introduce-9{left:796px;top:316px;}
#yun_gov .map-service-box .douhao{display:inline-block;width:0;}
@keyframes warn{0%{transform:scale(0);opacity:1;}
30%{transform:scale(0);opacity:.1;}
60%{transform:scale(.5);opacity:.5;}
100%{transform:scale(1);opacity:0;}
}
@-webkit-keyframes warn{0%{-webkit-transform:scale(0);opacity:0;}
30%{transform:scale(0);opacity:.1;}
60%{transform:scale(.5);opacity:.5;}
100%{-webkit-transform:scale(1);opacity:0;}
}
@-moz-keyframes warn{0%{-moz-transform:scale(0);opacity:0;}
30%{transform:scale(0);opacity:.1;}
60%{transform:scale(.5);opacity:.5;}
100%{-moz-transform:scale(1);opacity:0;}
}


@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem}
	
	#yun_pro{padding:.5rem 0;}
	#yun_pro .list{margin-top:.2rem;}
	#yun_pro .list .left{float:inherit;width:100%;height:auto;}
	#yun_pro .list .left .t{font-size:.3rem;padding:.2rem .8rem;background:url("../images/idc_title_1.png") no-repeat .3rem center;background-size:.3rem auto;}
	#yun_pro .list .left .left_list{padding:.2rem .6rem .5rem;}
	#yun_pro .list .left .left_list ul li{padding:.3rem .2rem;height:1.25rem;}
	#yun_pro .list .left .left_list ul li i{float:left;color:#fff;font-size:.28rem;line-height:.4rem;}
	#yun_pro .list .left .left_list ul li .info{float:right;width:calc(100% - .5rem);}
	#yun_pro .list .left .left_list ul li .info big{font-size:.26rem;display:block;color:#fff;}
	#yun_pro .list .left .left_list ul li .info small{font-size:.21rem;display:block;color:#fff;}
	#yun_pro .list .right{width:100%;float:inherit;margin-top:.3rem;}
	#yun_pro .list .right .www{height:auto;}
	#yun_pro .list .right .www .t{font-size:.3rem;padding:.2rem .8rem;background:url("../images/idc_title_2.png") no-repeat .3rem center;background-size:.3rem auto;}
	#yun_pro .list .right .www .www_list{padding:.2rem .6rem .5rem;}
	#yun_pro .list .right .www .www_list ul li{padding:.3rem .2rem;height:1.25rem;float:inherit;width:100%;}
	#yun_pro .list .right .www .www_list ul li i{font-size:.28rem;line-height:.4rem;}
	#yun_pro .list .right .www .www_list ul li .info{width:calc(100% - .5rem);}
	#yun_pro .list .right .www .www_list ul li .info big{font-size:.26rem;}
	#yun_pro .list .right .www .www_list ul li .info small{font-size:.21rem;}
	#yun_pro .list .right .www.aq{float:inherit;width:100%;margin-top:.3rem;}
	#yun_pro .list .right .www.aq .t{background:url("../images/idc_title_3.png") no-repeat .3rem center;background-size:.3rem auto;}
	#yun_pro .list .right .www.idc{float:inherit;width:100%;margin-top:.3rem;}
	#yun_pro .list .right .www.idc .t{background:url("../images/idc_title_4.png") no-repeat .3rem center;background-size:.3rem auto;}
	
	#yun_tech{height:auto;padding:.6rem 0;}
	#yun_tech .list{margin-top:.3rem;padding-left:0;}
	#yun_tech .list ul li{float:inherit;width:100%;text-align:center;padding:.3rem 0;}
	#yun_tech .list ul li i{display:none;}
	#yun_tech .list ul li .info{float:inherit;width:100%;}
	#yun_tech .list ul li .info big{font-size:.4rem;line-height:.4rem;}
	#yun_tech .list ul li .info small{font-size:.21rem;margin-top:.1rem;}
	
	#yun_jichu{padding:.6rem 0;}
	#yun_jichu .list{margin-top:.3rem;}
	#yun_jichu .list .img{display:none;}
	#yun_jichu .list ul{width:100%;}
	#yun_jichu .list ul li{padding:.3rem 0;}
	#yun_jichu .list ul li i{font-size:.6rem;}
	#yun_jichu .list ul li .info{float:right;width:calc(100% - 1rem);}
	#yun_jichu .list ul li .info big{font-size:.26rem;}
	#yun_jichu .list ul li .info small{font-size:.21rem;line-height:.34rem;}
	#yun_gov{display:none;}
	
;}