@charset "UTF-8";
/* CSS Document */

html,body{
	  margin:0 auto;width:100%;background:#CCCCCC;
	  }
  img{
	  border:none;display:block;
	  }
  a{
	  text-decoration:none;font: normal 100%;
	  }
ul,li,h1,h2,h3,h4,h5,h6,p{margin: 0px;padding: 0px;text-decoration:none;font-family:"microsoft yahei";}


@media screen and (max-width: 1960px){
.banner img{width:100%;margin:0 auto;margin-top:142px;}
/*互联网定义世界*/
.gongneng{width:79%;margin:0 auto;padding-top:10px;background:#fff;}
.gongneng h4{font-size:18px;text-align: center;margin-top:20px;}
.gongneng .tuanpro{width:65%;margin:0 auto;margin-top:30px;height: 130px; background:#fff;}
.gongneng .tuanpro ul{width:100%;}
.gongneng .tuanpro ul li img{width:70px;}
.gongneng .tuanpro ul li{float:left;width:18%;margin:0 1%;display: block;}
.gongneng .tuanpro ul li .title{font-size:14px;color:#333;}
/*what can we do*/
.do{clear:both;width:79%;margin:0 auto;padding-top:30px;background:#fff;}

.do .jianshe{margin-top:30px;width:79%;margin:0 auto;background:#fff;}
.do .jianshe img{float:left;width:500px;}
.do .jianshe p{float:left;color:#333;margin-left:100px;font-size: 16px;margin-top:80px;}
.do .jianshe_2{clear:both;margin-top:30px;background:#fff;height: 360px;}
.do .jianshe_2 img{float:right;width:500px;margin-right:100px;}
.do .jianshe_2 p{float:right;color:#333;margin-right:200px;font-size: 16px;margin-top:80px;}
/*基础硬件*/
.jichu{clear:both;width:79%;height:300px;background: url(../image/yingjian.jpg) no-repeat center center;margin:0 auto; }
.jichu h3{color:#fff;text-align: center;font-size:24px;padding-top:130px;}
.jichu p{color:#fff;text-align: center;font-size:16px;margin-top:10px;}
/*相关案例*/
.anli{width:79%;height:700px;background: #d1c0a5;margin:0 auto;}
.anli h3{color:#333;text-align: center;font-size:24px;padding-top:40px;}
.anli p{color:#666;text-align: center;font-size:16px;margin-top:10px;}
.wz_anli{width:80%;margin:0 auto;}
.wz_anli>div{ border: 1px solid #ddd; text-align: center; color: #333;width:20%;float: left;margin-left:3%;margin-top:20px; }
.wz_anli img{ margin-bottom: 10px; box-shadow: 2px 2px 4px #ddd;width:100%;}
.wz_anli h2{ font-size: 18px; }
/*建站流程*/
.liucheng{width:79%;height:480px;margin:0 auto;background:#fff;}
.liucheng h3{color:#333;text-align: center;font-size:24px;padding-top:40px;}
.liucheng p{color:#666;text-align: center;font-size:16px;margin-top:10px;}
.liucheng img{width:100%;margin:0 auto;}
}
@media screen and (max-width: 767px){
	.banner img{width:120%;margin:0 auto;margin-top:50px;}
/*互联网定义世界*/
	/*what can we do*/
.do{clear:both;width:100%;margin:0 auto;padding-top:30px;background:#fff;}
.do h4{font-size:18px;text-align: center;background-color:#0061a7;width:300px;color:#fff;line-height:40px;margin:0 auto;margin-bottom:40px;}
.do .jianshe{margin-top:30px;width:79%;margin:0 auto;background:#fff;}
.do .jianshe img{float:left;width:300px;}
.do .jianshe p{float:left;color:#333;margin-left:30px;font-size: 14px;margin-top:20px;}
.do .jianshe_2{clear:both;margin-top:30px;background:#fff;height: 400px;}
.do .jianshe_2 img{float:right;width:300px;margin-right:10px;}
.do .jianshe_2 p{float:right;color:#333;margin-right:20px;font-size: 14px;margin-top:20px;}
	.gongneng{width:100%;margin:0 auto;padding-top:10px;background:#fff;}
	.gongneng .tuanpro{width:79%;margin:0 auto;margin-top:30px;height: 120px; background:#fff;}
    .gongneng .tuanpro ul{width:100%;}
    .gongneng .tuanpro ul li img{width:40px;}
    .gongneng .tuanpro ul li{float:left;width:18%;margin:0 1%;display: block;}
    .gongneng .tuanpro ul li .title{font-size:14px;color:#333;}
	/*基础硬件*/
.jichu{clear:both;width:100%;height:200px;background: url(../image/yingjian.jpg) no-repeat center center;margin:0 auto; }
.jichu h3{color:#fff;text-align: center;font-size:18px;padding-top:40px;}
.jichu p{color:#fff;text-align: center;font-size:14px;margin-top:10px;}
	/*相关案例*/
.anli{width:100%;height:2200px;background: #d1c0a5;margin:0 auto;}
.anli h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
.anli p{color:#666;text-align: center;font-size:14px;margin-top:10px;}
.wz_anli{width:60%;margin:0 auto;}
.wz_anli>div{ border: 1px solid #ddd; text-align: center; color: #333; width:100%;float: left;margin-left:3%;margin-top:20px; }
.wz_anli img{ margin-bottom: 10px; box-shadow: 2px 2px 4px #ddd;}
.wz_anli h2{ font-size: 18px; }
/*建站流程*/
.liucheng{width:100%;height:400px;margin:0 auto;background:#fff;}
.liucheng h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
.liucheng p{color:#666;text-align: center;font-size:14px;margin-top:10px;}
.liucheng img{width:100%;margin:0 auto;margin-top:30px;}
}

@media screen and (max-width: 1960px){
.banner_2 img{width:100%;margin:0 auto;margin-top:142px;}
.app{width:79%;margin:0 auto;background: #fff;}
.app h3{font-size:18px;color:#ff4c03;text-align: center;padding-top:30px;}
.app img{width:70%;margin:0 auto;margin-top:30px;}
.app_2{width:79%;margin:0 auto;background: #fff;}
.app_2 h3{font-size:18px;color:#333;text-align: center;padding-top:30px;}
.app_2 p{font-size:14px;color:#666;text-align: center;margin-top:20px;}
.app_2 img{width:70%;margin:0 auto;margin-top:30px;}
/*相关案例*/
.anli_2{width:79%;height:700px;background: #89c997;margin:0 auto;}
.anli_2 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
.anli_2 p{color:#666;text-align: center;font-size:14px;margin-top:10px;}
}
@media screen and (max-width: 767px){
/*app开发页面*/
.banner_2 img{width:100%;margin:0 auto;margin-top:50px;}
.app{width:100%;margin:0 auto;background: #fff;}
.app h3{font-size:18px;color:#ff4c03;text-align: center;padding-top:30px;}
.app img{width:90%;margin:0 auto;margin-top:30px;}
.app_2{width:100%;margin:0 auto;background: #fff;}
.app_2 h3{font-size:18px;color:#333;text-align: center;padding-top:30px;}
.app_2 p{font-size:14px;color:#666;text-align: center;margin-top:20px;}
.app_2 img{width:70%;margin:0 auto;margin-top:30px;}
/*相关案例*/
.anli_2{width:100%;height:2000px;background: #89c997;margin:0 auto;}
.anli_2 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;margin:0 auto;}
.anli_2 p{color:#666;text-align: center;font-size:14px;margin-top:10px;}
	}


/*游戏开发*/
@media screen and (max-width: 1960px){
	.banner_3 img{width:100%;margin:0 auto;margin-top:130px;}
	.youxi{width:79%;margin:0 auto;background: #fff;padding-bottom:50px;}
	.youxi .pop_text h4{font-size:28px;color:#333;margin-left:40px;}
	.youxi .pop_text h5{font-size:24px;color:#666;margin-top:10px;margin-bottom:20px;margin-left:40px;}
	.youxi .pop_text p{font-size:14px;color:#666;line-height:24px;margin-left:40px;}
	.xian{width:79%;height:1px;background: #999;margin:0 auto;}
    .list{width:79%;margin:0 auto;background: #fff;padding-top:20px;}
	.list h6{font-size:24px;color:333;text-align: center;margin-bottom:20px;}
	.list ul{width:80%;margin:0 auto;}
	.list ul li{float:left;width:25%;text-align: center;margin-bottom:20px;}
	.list ul li img{width:60%;}
	.list ul li p{font-size:14px;line-height:24px;margin-top:10px;margin-right:120px;}
	.anli_3{width:79%;height:1200px;background: #89c997;margin:0 auto;}
    .anli_3 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
    .anli_3 p{color:#666;text-align: center;font-size:14px;margin-top:10px;}
	
}
@media screen and (max-width: 767px){
.banner_3 img{width:100%;margin:0 auto;margin-top:50px;}
.youxi{width:100%;margin:0 auto;background: #fff;}
.youxi .pop_text h4{font-size:18px;color:#666;margin-left:40px;padding-top:10px;}
.youxi .pop_text h5{font-size:16px;color:#999;margin-top:10px;margin-bottom:20px;margin-left:40px;font-weight:normal;}
.youxi .pop_text p{font-size:14px;line-height:24px;margin-left:40px;}
.xian{width:100%;height:8px;background: #EFEFEF;margin:0 auto;}
.list{width:100%;margin:0 auto;background: #fff;padding-top:20px;}
.list h6{font-size:18px;color:333;text-align: center;margin-bottom:20px;}
.list ul{width:100%;margin:0 auto;}
.list ul li{float:left;width:50%;text-align: center;margin-bottom:20px;}
.list ul li img{width:60%;margin-left:30px;}
.list ul li p{font-size:14px;line-height:24px;margin-top:10px;margin-left:40px;width:50%;}
/*相关案例*/
.anli_3{width:100%;height:4000px;background: #89c997;margin:0 auto;}
.anli_3 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;margin:0 auto;}
.anli_3 p{width:90%;color:#666;text-align: center;font-size:14px;margin-top:10px;margin:0 auto;}
	}

/*行业平台*/
@media screen and (max-width: 1960px){
	.one{width:79%;margin:0 auto;background: #fff;}
	.media_box {
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
   }
	.media_pic, .media_info {
    width: 50%;
    text-align: center;
    float: left;
   }
    .media_info h3 {
    font-size: 26px;
}
.media_info  p {
    width: 500px;
    display: inline-block;
    margin-top: 20px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    text-align: left;
}
.h-body p{width:600px;margin:5px 0;} 
.anli_4{width:79%;height:1600px;background: #89c997;margin:0 auto;}
.anli_4 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
.anli_4 p{color:#666;text-align: center;font-size:14px;margin-top:10px;}	
.hy_anli{width:90%;margin:0 auto;}
.hy_anli>div{ border: 1px solid #ddd; text-align: center; color: #333;width:40%;float: left;margin-left:5%;margin-top:20px; }
.hy_anli img{ margin-bottom: 10px; box-shadow: 2px 2px 4px #ddd;width:100%;}
.hy_anli h2{ font-size: 18px; }
}
@media screen and (max-width: 767px){
	.one{width:100%;margin:0 auto;background: #fff;}
	.media_box {
    padding-top: 60px;
    padding-bottom: 60px;
    overflow: hidden;
   }
	.media_pic, .media_info {
    width: 100%;
    text-align: center;
   }
    .media_info h3 {
    font-size: 24px;
}
	.media_pic img{
    width: 100%;
   
   }
.media_info p {
    width:90%;
    margin-top: 20px;
    line-height: 30px;
    color: #666;
    font-size: 14px;
    text-align: left;
}
	.fenjie{width:100%;height:8px;background: #EFEFEF;}
.h-body p{width:90%; line-height: 30px;margin:0px 0;} 
.anli_4{width:100%;height:3000px;background: #89c997;margin:0 auto;}
.anli_4 h3{color:#333;text-align: center;font-size:18px;padding-top:40px;}
.anli_4 p{color:#666;text-align: center;font-size:14px;margin-top:10px;}	
.hy_anli{width:90%;margin:0 auto;}
.hy_anli>div{ border: 1px solid #ddd; text-align: center; color: #333;width:100%;float: left;margin-left:2%;margin-top:20px; }
.hy_anli img{ margin-bottom: 10px; box-shadow: 2px 2px 4px #ddd;width:100%;}
.hy_anli h2{ font-size: 18px; }
}