@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ margin:0; padding:0; overflow-x:hidden;}
body{margin:0; padding:0; font-size:12px;font-family:"微软雅黑", arial;}
a:link{ color:#1d1d1d; text-decoration:none;} 
a:active:{color:#1d1d1d; text-decoration:none; }
a:visited {color:#1d1d1d; text-decoration:none;}  
a:hover {color:#1d1d1d; text-decoration:none;}
div,form,img,ul,ol,li,dl,dt,dd,input{margin:0; padding:0; border:0; }
li,dl{list-style-type:none;}
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0;}
.clear{ clear:both;}
.ddos_bannerbg{ background:url(../images/banner.jpg) no-repeat center 0; height:400px; min-width:1200px; overflow:hidden;}
.ddos_banner{ width:1200px; margin:0 auto; font-size:14px; color:#fff;}
.ddos_banner h1{ font-size:36px; padding:40px 0 20px 0; font-weight:normal;}
.ddos_banner p{ padding-bottom:20px; line-height:24px; width:750px;}
.ddos_bnt{ margin-top:20px;}
.ddos_bnt a{ display:block; background:#119ee0; width:145px; height:40px; text-align:center; line-height:40px; font-size:16px; color:#fff; border-radius:5px;}
.ddos_price{ width:1200px; margin:0 auto; padding:40px 0 10px 0;}
.ddos_price h2{ font-size:30px; color:#3d3d3d; text-align:center;font-weight:normal;}
.ddos_price p{ font-size:16px; color:#595959; padding-top:10px;text-align:center;}
.ddos_yable table{ width:1200px; border-collapse:collapse; margin:50px auto;}
.ddos_yable table tr{ list-style:none;}
.ddos_yable table td{ list-style:none; border:1px #dddcdc solid; color:#595959; font-size:16px; height:35px; text-align:center;}
.ddos_yable table td a{ display:inline-block; background:#ee6a08; color:#fff; font-size:16px; padding:10px 20px; border-radius:5px; margin-left:25px; text-decoration:none;}
.ddos_yable table th{ list-style:none; border:1px #dddcdc solid; background:#119ee0; color:#fff;font-size:16px; height:45px;}
.red{ color:#f00;}
.ddos_advtagebg{ background:#f2f2f2; padding:50px 0; min-width:1200px;}
.ddos_advtage{ width:1200px; margin:0 auto;}
.ddos_advtage h2{font-size:30px; color:#3d3d3d; text-align:center;font-weight:normal;}
.ddos_list{ padding-top:30px;}
.ddos_list li{ float:left; width:600px; height:130px;}
.ddos_listleft{ float:left; width:100px; text-align:center;}
.ddos_listright{ float:right; width:480px; padding:0 20px 0 0;}
.ddos_listright h3{ font-size:20px; color:#3d3d3d; font-weight:normal;}
.ddos_listright p{ font-size:14px; color:#595959; line-height:24px; padding-top:10px; }
.ddos_cj{ width:1200px; margin:0 auto;}
.ddos_cj h2{ font-size:30px; color:#3d3d3d; text-align:center;font-weight:normal;}
.ddos_cj p{ font-size:16px; color:#595959; padding-top:10px;text-align:center; line-height:30px;}
.ddos_cjtab{ padding-top:50px;}
.ddos_cjtab li{ background:#f2f2f2; height:200px;}
.ddos_cjtab li.whitebg{ background:#fff;}
.ddos_cjtab_left{ float:left; width:210px; padding-left:20px; padding-top:20px;}
.ddos_cjtab_rigth{ float:right; width:970px;}
.ddos_cjtab_rigth h3{ font-size:20px; color:#3d3d3d; padding-top:25px; font-weight:normal;}
.ddos_cjtab_rigth p{ font-size:16px; color:#595959; padding-top:10px; padding-right:50px; text-align:left; line-height:30px;}
.ddos_footer{ background:#119ee0; text-align:center; padding:50px 0; min-width:1200px;}
.ddos_footer h2{ font-size:36px; color:#fff;}
.ddos_footer_btn{ margin-top:20px;}
.ddos_footer_btn a{ display:block; background:#eba40d; width:210px; height:55px; text-align:center; line-height:55px; font-size:20px; color:#fff; border-radius:5px; margin:0 auto;}
.app_mode{ width:1200px; margin:0 auto; padding-top:50px;}
.app_mode h2{font-size:30px; color:#3d3d3d; text-align:center;font-weight:normal;}
.app_modetab{ padding-top:30px;}
.app_modeleft{ border-right:1px #ccc solid; width:549px; float:left; padding-right:40px;}
.app_moderight{ width:550px; float:right; }
.app_modeleft h3,.app_moderight h3{ font-size:23px; color:#119ee0; font-weight:normal;}
.app_modeleft p,.app_moderight p{ font-size:14px; color:#595959; line-height:24px; padding-top:15px;}
.app_modeimg{ padding-top:15px;}
.ddos_cjbg{ background:#f2f2f2; padding:50px 0; margin-top:50px; min-width:1200px;}


/*防御*/
.home-kd{background:url(../images/bottom_gj.jpg) center no-repeat;width:100%;height: 130px;min-width:1200px}
.numberRun2{width:1200px;color:#fff;font-size:22px;position:relative;margin-left:auto;margin-right:auto}
.mt-number-title{position:absolute;left:0;top:50px;letter-spacing:2px}
.mt-num-sub{position:absolute;right:0;top:60px}
.mt-number-animate{line-height:100px;height:100px;font-size:50px;overflow:hidden;display:inline-block;position:relative;float:right;right:20px;top:12px}
.mt-number-animate .mt-number-animate-dot{width:30px;line-height:100px;float:left;text-align:center}
.mt-number-animate .mt-number-animate-dom{width:50px;text-align:center;float:left;position:relative;top:0;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{width:100%;float:left}



@media screen and (max-width: 768px){
	
.ddos_bannerbg{min-width:360px;}
.ddos_banner{ width:95%;}
.ddos_banner p{ width:100%;}

.ddos_price{ width:95%;}
.ddos_price h2{ font-size:24px;}
.ddos_yable table{ width:100%;margin: 20px auto 50px;}

.ddos_advtagebg{min-width:360px;}
.ddos_advtage{ width:95%;}	
.ddos_advtage h2{font-size:24px;}
.ddos_list li{ width:100%; height:auto; margin:10px auto;}
.ddos_listleft{ width:18%;}
.ddos_listleft img{ width:100%;}
.ddos_listright{ width:80%; padding:0;}

.app_mode{width:95%;}
.app_mode h2{font-size:24px;}
.app_modeleft{ width:100%;}
.app_modeimg img{ width:100%;}
.app_moderight{ width:100%;}

.ddos_cjbg{ min-width:360px;}
.ddos_cj{ width:95%;}
.ddos_cjtab{ padding-top:30px;}
.ddos_cjtab_left{ width:25%; padding-left:0;}
.ddos_cjtab_left img{ width:100%;}
.ddos_cjtab_rigth{ width:73%;}
.ddos_cjtab_rigth p{ padding-right:2%; font-size:14px; line-height:25px;}

.ddos_footer{ min-width:360px;}
.ddos_footer h2{ font-size:30px;}


.home-kd{min-width:360px;background-size: cover; height:220px;}
.numberRun2{ width:95%;}
.mt-number-animate{ right:0; top:100px;font-size:40px; float:none;}
.mt-num-sub{ top:140px;}
.mt-number-animate .mt-number-animate-dom{ width:35px;}
.mt-num-sub{ right:auto;}
.mt-number-animate .mt-number-animate-dot{ width:15px;}
	
	
	
	}