@charset "utf-8";
@import "page.css";

#yun_pro{width:100%;padding:80px 0;}
#yun_pro .list{margin-top:50px}
#yun_pro .list .left{width:40%;height:650px;background:url(/theme/2020/static/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(/theme/2020/static/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(/theme/2020/static/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(/theme/2020/static/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(/theme/2020/static/images/idc_right_bg_2.png)}
#yun_pro .list .right .www.aq .t{background:url(/theme/2020/static/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(/theme/2020/static/images/idc_right_bg_3.png)}
#yun_pro .list .right .www.idc .t{background:url(/theme/2020/static/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:80px 0;background:url(/theme/2020/static/images/idc_tech_bg.png) no-repeat center top;background-size:cover}
#yun_tech .list{margin-top:60px;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:80px 0;}
#yun_jichu .list{margin-top:50px;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:#999;line-height:26px;}

#yun_gov{width:100%;background:#f8f8f8;padding:80px 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(/theme/2020/static/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}
}

@font-face {font-family:"iconfont";
  src:url('../fonts/idc.eot?t=1577350784958');/* IE9 */
  src:url('../fonts/idc.eot') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/7f42b65e7c0043658cb908804e5627bb.woff') format('woff2'),
  url('../fonts/idc.woff') format('woff'),
  url('../fonts/idc.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/idc.svg') format('svg');/* iOS 4.1- */
}
.iconfont{font-family:iconfont!important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.iconCDNjiasu:before{content:"\e6c5"}
.iconduixiangcunchu:before{content:"\e6c6"}
.iconfuzhaijunheng:before{content:"\e6c7"}
.iconwulijifuwuqi:before{content:"\e6c8"}
.iconwangzhanbeian:before{content:"\e6c9"}
.iconyunjiankong:before{content:"\e6ca"}
.iconyunfuwuqi:before{content:"\e6cb"}
.iconyumingzhuche:before{content:"\e6cc"}
.iconfuwuqituoguan:before{content:"\e6cd"}
.iconyunbangshou:before{content:"\e6ce"}
.iconyunxunizhuji:before{content:"\e6cf"}
.iconyunshujunkuSQLServer:before{content:"\e6d0"}
.iconyunshujuku:before{content:"\e6d1"}
.iconSSLzhengshu:before{content:"\e6d2"}

@media (max-width:800px){
	#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(/theme/2020/static/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:.28rem;display:block;color:#fff}
	#yun_pro .list .left .left_list ul li .info small{font-size:.23rem;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(/theme/2020/static/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:.28rem;}
	#yun_pro .list .right .www .www_list ul li .info small{font-size:.23rem;}
	#yun_pro .list .right .www.aq{float:inherit;width:100%;margin-top:.3rem;}
	#yun_pro .list .right .www.aq .t{background:url(/theme/2020/static/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(/theme/2020/static/images/idc_title_4.png) no-repeat .3rem center;background-size:.3rem auto}
	
	#yun_tech{height:auto;padding:.8rem 0;}
	#yun_tech .list{margin-top:.5rem;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:.23rem;margin-top:.1rem}
	
	#yun_jichu{padding:.8rem 0;}
	#yun_jichu .list{margin-top:.5rem;}
	#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:.28rem}
	#yun_jichu .list ul li .info small{font-size:.23rem;line-height:.36rem;}
	#yun_gov{display:none}
	
}