@charset "utf-8";
/* CSS Document max 大到小 min 小到大*/
@media screen and (min-width: 1921px){
	.w {width: 1400px;}
}
@media only screen and (max-width: 1920px) {
	.w {width: 1400px;}
	.newsbox{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.newsList {width:calc((100% - 30px) / 2);}
	.newsList-img {width: 30%;}
	.newsList-in{width:70%; padding-top:0;}
		
}
@media only screen and (max-width: 1600px) {
	.w {width: 1200px;}
	.t-nav li a{ font-size:15px;padding:0 10px 0 10px;}
	.t-nav li .td-m a{ font-size:13px;}
	.ttel{ padding:18px 10px 0 10px;}
	.youshi dd{width: calc((100% - 90px) / 3)}
	.serverlist dd {width: calc((100% - 50px) / 3); padding-top:30px;}
	.server-icon i {font-size: 36px;}
	.server-con a { width:50%; font-size:14px;}
	.index-case-img { height:160px;}
	.server-icon{ float:left; margin:0 0 0 0;border-radius:5px; width:calc(20%);}
	.server-title{width:calc(80%); text-align:left; float:left; margin:0 0 0 0; padding-top:10px;padding-left:5%}
	.server-con{width:100%; float:left; margin:10px 0 0 0; padding:15px; background:#f5f5f5; border-radius:5px;}
	.server-more {float:left; margin:10px 0 0 0;text-align: center; width:100%;}
	
	.newsbox{display: flex; display: -ms-flexbox; display: -webkit-flex; justify-content: space-between; -ms-justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap;}
	.newsList {width:calc((100% - 30px) / 2);}
	.newsList-img{width:40%;}
	.newsList-in{width:60%; padding-top:0;}
	
}
@media only screen and (max-width: 1366px) {
	.w{width: 1200px;}
	.t-nav li a{ font-size:15px;padding:0 10px 0 10px;}
	.t-nav li .td-m a{ font-size:12px;}
	.ttel{ padding:18px 10px 0 10px;}
	.youshi dd{width: calc((100% - 90px) / 3)}
	.serverlist dd {width: calc((100% - 50px) / 3);}
	.server-icon i {font-size: 36px;}
	.server-con a { width:50%; font-size:14px;}
	.index-case-img { height:160px;}
	.server-icon{ float:left; margin:0 0 0 0;border-radius:5px; width:calc(20%);}
	.server-title{width:calc(80%); text-align:left; float:left; margin:0 0 0 0; padding-top:10px;padding-left:5%}
	.server-con{width:100%; float:left; margin:10px 0 0 0; padding:15px; background:#f5f5f5; border-radius:5px;}
	.server-more {float:left; margin:10px 0 0 0;text-align: center; width:100%;}
	.newsList{ width:100%;}
}
@media only screen and (max-width: 1200px) {
	.w{width: 1000px;}
	.t-nav li a{ font-size:14px;padding:0 6px 0 6px;}
	.t-nav li .td-m a{ font-size:12px;}
	.ttel{ padding:18px 10px 0 10px;}
	.tel-t{ display:none;}
	.youshi dd{width: calc((100% - 90px) / 3)}
	.serverlist dd {width: calc((100% - 50px) / 3);}
	.server-icon i {font-size:24px;}
	.server-con a { width:50%; font-size:14px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.index-case-img { height:160px;}
	.server-icon{ float:left; margin:0 0 0 0;border-radius:5px; width:calc(20%);}
	.server-title{width:calc(80%); text-align:left; float:left; margin:0 0 0 0; padding-top:10px;padding-left:5%}
	.server-con{width:100%; float:left; margin:10px 0 0 0; padding:15px; background:#f5f5f5; border-radius:5px;}
	.server-more {float:left; margin:10px 0 0 0;text-align: center; width:100%;}
	.newsList{ width:100%;}
}
@media only screen and (max-width: 1000px) {
	.w{width: 100%;}
	.t-nav li a{ font-size:14px;}
	.t-nav li .td-m a{ font-size:12px;}
	.tel-t{ display:none;}
	.youshi dd{width: calc((100% - 90px) / 2)}
	.serverlist dd {width: calc((100% - 50px) / 2);}
	.server-icon i {font-size: 24px;}
	.server-con a { width:50%; font-size:14px;}
	.index-case-img { height:160px;}
	.server-icon{ float:left; margin:0 0 0 0;border-radius:5px; width:calc(20%);}
	.server-title{width:calc(80%); text-align:left; float:left; margin:0 0 0 0; padding-top:20px;padding-left:5%}
	.server-con{width:100%; float:left; margin:10px 0 0 0; padding:15px; background:#f5f5f5; border-radius:5px;}
	.server-more {float:left; margin:10px 0 0 0;text-align: center; width:100%;}
	.newsList{ width:100%;}
}