@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
/* 去除iPhone中默认的input样式 */
input[type="submit"],

input[type="reset"],

input[type="button"],

input{-webkit-appearance:none; resize: none;}
/* 取消链接高亮  */
body,div,ul,li,ol,h1,h2,h3,h4,h5,h6,input,textarea,select,p,dl,dt,dd,a,img,button,form,table,th,tr,td,tbody,article, 
aside, details,figcaption,figure,footer,header,hgroup, menu,nav,section{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

/* 图片自适应 */
/*img {
max-width: 100%;
height: auto;
width:auto\9; 
-ms-interpolation-mode:bicubic;
}*/
/* 初始化 */
/**清除内外边距**/
*{margin: 0; padding: 0;}
body,button,input,select,textarea{font-family:"Microsoft YaHei","微软雅黑",tahoma,arial,simsun,"宋体";}
body { text-align: center;  margin: 0;  padding: 0; background: #FFF; font-size: 12px; color: #777;height:100%;max-width:640px;}
html{height: 100%;max-width: 640px;margin:0 auto;}
div, form, img, ul, ol, li, dl, dt, dd, th, td, p, img, button,   { margin: 0; padding: 0; border: 0; }
li, dl{ list-style-type:none; }
h1, h2, h3, h4, h5, h6, hr { margin: 0; padding: 0; font-weight: normal; font-size: 12px; text-decoration: none;}
table{  padding: 0; margin: 0;  }
img{ border: 0; }
textarea{ overflow:auto}
a{blr:expression(this.onFocus=this.blur());}
a:focus{outline:none;}
i,b,em{font-style: normal;}

/**文字超过隐藏**/
.three_d{ white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/** 超链接元素**/
a{ color:#777; text-decoration:none; }
a:hover{ text-decoration: none; color:#777;}

.wap_content{ padding-top: 55px; }
.left{ float: left; }
.right{ float: right; } 
.clear { clear: both; font-size: 1px; height: 0; line-height: 0px; }

.weight{ font-weight: bold;}
.vertical{ vertical-align:-2px;}
.display{ display: none;}
.relative{ position: relative;}
.normal{ font-weight:normal; color: #666; }
.cursor{ cursor: pointer;}









/*------------------------------------------------------------------------------------------------------------------*/
.indexBody{width: 100%;padding-bottom:0;max-width:640px;}
.innerBody{width: 100%;/*padding-bottom:14.75%;max-width:640px;*/height: 100%;background: url(../images/bg.jpg) no-repeat center 0;background-attachment: fixed;}
.innerBody:before {
  content: ' ';
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(../images/bg.jpg) center 0 no-repeat;
  background-size: cover;
}
.indexBox{background: url(../images/indexbg.jpg) no-repeat center 0;background-size: 100% 100%;max-width:640px;height:100%;margin:0 auto;text-align: center;}
.logo{margin:48px auto 10px;width:67%;}
.nav_w{margin-top:10.6%;}
.navbox{width:47%;height: 47%;background-color:#66cc00;float: left;position: absolute; }




.nav{position: relative;width: 39%;padding-top:39%;margin:0 auto;text-align: center;-webkit-transform: rotateZ(45deg);-ms-transform: rotateZ(45deg);-o-transform: rotateZ(45deg);-moz-transform: rotateZ(45deg);transform: rotateZ(45deg);z-index:10;}
.nav a:nth-of-type(1){top:0;left:0;-webkit-animation: fadeIn 1s;-moz-animation: fadeIn 1s;-o-animation: fadeIn 1s;-ms-animation: fadeIn 1s;}
.nav a:nth-of-type(2){top:0;right:0;-webkit-animation: fadeIn2 2s;-moz-animation: fadeIn2 2s;-o-animation: fadeIn2 2s;-ms-animation: fadeIn2 2s;}
.nav a:nth-of-type(3){bottom:0;right:0;-webkit-animation: fadeIn3 3s;-moz-animation: fadeIn3 3s;-o-animation: fadeIn3 3s;-ms-animation: fadeIn3 3s;}
.nav a:nth-of-type(4){bottom:0;left:0;-webkit-animation: fadeIn4 4s;-moz-animation: fadeIn4 4s;-o-animation: fadeIn4 4s;-ms-animation: fadeIn4 4s;}
.navbox img{width: 100%;}
/*.indexBottomBg{padding-bottom:94.37%;max-width: 640px;position: fixed;z-index: 5;}*/
/*-----------------------------------------------------animation------------------------------*/

@-webkit-keyframes fadeIn {
   0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
   0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}

@-o-keyframes fadeIn {
   0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn {
   0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn {
   0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fadeIn2 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn2 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn2 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-o-keyframes fadeIn2 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn2 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fadeIn3 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn3 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn3 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-o-keyframes fadeIn3 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn3 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}

@-webkit-keyframes fadeIn4 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-moz-keyframes fadeIn4 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-ms-keyframes fadeIn4 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@-o-keyframes fadeIn4 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}
@keyframes fadeIn4 {
  0% {opacity: 0;}
  25% {opacity: 0;}
  100% {opacity: 1;}
}



/*------------------------------------------------------*/



/*
.box{ max-width:640px; margin: 0 auto;background: url(../images/bg.jpg) no-repeat center 0;background-attachment:fixed;background-size: 100% 100%;padding-top:1px;}
*/





.i_list{width:97%; margin:10% auto 3px ;}
.i_list ul{ width:100%;}
.i_list ul li{ width: 100%; padding: 10px 0; margin-bottom:5px;}
.i_list ul li .i_l_img{ text-align: left; margin-left:10px; float: left;width:25.68%;padding-top:25.68%;background-size: cover;background-repeat: no-repeat;background-position: center;}

.i_list ul li .i_l_text{ text-align: left; line-height:20px; width:64%; float: right;margin-right:2%;}
.i_list ul li .i_l_t_t{ font-size:20px; color:#000; line-height:26px;}
.i_list ul li .i_l_t_p{font-size: 14px;height:1px;overflow:hidden;padding-bottom:4rem;padding-top:5%;line-height: 1.4rem;}
.i_list ul li .i_l_h{ margin-top:5px; color:#999;}
.block{ width:55px; text-align: center; height:18px; line-height:18px;color:#FFF; background:#ffa800; display: block; margin-right:6px; margin-left:2px; font-size:12px;}



.bottom{position: fixed;bottom:0;max-width:640px;background:url(../images/bottombg.png) no-repeat center bottom;background-size:100%;padding-top:18.9%;width:100%;}
.bottom img{display:block;width:100%;}


.img_list{margin-top:12%;}
.img_list li{/*width: 279px;*/float: left;width: 43.43%;margin-left:4%;}
.imglistB{padding-bottom:10px;}
.imglistB h5{height: 50px;line-height: 23px; font-size: 16px;width: 100%;text-align: left;overflow:hidden;color:#585858;}
.imglistT{width:100%;padding-top: 58.99%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.top_img{position: fixed;top:0;}
/*.imglistT img{width: 100%;}*/


#moreli{
  width: 200px;
  border: none;
  height: 30px;
  background-color: rgba(0,0,0,0.1);
  color: #fff;
  margin: 20px auto;
}