/*
* name: responsive StyleSheet
* version: v1.1.3
* update: ���wrap榛��padding�逛负4%
* data: 2015-03-12
*/

/* import responsive stylesheet */
@import url("Pad.css"/*tpa=http://www.xcmg.com/resources/web/css/Pad.css*/) screen and (max-width: 64em);
@import url("Mobile.css"/*tpa=http://www.xcmg.com/resources/web/css/Mobile.css*/) screen and (max-width: 40em);

/* 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;}

/*
* PadMode
*/

@media only screen and (max-width: 64em) {

  body:after {
    content: 'Pad';
  }
  body{ user-select: none;-webkit-user-select: none;}
  body,input,textarea,button,select {font-family: inherit;font-size:12px;color: #000000; }
  .wrap{padding-right:2%;max-width: none;}
  .PcPush{display: block;}
  .ie8 .PcPush{display: block;}
  .ie8 .foot01{display:block;}
  .UnpcPush{display: block;}
	.bxslider li{padding: 0px !important;}

/*
* MobileMode
*/
@media only screen and (max-width: 40em) {

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:14px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .PcPush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
  .honor p{width: 350px;font-size: 12px; color: #000000;}
  .honor{margin-top: -50px;margin-left: -20px;}
}
@media (min-width: 400px) {
	.col_2{width: 70%;margin: 0 15%;}
	.col_1{width: 70%; margin:0 15%;}
	.img_show{width: 70%;margin: 0 15%;}
	}
}
@media (max-width: 1024px) {
.ie8 .col_2{width: 35%;margin: 0 1%;}
.ie8 .col_1{width: 46%; margin:0 1%;}
.ie8 .img_show{width: 30%;margin: 0 1%;}
.ie8 .img5{width: 100%;}
.ie8 .bx-wrapper .bx-prev {display: block !important;}
.ie8 .bx-wrapper .bx-next {display: block !important;}
.firefox .bx-wrapper .bx-next {display: block !important;}
.firefox .bx-wrapper .bx-next {display: block !important;}
}
@media (max-width: 400px){
	.img_show{width: 80%;margin: 0 10%;}
}
@media (max-width: 1024px){
	.newsPart02{width: 100%; margin-left: 30px;}
	.newsPart04{width: 100%;margin-left: 80px;}
}
@media only screen and (min-width:1024px ) {
	.bx-wrapper .bx-prev {display: block !important;}
.bx-wrapper .bx-next {display: block !important;}
}