/*
* 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;}
  .PcPush{display: none;}
  .UnpcPush{display: block;}

.position-box .info{font-size:14px; color:#555; text-align:center; width:85%; margin:0 auto 20px; line-height:26px;}
.position { display: inline-block; margin: auto; }

.position li { float: left; text-align: center; margin-top:25px;}
.position li figure { display: block; position: relative; margin: auto; width: 120px; height:120px; border-radius: 50%; border: 1px solid #047563; transition: 780ms; }
.position li figure img { display: block; margin: auto; position: relative; transition: 450ms; }
.position li:nth-child(1) figure { bottom: 0px; background:url(../images/li0.png) center center no-repeat}
.position li:nth-child(2) figure { bottom: 0px; background:url(../images/li02.png) center center no-repeat}
.position li:nth-child(3) figure { bottom: 0px; background:url(../images/li03.png) center center no-repeat}
.position li:nth-child(4) figure { bottom: 0px; background:url(../images/li04.png) center center no-repeat}
.position li:nth-child(1) figure img { bottom: 0px; }
.position li:nth-child(2) figure img { top: 39px; }
.position li:nth-child(3) figure img { top: 17px; }
.position li:nth-child(4) figure img { top: 40px; }
.position li figcaption { display: block; margin-top: 0px; text-align: center; }
.position li figcaption h2 { color: #000000; font-size: 18px; font-weight: normal; line-height: normal; margin-bottom: 20px; opacity: 8; transform: translateY(20px); -webkit-transform: translateY(20px); -moz-transform: translateY(20px); transition: 650ms; }
#m{display: none;}
}

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

  body:after {
    content: 'Mobile';
  }
  body,input,textarea,button,select {font-size:16px;}
  .wrap{padding-left:4%;padding-right:4%; }
  .UnmobilePush{display: none;}
  .MobilePush{display:block;}
  img[data-src]{opacity: 1;}
  .logo { height:45px; margin-top:0px; padding-top:5px;}
.logo img{ height:45px;}
.globalfloat{ display:none}
.position-box{ padding-top:66px;}
	.position li figure span{ display:none;}
	.pageFooter{ display:none;}
	#m{display:block;}
}