@charset "utf-8";

@media screen and (max-width:1228px)
{
	
}



/*<=1023px*/
@media screen and (max-width:1030px)
{
	
header .logo img{  display:block; height:100%; }

header .dianhua { width:18%;}



.position{display:none;}
.positioninfo{display:none;}

.info_list{ padding:20px 0 0 0; overflow:hidden;}
.info_list ol.head span.title{ width:100%;}
.info_list ol.head span.views{ display:none; }
.info_list ol.head span.date{display:none;}

.info_list ol{ overflow:hidden;}
.info_list ol.info a.title{width:100%; }
.info_list ol.info span.views{display:none; }
.info_list ol.info span.date{display:none; }	

.product_list li{ float:left; width:30%; padding:5px 1% 10px 2%; font-size:14px; line-height:21px; text-align:center;}

.anli { display:none;}
.hexpert01 {}

/*手机站案例样式*/
.imainwap{ display:block; clear:both; width:100%; margin:0 auto; overflow:hidden;}
.imainwap .hex { padding:0px 0px 0px 0px; margin:5% 0px 5% 0px; overflow:hidden;}
.imainwap .hex li{ float:left; width:23%; padding:0px; margin:2% 1% 2% 1%; text-align:center; list-style-type:none; }
.imainwap .hex li a{ display:block; background:#FFFFFF; padding:0px; list-style-type:none;}
.imainwap .hex li a:hover{ text-decoration:none; padding:0px; color:#555;}
.imainwap .hex li img{ display:block; width:100%; }
.imainwap .hex li p{ border:1px solid #d3d3d3; border-top:none; background:#f7f7f7; line-height:22px; height:45px; padding:15px 4% 0 4%; overflow:hidden; font-size:16px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.imainwap .hex li a:hover p{ background:#d3d3d3; }
/*手机站案例样式 end*/

/*.imain5 .neirong p { font-size:13px; line-height:23px;}
.imain5 .neirong .shuzu span {color:#db0000; font-size:40px; font-weight:bold;}*/
.imain5 .compic { float:right; width:30%; }
.imain5 .compic img { width:100%;}	
	
}






@media screen and (max-width:870px)
{

.logo{width:40%; margin:0; text-align:left; padding:1.5% 0 1.5% 0%; }
.logo img{  display:block; height:100%; }	
	
header .dianhua { display:none;}

.mainnav{margin:0 auto;}
.mainnav:after, .mainnav:before {content: '';display: block;clear: both;height: 0;}
.mainnav a{float:none; width:100%; font-size:16px; text-align: center; line-height:36px; }


/*.biaoti{ text-align:center; margin:2% 0 0px 0; }*/
.biaoti{  max-width:100%; margin:3% auto 0px  auto; background:none; overflow:hidden;}
.biaoti .leftz { display:none}
.biaoti .rightz { float:none; width:100%; text-align:center; margin:0px;}
.biaoti p {color:#a2a2a2; font-size:16px; line-height:18px;}

.biaoti1{  max-width:100%; margin:3% auto 0px  auto; background:none; overflow:hidden;}
.biaoti1 .leftz { display:none}
.biaoti1 .rightz { float:none; width:100%; text-align:center; margin:0px;}
.biaoti1 p {color:#fff; font-size:16px; line-height:18px;}

.cptupian{ padding-top:5%;overflow:hidden;}
.cptupian ul li{ float:left; width:47.6%; }


.imain5 .compic { display:none}

.imain5 .neirong{ float:none; width:92%; padding:0% 3%; overflow:hidden;}
.imain5 .neirong p{ font-size:15px;}

.imainwap .hex li{width:48%;  }

.imainbg2{ clear:both; width:100%; margin:0 auto;}
.imain2 ul {background:none;padding:2% 0; }
.imain2 li { float:left; width:40%; color:#fff; font-size:15px; color:#d1d1d1; line-height:24px; margin:1% 4.0% 2% 2%; }

.imain2 .ystitle { margin:0 auto -60px auto; width:56px; height:74px; font-size:21px; padding:s0px 20px; color:#fff; font-weight:bold; line-height:38px; background:#005192; border-radius:57px; text-align:center; z-index:999px; position:relative}

.imain2 .nysur { font-size:16px; color:#333;width:80%;  padding:40% 10% 10% 10%; background-color:rgba(255,255,255,0.8); border-radius:10px; }

.imain3 .hotnews { float:left; width:96%;  margin:3% auto 0% auto; }
.imain3 .hotnews .more { display:none}

.imain3 .xinwen{ float:none; width:100%; margin:3% auto 4% auto; overflow:hidden;}
.imain3 .xinwen dl dt{ display:none}
.imain3 .xinwen dl dd{ float:none; width:100%; padding:0 0% 0 0%; background:url(images/dot.gif) left no-repeat; padding-left:15px;}
.imain3 .xinwen dl dd a{ font-size:18px; line-height:40px; height:40px; overflow:hidden; display:block;}



.focus .rslides .bannerheight{ height:300px;}

.linkbox{ padding:3% 1%; }

.footmenu { display:none}
.erweima{ display:none}
.dbcont { float:none; width:100%; text-align:center; padding-left:0%; border-left:0px solid #383838}

.footbox{  clear:both; overflow:hidden; text-align:center; width:100%; margin:0 auto 0 auto; padding:4% 0; line-height:24px; font-size:15px; }

	
}


@media screen and (max-width:768px)
{	
.topimage{display:none;}


.eduimg{height:160px;}
.mainpage{margin:0 auto 0 auto;}
.headerbox{position:relative;}


.info_listimg ul li{ float:left; width:46%; padding:5px 1% 5px 2%; text-align:center;}

.info_view .bigimg img{ width:100%;}

.product_list ul li{ float:left; width:46%; padding:5px 1% 10px 3%; font-size:14px; line-height:21px; text-align:center;}

.info_list dl { float:left; width:46%; padding:5px 1% 10px 3%;  text-align:center; margin:0;}


.focus .rslides .nybanner { height:210px;}

}


@media screen and (max-width:640px)
{
header .logo{width:76%; margin:0; text-align:left; padding:0% 0 1% 2%;}
header .logo img{  display:block; height:auto; width:80%; }



.imainbg4{ display:none; } 
.imainwap{ display:block; }


.yb_conct{ display:none;}

.product_view div.bigimg img{ width:100%;  }

.imain2 .nysur { width:94%;  padding:30% 5% 15% 5%; }

}


@media screen and (max-width:440px)
{
header .logo{width:76%; margin:0; text-align:left; padding:1% 0 1% 2%;}
header .logo img{  display:block; height:auto; width:80%; }
	
.headerbox .dbwz .gjc { display:none }	
.cpfenlei{ clear:both; text-align:center;  padding:1.5% 0; color:#555555; background:none;  }
.cpfenlei a{ float:left; width:30%; padding:1% 0%; margin:0 0 2% 3%; text-decoration:none; font-size:15px; background:#e0e0e0;border-radius:25px; display:block;} 

.menu1 li a,.menu1 li a:link,.menu1 li a:visited {color:#ffffff; line-height:44px; height:44px; padding:4px 10px 7px 10px; background:#7a7a7a; text-align:center; font-size:16px; margin:0 5px;}


.cptupian ul li{ float:left; width:47%; }

	
}

@media screen and (max-width:360px)
{
	


}