/*
* name: responsive
* version: v1.1.7
* update: 响应图片从ui.css集中到responsive.css
* data: 2015-08-28
*/

/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 640px);

/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}

/*
* PcMode
*/
body:after {
  display: block;
  height: 0;
  line-height: 0;
  overflow: hidden;
  visibility: hidden;
  content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media screen and (max-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  body,input,textarea,button,select {font-family: inherit;font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;max-width: none;width:auto;min-width:0px}
  .PcPush{}
  .UnpcPush{display: block;}

}

/*
* MobileMode
*/
@media screen and (max-width: 640px) {

  body:after {
    content: 'Mobile';
  }
  .posi{margin:10px 0px}
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:2%;padding-right:2%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
  .center_com{background:none}

  .topBar .r{display:none}
  .topBar .l{width:100%}
  .top1{width:100%;}
  .top1 .search{display:none}
  .top1 .logo{width:100%;padding:5px}
  .topnav{display:none}
  .mobilenav{display:block}
  .mobilenav .nav{width:16.3333%;float:left;background:#0665bb;text-align:center;border-right:solid 1px #fff }
  .mobilenav .nav a{display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:13px;color:#fff}
  .mobilenav .nav:nth-child(5){display:none}
  

  .floor_s .col-5 .img-block{width:49%}
  .floor_s .col-5 .img-block img{width:auto;height:auto}
  .img-block:nth-child(5),.img-block:nth-child(6),.img-block:nth-child(7),.img-block:nth-child(8){display:none} 
  .attrKey{width:22%}
  .attrValues{width:78%;}
  .attrValues ul{height:auto}
  .pro-list li{width:48%}

  .prodt_top ._left{width:100%;float:none;margin-left:0;}
  .prodt_top ._midd{float:none;width:100%;}
  .prodt_top ._midd ._inner{padding:0;margin-left:0;margin-right:0;height:auto;}
  .item_service{display:none !important}
  .prodt_top ._right{display:none}
  .prodt_bd ._left{display:none}
  .prodt_bd ._right{width:100%;float:none}

  .ser-content ._left{width:100%;float:none}
  ._menu li{width:50%;float:left}
  .ser-content ._right{width:100%;float:left}

	.group_news_list img{max-width:100%}
  .group_news_list ._txt ._hd{width:100%;}
  .index_banner{height:208px}
  .index_banner .banner_li img{width:800px;max-width:800px;margin-left:-400px	}
  .pf_tools li.tel{display:block}


  .imgcon{width:100%;overflow:hidden;position:relative;height:935px;}
	.imgcon img{position:absolute;width: 560px;  max-width: 560px;  position: absolute;  left: 50%;  margin-left: -280px;}

	.nmain{padding:0}
	.pageFooter{margin:0}
	.top1 .wrap{height:60px;padding-top:0px}
}