@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1180px) {
	
	.header .box .nav li{ padding:0 20px;}
	
	.derp .news_index .bd .con .con_r .list dl{ float:right; width:48%; margin-right:2%; margin-top:5px;}
	.derp .news_index .bd .con .con_r .list dt{ line-height:40px;}
	.derp .news_index .bd .con .con_r .list dd.txt{ line-height:18px; height:36px;}
	
	.about_derp .box .pic{ width:60%;}
	.about_derp .box .txt{ width:57%;}
	
	.case li{ width:31.333%;}
	
	.product li{ float:left; width:31.333%;}
	
	
	
}


@media screen and (max-width: 980px) {
	
	.logo{ width:150px;}
	.header{ height:60px;}
	.header .box h1{ width:160px; top:10px;}
	.yybb{ right:130px; top:20px;}
	.search{right: 70px;top: 10px;}
	.header .box .nav{ display:none;}
	
	.banner_pc{  margin-top:60px;}
	
	.menu{ display:block; float:right;}
	.openclose{ display: block; width: 60px; height: 60px; line-height:60px; text-align:center;}
	.menu a:hover{ text-decoration:none;}
	.sub_menu{ display: none; position:fixed; right:0px; top:60px; width:70%; z-index:100; background:#222; border-radius:0px 0 0 5px; box-shadow:0 0 5px #333;}
	.sub_menu .box{ padding:5%;}
	.sub_menu .nav_er ul{ margin:0 auto; padding:20px 0;}
	.sub_menu .nav_er li{ line-height:40px; border-bottom: 1px solid #333;}
	.sub_menu .nav_er li a{ color: #FFF; display:block;}
	.sub_menu .nav_er li a:hover{ color: #FFF; display:block; text-decoration:none;}
	
	.banner{ margin-top:60px;}
	
	.dyip .slideTxtBox .hd ul li{ width:20%;}
	
	.derp .news_index .hd ul li{ width:20%;}
	.derp .news_index .bd .con .pic{ float:none; width:100%;}
	.derp .news_index .bd .con .con_r{ float:none; width:100%; margin-top:20px;}
	.derp .news_index .bd .con .con_r .list dd.more{ display:block; line-height:24px; margin-top:10px;}
	
	.dsanp li{ float:none; width:100%;}
	
	.con_neiye{ padding:5%;}
	
	
	.about_derp .by{ padding:5% 0;}
	.about_derp .box .pic{ float:none; width:100%;}
	.about_derp .box .txt{ width:100%; position:inherit;}
	
	.subnav .yiji li{ width:33.333%;}
	.subnav .erji li{ width:31.333%; margin-top:1%; margin-bottom:1%;}
	
	.product li{ float:left; width:48%;}
	
	.case li{ width:48%;}
	
	.server li{ width:20%;}
	
	.product_con .page{ width:80%;}
	.sp-thumbs a:link, .sp-thumbs a:visited {width: 50px;height:50px;}

	.honor li{width: 48%;}
	
	.foot{ text-align:center;}
	.foot .foot_t .t_l{ float:none; width:100%; padding-bottom:3%;}
	.foot .foot_t .t_r{ float:none; width:100%; border-top:1px solid #333; padding-top:3%;}
	.foot .foot_t .t_r .pic{ width:120px; margin:0 auto;}
	.foot .foot_b{ padding:2% 5%;}
	
	
	
}


@media screen and (max-width: 720px) {
	
	.logo{ width:100px;}
	.banner_sj{ display:block; margin-top:60px;}
	.banner_pc{ display:none;}
	
	.banner .pic_yi{ display:none;}
	.banner .pic_er{ display:block;}
	
	
	.dyip .slideTxtBox .hd ul li{ width:32.333%; float:left;}
	.dyip .slideTxtBox .bd ul{ margin-left:0%;}
	.dyip .slideTxtBox .bd li{ float:left; width:100%; margin:2% 0%;}
	
	.derp .news_index .hd ul li{ width:32.333%;}
	.derp .news_index .bd .con .con_r .list .pic_er{ float:none; width:100%;}
	.derp .news_index .bd .con .con_r .list dl{ float:none; width:90%; padding:5%; margin-top:0px;}
	
	.about_derp{ padding-bottom:10%;}
	
	.subnav .erji{ padding:5% 3%;}
	.subnav .yiji li{ width:50%;}
	.subnav .erji li{ width:48%;}
	
	.case ul{ margin-left:0%;}
	.case li{ width:100%; margin-left:0%;}
	
	.server li{ width:40%; margin:5%;}
	
	.cjwt .cpxqer li .con_er{ padding:5%;}
	
	.contact .contact_b li{ width:100%; margin-bottom:1%;}
	
	.contact .contact_b li.textarea textarea{ width:96%; padding:2%;}

	.honor ul{margin-left: 0;}
	.honor li{width: 100%;float: none;margin-left: 0;}
	
	.foot .foot_t .t_l dl{ width:30%; min-height:160px;}
	
	.ewm{ display:none;}
	
}