@charset "utf-8";
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body{height:100%;}
html{height: 100%;width: 100%;}
.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;}
/* 去除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; /* ie8 */
-ms-interpolation-mode:bicubic;/*为了照顾ie图片缩放失真*/
}
/* 初始化 */
/**清除内外边距**/
*{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;}
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:#409c5a}

.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;}
.innerBody{width: 100%;}
.indexBox{background: url(../images/indexbg.jpg) no-repeat center 0;background-size: 100% 100%;max-width:640px;margin:0 auto;text-align: center;}
.logo{margin:66px auto 20px;width: 66.66%;}
.nav_w{margin:10.6% auto 0;width: 64.2%;}
.navbox{width:47%;float: left;display:block;position: relative; background: url(../images/leaf_green.png);padding-top: 47%;background-size: 100% 100%;}
.navbox_orange{background: url(../images/leaf_orange.png);padding-top: 47%;background-size: 100% 100%;}
.nav_circle{display:block; border-radius: 50%;width: 43%;padding-top: 43%;position: absolute;display:block;background: #59ad31;border: 3px solid #fff;margin-left:25%;margin-top:23%;animation:circle 0.8s;}
.index_box_top_left{background: url(../images/index_t_01.png) no-repeat center;-webkit-background-size: 100% 100%;background-size: 100% 100%; position: absolute;top: 0;left: 0;width: 36.4%;padding-top: 43%;}
.index_box_top_right{background: url(../images/index_t_02.png) no-repeat center;-webkit-background-size: 100% 100%;
background-size: 100% 100%; position: absolute;top: 0;right: 0;width: 22.66%;padding-top: 43%;}



.nav{position: relative;margin:0 auto;text-align: center;}
.nav a span{position: absolute;font-size: 20px;color:#fff;width: 48px;height: 48px;top: 0;left: 0;margin-left: 50%;margin-top: 50%;transform: translate(-50%,-50%);}
.nav a:nth-of-type(1){margin-left:2%;margin-right:1%;margin-bottom:1%;-webkit-animation: fadeIn 1.5s;-moz-animation: fadeIn 1.5s;-o-animation: fadeIn 1.5s;-ms-animation: fadeIn 1.5s;}
.nav a:nth-of-type(1) span{transform: translate(-57%,-64%);}
.nav a:nth-of-type(2){margin-bottom:1%;-webkit-animation: fadeIn2 2s ease-in-out;-moz-animation: fadeIn2 2s;-o-animation: fadeIn2 2s;-ms-animation: fadeIn2 2s;}
.nav a:nth-of-type(2) span{transform: translate(-35%,-63%);}
.nav a:nth-of-type(3){margin-left:2%;margin-right:1%;-webkit-animation: fadeIn3 2s ease-in-out;-moz-animation: fadeIn3 2s;-o-animation: fadeIn3 2s;-ms-animation: fadeIn3 2s;}
.nav a:nth-of-type(3) span{transform: translate(-64%,-43%);}
.nav a:nth-of-type(4){-webkit-animation: fadeIn4 1.5s;-moz-animation: fadeIn4 1.5s;-o-animation: fadeIn4 1.5s;-ms-animation: fadeIn4 1.5s;}
.nav a:nth-of-type(4) span{transform: translate(-35%,-43%);}
.navbox img{width: 100%;}
.sun{position: fixed;right: 35px;bottom: 38%;width: 14%;animation:sunAni 1s,sunCircle 15s linear infinite;}
.index_bottom_b{max-width: 640px;position: fixed;left: 0;right: 0;bottom: 0;width: 100%;margin:0 auto;}
.index_bottom_t{max-width: 640px;position: fixed;left: 0;right: 0;bottom: 0;width: 100%;margin:0 auto;}
/*-----------------------------------------------------animation------------------------------*/

@-webkit-keyframes fadeIn {
   0% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-moz-keyframes fadeIn {
   0% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}

@-o-keyframes fadeIn {
   0% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-ms-keyframes fadeIn {
   0% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@keyframes fadeIn {
   0% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}

@-webkit-keyframes fadeIn2 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-moz-keyframes fadeIn2 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-ms-keyframes fadeIn2 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-o-keyframes fadeIn2 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@keyframes fadeIn2 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: 50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}

@-webkit-keyframes fadeIn3 {
  0% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-moz-keyframes fadeIn3 {
  0% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-ms-keyframes fadeIn3 {
  0% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-o-keyframes fadeIn3 {
  0% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@keyframes fadeIn3 {
  0% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: 50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}

@-webkit-keyframes fadeIn4 {
  0% {transform:scale(0.2);left: -50px;top: -50px;}
  25% {transform:scale(0.2);left: -50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-moz-keyframes fadeIn4 {
  0% {transform:scale(0.2);left: -50px;top: -50px;}
  25% {transform:scale(0.2);left: -50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-ms-keyframes fadeIn4 {
  0% {transform:scale(0.2);left: -50px;top: -50px;}
  25% {transform:scale(0.2);left: -50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@-o-keyframes fadeIn4 {
  0% {transform:scale(0.2);left: -50px;top: -50px;}
  25% {transform:scale(0.2);left: -50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}
@keyframes fadeIn4 {
  0% {opacity:0;transform:scale(0.2);left: -50px;top: -50px;}
  25% {opacity:0;transform:scale(0.2);left: -50px;top: -50px;}
  100% {opacity: 1;transform:scale(1);left: 0;top: 0;}
}

@-webkit-keyframes circle {
  0% { transform:scale(0.2) rotate(360deg); }
  100% { transform:scale(1) rotate(0deg); }
}
@-moz-keyframes circle {
  0% { transform:scale(0.2) rotate(360deg); }
  100% { transform:scale(1) rotate(0deg); }
}
@-ms-keyframes circle {
  0% { transform:scale(0.2) rotate(360deg); }
  100% { transform:scale(1) rotate(0deg); }
}
@-o-keyframes circle {
  0% { transform:scale(0.2) rotate(360deg); }
  100% { transform:scale(1) rotate(0deg); }
}
@keyframes circle {
  0% { transform:scale(0.2) rotate(360deg); }
  100% { transform:scale(1) rotate(0deg); }
}

@-webkit-keyframes sunAni {
  0% { opacity:0;bottom:30%; }
  100% { opacity:1;bottom:38%; }
}
@-moz-keyframes sunAni {
  0% { opacity:0;bottom:30%; }
  100% { opacity:1;bottom:38%; }
}
@-ms-keyframes sunAni {
  0% { opacity:0;bottom:30%; }
  100% { opacity:1;bottom:38%; }
}
@-o-keyframes sunAni {
  0% { opacity:0;bottom:30%; }
  100% { opacity:1;bottom:38%; }
}
@keyframes sunAni {
  0% { opacity:0;bottom:30%; }
  100% { opacity:1;bottom:38%; }
}

@-webkit-keyframes sunCircle {
  0% { transform: rotate(0); }
  50% {transform: rotate(180deg);}
  100% { transform: rotate(360deg); }
}
@-moz-keyframes sunCircle {
  0% { transform: rotate(0); }
  50% {transform: rotate(180deg);}
  100% { transform: rotate(360deg); }
}
@-ms-keyframes sunCircle {
  0% { transform: rotate(0); }
  50% {transform: rotate(180deg);}
  100% { transform: rotate(360deg); }
}
@-o-keyframes sunCircle {
  0% { transform: rotate(0); }
  50% {transform: rotate(180deg);}
  100% { transform: rotate(360deg); }
}
@keyframes sunCircle {
  0% { transform: rotate(0); }
  50% {transform: rotate(180deg);}
  100% { transform: rotate(360deg); }
}


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


.box{ max-width:640px; margin: 0 auto;padding-top:1px;box-sizing: border-box;height: 100%;}
.box:before{position: fixed;bottom: 0;right: 0;left: 0;top: 0;background: url(../images/ins_bg.jpg) no-repeat center 0;background-size: 100% 100%;margin:0 auto;content:'';}


.i_list{width:97%; margin:20px auto 3px ;padding: 0 0 90px 0;}
.i_list >ul{ width:100%;overflow: hidden;}
.i_list >ul li{ width: 100%; padding: 5px 0; margin-bottom:15px;border: 2px solid #ff630a;border-radius: 5px;background: url(../images/list_bg.jpg) no-repeat center; background-size: 100% 100%;box-sizing: border-box;}
.i_list >ul li a{display:block;position: relative;}
.i_list >ul li .i_l_img{ text-align: left; margin-left:2%;float: left;width:40%;margin-top:1%;padding-top: 30%;background-repeat: no-repeat;background-size: cover;}
.i_list >ul li .i_l_img img{width:100%;}
.i_list >ul li .i_l_text{ text-align: left; line-height:20px; width:50%; float: right;margin-right: 2%;}
.i_list >ul li .i_l_t_t{ font-size:20px; color:#565656; line-height:26px;padding-top: 13px;}
.i_list >ul li .i_l_t_p{font-size: 14px;height:1px;overflow:hidden;padding-bottom:3.5rem;padding-top:9%;}
.i_list >ul li .i_l_h{ margin-top:5px; color:#999;}
.more{display:block;margin:30px auto 10px;width: 50%;font-size: 14px;line-height: 40px;text-align: center;border-radius: 5px;background: #58ad31;border: 2px solid #fff;color:#fff;height: 40px;position: relative;}

.balloon{background: url(../images/balloon.png) no-repeat center;position: absolute;width: 10%;padding-top:10%;bottom: -3px;right: -6px;background-size: 100% 100%;}
.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;}

.imgtxtlist >ul >li{float:left;width:48%;margin: 0 1%;}
.imgtxtlist >ul >li img{height: 176px;}

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

.article{width: 92%;margin: 30px auto 0;background: rgba(255,255,255,.8);border-radius: 8px;box-sizing: border-box;padding:15px;z-index: 1;position: relative;height: calc(100% - 56px);overflow: auto;}
.article_title{font-size: 24px;text-align: center;padding:15px 0;color:#333;}
.content img{max-width: 100%;}
.content {text-align: left;font-size: 16px;color:#666;}

.imglistB h5{height: 52px;font-size: 18px;width: 100%;text-align: left;overflow:hidden;}
.imglistT{background-repeat:no-repeat;width: 100%;padding-top:59%;}
.imglistT img{width: 100%;}

#files{text-align: left;}

/*txtlist*/
.i_list ul li .i_l_green{background: #6c0;width: 24.6%;padding-top: 24.6%;font-size: 20px;position: relative;}
.i_l_green .i_l_date{position: absolute;color:#fff;top:50%;margin-top: -34px;left:50%;margin-left:-29px;width: 58px;height: 68px;text-align: center;font-weight: bold;}
.i_l_green .i_l_date p{font-size: 34px;}
.i_list ul li .txt_i_l_t_p{padding-bottom: 2.5rem;padding-top:6% ;}


/*imgList*/
.img_list{padding-top: 40px;}
.img_list ul{width: 95%;margin:0 auto;overflow: hidden;}
.img_list ul li{width: 48%;float: left;position: relative;margin-bottom:12px;}
.img_list ul li:nth-of-type(2n){float: right;}
.img_list ul a{border: 3px solid #ff630a;border-radius: 5px;background: #fff url(../images/img_list_bg.jpg) no-repeat bottom center;background-size: 100% auto; display:block;}
.img_list_img_block{width: 95%;margin:3% auto 0;background-repeat: no-repeat;background-size: cover;padding-top: 65%;height: 0;}
.img_list ul a p{font-size: 15px;overflow: hidden;white-space: nowrap;text-align: center;line-height: 30px;white-space: nowrap;color:#333;}
.bal{position: absolute;background: url(../images/balloon.png) no-repeat center;background-size: 100% 100%;width: 40px;height: 40px;bottom: 0;right: -5px;}

#list{padding-bottom: 30%;}

/*导航*/
.menu_img{position: fixed;right:8px;top:8px;width: 13%;z-index: 4998;}
.menu{position: fixed;right:-50%;top:0;width: 50%;height: 100%;background: #5ebb00;z-index: 5000;opacity:0.95;}
.menu .back{border-bottom: 1px solid #4b9600;overflow:hidden;background: #5ebb00;position: relative;z-index: 6000;}
.menu .back a{text-align: left;padding-left: 15%;float: left;}
.menu .menu_arr{float: right;width: 27%;border-left: 1px solid #4b9600;padding-top:25%;background: url(../images/menu_arr.png) no-repeat;background-size: cover;}
.menu a{font-size: 1rem;color:#fff;display:block;padding:6%;}
.menu_list_box{width: 100%;height: 100%;overflow:auto;position: absolute;top:0;bottom:0;box-sizing:border-box;padding-top: 24%;}
.menu .menu_list>li{border-bottom: 1px solid #4b9600;}
.menu .sub_menu{margin-bottom: -1px;display:none;}
.menu .sub_menu a{font-size: 0.88rem;padding:3%;}
.menu .sub_menu li{background: #4b9600;opacity:0.9;border-bottom: 1px solid #5ebb00;}
/*导航--End--*/