/*
* name: responsive
* version: v2.0.0
* update: 使用max-device-width代替max-width
* data: 2016-04-30
*/

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

/* 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 only screen and (max-device-width: 1024px) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  html,body,.wrap { min-width:0;}
  html { overflow-x:hidden;}
  body,input,textarea,button,select { font-size:14px;}
  .wrap{padding-left:2%;padding-right:2%;width: auto;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}
  .widget-prodetail-8 .pro_deta_l {width: 55%;}
  .widget-prodetail-8 .pro_deta_r {width: 42%;}

}
@media only screen and (max-device-width: 992px) {
  .logo {width: 25%;}
  .nav {width: 60%;}
  .nav>ul>li>a {font-size: 15px;}
  /*.channelT {font-size: 20px; width: 220px;height: 50px; line-height: 50px;margin-top: -50px;}*/
  .subnavs li a {line-height: 45px;font-size: 15px;}
  .widget-prodetail-8 .pro_name {font-size: 22px;}
  .widget-prodetail-8 .order_phone span {font-size: 22px;}
  .widget-prodetail-8 .pro_deta_l {line-height: 0px;}
  .widget-prodetail-8 .order_phone {padding-bottom: 0px;}
  .channel_cont .tit1 {font-size: 38px; }
  .channel_cont .tit2 {font-size: 30px; display: block;}
  }

/*
* MobileMode
*/

@media only screen and (max-device-width: 760px) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:14px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
 .logo {width: 50%;}

}