@charset "utf-8";

/* Default wide-screen styles */
@media all and (max-width: 1600px) {
   
/* styles for narrow desktop browsers and iPad landscape */
}

@media all and (max-width: 1300px) {
 
/* styles for narrow desktop browsers and iPad landscape */
}


@media all and (max-width: 1200px) {
  .centertow{ width:100%;}
  .navul ul li{ width:110px;}
  .product-fld ul{ width:100%;}
  .pro-tits{width:100%; margin-top:22px; margin-left:5px;}
  .pro-flsamll ul{ width:100%; margin-top:20px; margin-bottom:15px;}
  .product-listt ul,.syprolist ul,.boot-list{ width:100%;}
  .logoprot{ float:none;}
  .gswtlist{ float:none;}
  .chanpfid:after{ clear:both;}
  
  .botcony{width:100%; margin:0 auto;}
  
  .jjfatsd{width:100%;}
  .jjfaimglist ul li .imgjiejue{ height:auto;}
  
  .sypro-flsamll ul{ width:100%;}
  
  .proshows .proshowmtit,.showcans{width:100%;}
  
  .aboutbody,.ui-caselist{width:100%;padding:5px;}
  .aboutbody .aboutxt{ width:96%; margin-bottom:25px;}
  
  .content_box,.syabouts{ width:100%; padding:5px;}
  
  .sygy-fleft{ margin-left:25px; float:left; width:42%;}
  .sygy-right{ float:right; width:55%;}
  
  .sygy-right ul li{ float:left; width:110px; margin-left:10px;}
  
  .syxinwen{ display:block; width:100%; margin:0 auto;padding:5px; margin-top:5px;}
  
  .synes-fid{ width:100%; margin-top:40px;}
  
  
  .xinwlist .xwtxt-left{width:60%;}
  .xinwlist .xwtxt-right{ width:38%;}
  
  .sylink ul{width:100%;padding:5px;}
 
  .solution-dlm ul,.solution-xlm ul,.solution-list{width:100%;padding:5px;}
  .solution-list ul li .solution-img { height: auto;}

}
@media all and (max-width: 1100px) {

.jjfaimglist ul li .maskjj h3{ padding-top:30px;}

}

@media all and (max-width: 1000px) {

  .navul ul li{ width:100px;}
  
  
.proshowmtit .showimgs{ width:40%; margin-left:30px;}
.proshowmtit .showtitex{width:40%; margin-left:30px;}

}

@media all and (max-width: 990px) {

}

@media all and (max-width: 900px) {

}

@media all and (max-width: 965px) {

}

@media all and (max-width: 880px) {

  .navul{ display:none;}
  .navbar-header{display:block;}
  .logot{ float:left; width:135px; margin-top:6px; margin-left:8px;}
  .logot img{ width:100%;}
  .search-form{display:block; width:100%;background-color: #ddd; position:static;}
  .search-form form{ width:95%; margin:0px auto; margin-top:15px;}
  .baner-nei,.xxs-ban{ margin-top:48px;}
  .header-top{ background:#999;border-radius:1px;}
  .product-listt ul li{ width:47%; margin-right:4%;}
  .product-listt ul li:nth-child(3n){ margin-right:4%;}
  .product-listt ul li:nth-child(2n){ margin-right:0px;}
  .product-listt ul li a.pro-hint{ border-right:1px solid #eee;}
  .product-listt ul li:nth-child(3n) a.pro-hint{ border-right:1px solid #eee;}
  
  .logoemail{ width:90%;  margin:0 auto; float:none; padding-top:10px;padding-left:0px;}
  .logoemail .botlogo a{ font-size:26px;}
  .botfroms form,.logixns{width:100%;}
  .logoemail .logixns{ margin-top:20px;}
  
  .chanpfid{width:90%; margin:0 auto; float:none; margin-top:30px;}
  .chanpfid li a{ width:100%; font-size:18px;}
  
  .gushis{ width:90%; margin:0 auto; float:none;margin-top:30px;}
  .gushis .guishilist a{ width:100%;}
  
  .weitiss{width:90%; float:none;margin:0 auto;margin-top:30px;}
  .weitiss .weilists a{ width:160px; }
  .weitiss .weilists:nth-child(2n-1){}
  
  
  .jjfatsd .jjfaxian h3 p{ width:280px; font-size:26px;line-height:35px;}
  .jjfafid{ margin-top:35px;}
  .jjfafid ul li a{ height:45px; line-height:42px; font-size:16px;}
  
  
   .jjfaimglist ul li .maskjj h3{ padding-top:20px;}
   .jjfaimglist ul li .maskjj p{ padding-top:12px;}
   .jjfaimglist ul li .jjfatith a{ font-size:14px;margin-top:0px;}
   
   
     .syprolist ul li{ width:46%; margin-right:4%;}
	 .syprolist ul li:nth-child(3n){ margin-right:4%;}
     .syprolist ul li:nth-child(2n){ margin-right:0px;}
	 
	 
	 .ppcs{display:none;}
     .wapps{display:block;}
	 
	 
	 .proshowmtit .showimgs{ width:50%; margin-left:0px;}
     .proshowmtit .showtitex{width:50%; margin-left:0px;}
	 
	 
	 
	   .ui-caselist.full ul{

  }
  .ui-caselist.full ul li{
  	margin-bottom: 10px;
  }
  .ui-caselist.full .i >.im{
  	width: 100%;
  	float: none;
  }
  .ui-caselist.full .i >.ct{
  	margin-left: 0;
  	height: auto;
  	padding: 15px 10px;
  }
  .ui-caselist.full .i >.ct >label{
  	display: none;
  }
  
.ui-caselist .i > .ct p.p1  {
    padding-top: 0;
    font-size: 14px;
}
.ui-caselist .i >.ct p.p2 {
    margin-top: 10px;
    line-height: 20px;
}


  .sygy-fleft{ margin-left:0px; float:none; width:100%; padding:5px;}
  .sygy-right{ float:none; width:100%; padding:5px;}
  .syabodyss { width:100%; margin-top:15px;}
  .sygy-fleft h3{ font-size:42px;}
  .sygy-fleft p{font-size:32px;}

  .sygy-right ul li{ float:left; width:23%; margin-left:10px;}
  .sygy-right ul { height:60px;}
  
  .synewshr h3 p { width:280px; font-size:26px;line-height:35px;}
  
  .xinwlist .xwtxt-left{width:100%; float:none; padding:5px;}
  .xinwlist .xwtxt-right{ width:100%;float:none; margin-top:25px;}
  
  
  .sylink{ padding-top:10px; padding-bottom:10px;}
  
  .solution-dlm{ margin-top:0px;}
  .solution-dlm ul{ padding-top:0px;}
  .solution-dlm ul li{ float:none; width:100%; margin-right:0px; margin-top:15px;}
  
  .solution-xlm ul{ margin-top:10px;}
  .solution-xlm ul li{ display:inline-block; color:#C3C0C0; text-align:center; margin-left:20px; line-height:30px;}
  
  
  .solution-list ul li{width:100%;padding-bottom:15px; margin-top:20px;margin-right:0px;}
  .solution-list ul li:nth-child(3n){margin-right:0px;}
  .solution-list ul li .solution-title .solutiontjs h3 a{ margin-top:5px;}
  .solution-list ul li .solution-title a.posmoer{ margin-top:10px;}
}
@media all and (max-width: 860px) {

}

@media all and (max-width: 840px) {

}

@media all and (max-width: 820px) {
 
}

@media all and (max-width: 800px) {


}

@media all and (max-width: 780px) {
 .product-fld ul li{ width:25%; height:110px; border-bottom:1px #ddd solid; padding-top:5px;}
 .product-fld{ border:none;}
 .pro-flsamll ul li{ width:25%; margin-bottom:12px;}
 
 .jjfaimglist ul{ display:block; width:98%; margin:0 auto;}
 .jjfaimglist ul li{float:left; width:47.5%; margin-right:5%;}
 .jjfaimglist ul li:nth-child(3n){ margin-right:3%;}
 .jjfaimglist ul li:nth-child(2n){ margin-right:0px;}
 
 .syprodctfid ul li{ width:25%; height:110px; border-bottom:1px #ddd solid; padding-top:5px;}
 .syprodctfid ul li{ width:25%; margin-bottom:12px;}
 
 .sypro-flsamll ul li{ width:33.33333%; margin-bottom:12px;}
 
 
     .proshowmtit .showimgs{ float:none; width:95%; margin:0 auto; text-align:center;}
     .proshowmtit .showtitex{float:none; width:100%;  margin:0 auto; margin-top:30px;}
	 .proshowmtit .showimgs img{ width:100%;}
	 .proshowmtit .showtitex h3{width:95%; margin:0 auto;}
	 .showzbody{width:92%; margin:0 auto; margin-top:20px;}
	 
	 .showcans h4{width:95%; margin:0 auto; margin-top:30px;}
	 .showzbodyjs{width:92%; margin:0 auto; margin-top:20px; margin-bottom:40px;}
	 
	  .synes-fid ul li{width:85px; margin-left:15px;}
      .synes-fid ul li a { width:100%; font-size:14px; height:35px; line-height:32px;border-radius:15px;}
}

@media all and (max-width: 700px) {
.boot-decs{ min-height:inherit; padding-top:10px; padding-bottom:15px;}
.botjiess{ float:none; width:100%; color:#90959C; line-height:25px; text-align:center;}
.botjiess a{color:#90959C}
.botjsts{ float:none;width:100%; color:#90959c;line-height:25px; text-align:center; margin-right:0px;}
}

@media all and (max-width:650px) {

}


@media all and (max-width:640px) {
.jjfatsd .jjfaxian h3 p{ width:200px;}
.synewshr h3 p{ width:200px;}

.weitiss li.weilists{ float:left;margin-right:5%; width:47.5%;}
.weitiss .weilists:nth-child(2n-1){ margin-right:0px;}
.weitiss .weilists a{ width:100%;}

}

@media all and (max-width:600px) {

}

@media all and (max-width:580px) {

}

@media all and (max-width:570px) {

.sygy-right ul li{ float:left; width:23%; margin-left:5px;}
.sygy-right ul li a img{ width:50%;}
.sygy-right ul li a p{ font-size:14px;}

}

@media all and (max-width:500px) {

 .product-fld ul li{ width:50%; height:95px; border-bottom:1px #ddd solid;padding-top:5px;}
 
 .syprodctfid ul li{ width:50%; height:100px; border-bottom:1px #ddd solid;padding-top:5px;}
 
 
     .syprolist ul li{ width:90%; margin:0 auto; float:none; display:block; margin-bottom:30px;}
	 .syprolist ul li:nth-child(3n){margin:0 auto;margin-bottom:30px;}
     .syprolist ul li:nth-child(2n){margin:0 auto;margin-bottom:30px;}
	 
	 .product-listt ul li{ width:90%; float:none; display:block; margin:0 auto; margin-top:25px;}
	 .product-listt ul li:nth-child(3n){margin:0 auto; margin-top:25px;}
     .product-listt ul li:nth-child(2n){margin:0 auto; margin-top:25px;}
 
 }


@media all and (max-width:480px) {
  .logot{ margin-left:4px;}
  .navbar-header{ margin-right:10px;}
  .pro-flsamll ul li{ width:33.333333%;}
  
  
 .jjfaimglist ul li{float:left; width:100%; margin-right:0px;}
 .jjfaimglist ul li:nth-child(3n){ margin-right:0px;}
 .jjfaimglist ul li:nth-child(2n){ margin-right:0px;}
 .jjfaimglist ul li .maskjj h3{ padding-top:60px;}
} 

@media all and (max-width:420px) {
 .pro-flsamll ul li{ width:50%;}
 
 .jjfatsd .jjfaxian h3 p{ width:180px;}
 .synewshr h3 p{ width:180px;}
 .jjfafid ul li a{ height:35px; line-height:32px; font-size:14px;}
 
.normal {width: 230px;}
.lyb_bor{width:240px;}

.solution-xlm ul li{ margin-left:10px;}
}

@media all and (max-width: 320px) {
  
}