@charset "utf-8";
body{font-family:"Microsoft YaHei !important";font:14px Microsoft YaHei !important;line-height: 24px;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;max-width: 100%;}
i,em,span{font-style:normal;}
h1,h2,h3,h4,h5{ font-weight: normal; }
a{text-decoration: none;color: #ffffff;}
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
/*img{ max-width: 100%; }*/
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
a:focus, a:hover{ }
.clearfix{display:block;clear:both;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0; content:".";}
.fl{float: left;}
.fr{float: right;}
input::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
}
input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}
input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}
input::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
}

textarea::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #999999;
}
textarea:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
}
textarea::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
}
textarea::-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #999999;
}

.container{margin:0 auto;padding:0!important;}

#wrap_index{overflow: hidden;position: relative; width: 100%;}
/*澶撮儴*/
@media (min-width: 991px){
    #header{ display: block; }
     #molheader1, #molheader, #molheader2{ display: none !important; }
}
@media (max-width: 990px){
    #molheader1{ display: block; }
     #header, #header1, #header2{ display: none !important; }

}
/*panle*/
.class{width:100%; height: 100%; background:#79b552; position: fixed; top:0; right:0px; color:#7e8696;z-index:101;}
.firseline{ color: #ffffff; font-size: 20px; line-height: 60px; text-indent: 80px; border-bottom: 1px solid #6cab42;}
.class .close{z-index: 5; position: absolute; opacity: 1; right: 20px; top: 21px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; width: 19px; height: 19px; }
.class.page-prev .close{ left: 0; }
.class-top{ height:70px;overflow:hidden;background: #12161e;margin: 0;font-size: 24px;text-align: center;line-height: 70px;}
.class-top form{width: 230px;margin:16px auto; height: 40px; position: relative;}
.class-top .txt1{ font-size: 14px; border:1px solid #2b3241; background: none; width: 230px; display: block; text-indent: 11px; height: 40px; }
.class-top .btn1{ position: absolute; right: 12px; top: 8px; background: url(../img/search1.png) no-repeat 0 center; background-size: 100% 100%; width:24px; height: 24px; }
.class-m{height: 88%;overflow-y:auto; }
.opacity2{width:100%; height:100%; position: fixed; top:0px; left:0px; /*background:rgba(0,0,0,0.5);*/ z-index:40; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:100%;height: auto;overflow: hidden;}
.class-m .nnav>li{border-bottom: 1px solid #6cab42;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden; }
.class-m .nnav li a{color:#ffffff; font-size: 20px;height:60px;line-height:60px; display: block;width: 100%; overflow: hidden;position: relative;}
.class-m .nnav li a.ce{text-indent: 80px;  }
.class-m .nnav li a em{background: url(../img/wjx2.png) no-repeat 0 center; display: block; background-size: 100% 100%; width: 10px; height: 15px; position: absolute; top:22px; right: 20px;}
.menu_head{ background: #5f9b39; }
.class-m .nnav .menu_sec a em{ background: url(../img/wjx2.png) no-repeat 0 center; display: block; background-size: 100% 100%; width: 10px; height: 15px; position: absolute; top:22px; right: 20px;}
.class-m .nnav li .menu_body{display: none; position: absolute; left: 0; top: 0; width: 100%; background: #5f9b39; height: 100%; z-index: 2;}
.menu_body li a.er{padding-left:80px; color: #f3f4f7; border-bottom: 1px solid #6cab42;}
.class-m .nnav li .thr_body{display: none; position: absolute; left: 0; top: 0; width: 100%; background: #5f9b39; height: 100%; z-index: 2;}
.class-m .nnav li .thr_body li{padding: 0;border-bottom: 1px solid #6cab42; }
.thr_body li a.thr{position: relative;padding-left:96px; display: block; color: #f3f4f7; text-indent: 20px; background: url(../img/yi.png) no-repeat 96px center;}
.returnback{cursor: pointer;border-bottom: 1px solid #6cab42; color: #cde7bc; font-size: 20px;height:60px;line-height:60px; display: block;width: 100%; overflow: hidden;position: relative; padding-left: 80px; }
/*panle瀵艰埅缁撴潫*/
.page-prev {
transform:translate3d(-100%, 0, 0);
-ms-transform:translate3d(-100%, 0, 0);
-webkit-transform:translate3d(-100%, 0, 0);  
-o-transform:translate3d(-100%, 0, 0); 
-moz-transform:translate3d(-100%, 0, 0);
}
.page-next {
transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0); 
-o-transform:translate3d(100%, 0, 0);  
-moz-transform:translate3d(100%, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);}

#header_top{ width: 100%; height: 40px; background: #79b552; z-index: 20; position: relative;}
#header_top .header_top{margin:0 auto; height: 40px; font-size: 12px; color: #f3ffec; line-height: 40px;}
#header_top .header_top .tel{ text-indent: 36px; background: url(../img/tel.png) no-repeat 0 center;}
#header_top .header_top .tel em{ font-weight: bold; font-family: "Arial"; }
#header_top .header_top .search{ width: 294px; position: relative; margin-right:30px;}
#header_top .header_top .search input{ background: none; border: none; }
#header_top .header_top .search .btn{ position: absolute; right: 16px; background: url(../img/btn.png) no-repeat 0 center;top: 4px;}
#header_top .header_top .search .txt{ text-indent: 20px; border: 1px solid #95c873; border-radius: 16px; height: 29px; line-height: 29px; width: 294px; }
#header_top .header_top .weixin{position: relative; cursor: pointer; background: url(../img/code.png) no-repeat 0 10px; text-indent: 30px; }
#header_top .header_top .weixin:before{ position: absolute; left: -15px; width: 1px; height: 19px; background: #89c462; top: 11px; content: ""; display: block; }
#header_top .header_top .weixin em{ display: inline-block;width: 10px; height: 5px; background: url(../img/t.png) no-repeat 0 center; margin-left: 6px; }
#header_top .header_top .weixin .wxtc{ background: #ffffff; transition: all 0.5s; opacity: 0; display: none; z-index: -1; padding: 6px; text-indent: 0; box-shadow: 0px 0px 10px rgba(51,51,51,0.25); position: absolute;left: -50px; top: 40px; }
#header_top .header_top .weixin .wxtc img{}
#header_top .header_top .weixin .wxtc p{ color: #666666; font-size: 14px; text-align:center; line-height: 20px; }
#header_top .header_top .weixin:hover .wxtc{ opacity: 1; z-index: 21; display: block;}


#header{width: 100%; z-index: 12; height: 100px; position: relative;}
#header .header{ /*width: 62.5%; */margin:0 auto; height: 100px;}
#header .logo{ height: 100px; }
#header .logo a{ width: 100%; height: 100px; display: table-cell;text-align: center;vertical-align: middle;overflow: hidden; }
#header .logo a img{ max-height: 64px; max-width: 350px; }
#header .nav_box{ text-align: right; }
.wrap_nav{ float: right; }
#header .nav_box .yiji{ height:100px;text-align: center;position: relative;transition: 400ms; float: left;left: 100px;}
#header .nav_box .yiji>a{ padding: 0 32px;display: inline-block;position: relative; overflow: hidden;}
#header .nav_box .yiji>a em{display: block; width: 100%; color: #333333;line-height:100px;font-size: 16px;height: 100px; position: relative;z-index: 1;}
#header .yiji.current>a em, #header .nav_box .yiji>a:hover em{ color: #79b552; font-weight:bold; position: relative;top: -7px;}
#header .yiji.current>a em:before, #header .nav_box .yiji>a:hover em:before{position: relative;top: 54px; left: -16px; width: 7px; height: 7px; background: #9fd100;border-radius: 50%; content: ""; display: block; }
#header .nav_box .yiji .libox{ box-shadow: 0px 0px 10px rgba(51,51,51,0.3); max-height: 304px; display: none; z-index: 200; background:#ffffff; overflow: hidden; width: 100%; position: absolute; top: 100px;}
#header .nav_box .yiji .libox a{border-bottom: 1px solid #eeeeee; width: 100%; float: left; display: block;position: relative; line-height: 38px; height: 38px; overflow: hidden;}
#header .nav_box .yiji .libox a em{position: relative;z-index: 1;display: block;  color: #666666;font-size: 14px;line-height: 40px;padding: 0 10px; height: 40px;margin: 0 auto; transition: 400ms;}
#header .nav_box .yiji .libox a:hover em{ color: #79b552;}

@-webkit-keyframes zy{
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}
@-webkit-keyframes zy1{
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(-20px,-20px,0);
            transform: translate3d(-20px,-20px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}
.nybanner{ margin-top: 98px; }
#molheader{ vertical-align: middle; width: 100%;height: 60px; z-index: 99; position: relative;}
#molheader .logomol{ }
#molheader .logomol a{display: block; width: 100%; height: 40px; position: relative;top: 10px;}
#molheader .logomol img{ max-width: 100%; max-height: 100%; display: block; margin-left: 20px;}
#molheader .mol_navbutton{ position: absolute; top: 0; right: 0; width: 40px; height: 60px;z-index: 5;}
#molheader .mol_navbutton img{ width: 20px;height: 13px; margin:24px 20px 0 0;}
#molheader .searcha{position:absolute;width: 30px; height: 30px; top: 15px; right:60px; }
#molheader .search1{ display: inline-block;width: 30px; height: 30px;background:url(../img/search1.png) no-repeat 0 center; background-size: 100% 100%; outline: none;  border: none; position: absolute;}
#molheader .searchb{ border-radius: 0px 0px 10px 10px; display: none; position: absolute; left: 0; top: 60px;width: 100%; height: 50px; background: #ededed;}
#molheader .searchb em{ display: inline-block; width: 15.6%; height: 100%; font-size: 14px; color: #999999; text-align: center;line-height: 50px;}
#molheader .txt1{ display: inline-block; width: 82.4%; text-indent: 30%; color: #333; background: none; opacity: 1; outline: none; font-size: 12px; line-height: 50px; height:50px; }
#molheader .search2{ display: inline-block;width: 30px; height: 30px;background:url(../img/search1.png) no-repeat 0 center; background-size: 100% 100%; outline: none;  border: none; position: absolute; right: 13px; top: 10px;}

.searchwhitebg{ width: 70%; height: 100%; background: #ffffff; position: absolute;left: 0; top: 0; display: none; }
/*棣栭〉banner*/
.carousel-inner{position: relative;margin-left: 0px; margin-right: auto; width: 100%; }
#myCarousel1 .item img{border-radius: 25px;}
#myCarousel{ position: relative;z-index: 0;}
.carousel-control.right{right: 10%; background: url(../img/next.png) no-repeat; top: 50%; width: 77px; height: 150px; margin-top:-75px; opacity: 1; text-shadow: none;}
.carousel-control.left{ left: 10%; background: url(../img/prev.png) no-repeat; top: 50%; width: 77px; height: 150px; margin-top:-75px;  opacity: 1; text-shadow: none; }
.carousel-control.right:hover{background: url(../img/nexth.png) no-repeat; }
.carousel-control.left:hover{ background: url(../img/prevh.png) no-repeat;}


#myCarousel3{ }
#myCarousel3 .carousel-inner{ width: 72.5%; left: 27.5%;}
#myCarousel3 .info{ position: absolute;z-index: 11; width: 100%; height: 100%; left: 0; top: 0;}
#myCarousel3 .info h2{ font-size: 72px; color: #2f465f; font-weight: bold; margin-top: 12%; margin-bottom: 20px;}
#myCarousel3 .info p{ color: #333333; font-size:30px;  }
#myCarousel3 .info em{ display: block; color: #999999; font-size: 14px; line-height: 30px;}


/*鎵嬫満banner*/
#molbanner{position: relative;width: 100%; overflow: hidden;display: none;}
.molbanner1{ padding-top: 60px; }
.bannerclose{top: -10px;}
#molbanner .bannerad{ width:66%; margin-left:-36%; margin-top:0; top: 25%;}
#molbanner .swiper-banner{position: relative;z-index: 1;}
#molbanner.molbanner2 .swiper-banner{}
#molbanner.molbanner1 .swiper-banner{}
#molbanner .swiper-banner .swiper-slide{overflow: hidden;}
#molbanner .swiper-banner .swiper-slide a{text-align:center;width: 100%;height:100%;display: block;}
#molbanner .swiper-banner .swiper-slide img{vertical-align:top; width: 200%; position: relative;left: 50%; transform: translateX(-50%);}
#molbanner .swiper-button-prev, #molbanner .swiper-button-next{ width: 30px; height: 55px; margin-top: -28px; }
#molbanner .swiper-button-prev{background: url(../img/prevh.png) no-repeat; background-size: 100% 100%; opacity: 1;}
#molbanner .swiper-button-next{background: url(../img/nexth.png) no-repeat; background-size: 100% 100%; opacity: 1;}

.section1{ margin:18px auto; position: relative;z-index: 11;}
#myCarousel1{ padding-top: 164px; }
.section1 .imgbg{ margin-left: 9.2%; border: 10px solid #f6cf5f; width: 74.7%; position: absolute; top: 0; height: 100%;   border-radius:25px;z-index: -1}
.letter{ position: relative;z-index: 2; font-weight: bold; font-size: 142px; color: #f6cf5f; font-family:"Arial"; opacity: 0.4; display: inline-block; padding:23px 0 0 50px;}
.letter1{ position: relative;z-index: 2; font-weight: bold; color: #333333; font-size: 18px; position: relative;top: -48px; }
.section1 .imgbg img{ position: absolute; z-index: 0;}
.letterq1{width: 30px; height: 30px; top: 100px; left: 114px; animation: zy 5s infinite;}
.letterq2{width: 8px; height: 8px; top: 108px; left: 160px; animation: zy 5s 2s infinite;}
.letterq3{width: 16px; height: 16px; top: 110px; left: 140px; animation: zy 5s 3s infinite;}
@-webkit-keyframes zy{
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,-40px,0);
            transform: translate3d(0,-40px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}
#myCarousel1 .carousel-indicators{ position: relative; width: 100%; height: 60px; bottom: 0; padding-top: 20px; }
#myCarousel1 .carousel-indicators li{ width: 12px; height: 12px; border: 1px solid #f6cf5f; margin:0 4px;}
#myCarousel1 .carousel-indicators .active{ background: #f6cf5f; }
.section1 .tabBox { float: right !important; overflow: hidden; position: relative; padding: 100px 0 0;}
.section1 .tabBox .hd { }
.section1 .tabBox .hd ul { float: left; height:30px; width: 100%;}
.section1 .tabBox .hd li{position: relative; font-size: 14px; line-height: 30px; color: #666666; padding:0 20px; border-radius: 16px; float: left; height: 100%; border: 1px solid #d2d2d2; margin:0 6px 10px; cursor: pointer; text-align: center; overflow: hidden;}
.section1 .tabBox .hd li:hover,.section1 .tabBox .hd li.on{ border:1px solid #79b552; color: #79b552; }
.section1 .tabBox .hd li a{ color: #666666;}
.section1 .tabBox .hd li a:hover,.section1 .tabBox .hd li.on a{ color: #79b552;}
.section1 .tabBox .tempWrap{ margin-top: 130px;}
.section1 .tabBox .bd ul{zoom:1; width: 100%; }
.section1 .tabBox .bd .tt{ color: #79b552; font-size: 14px; font-weight: bold; margin-bottom:30px;}
.section1 .tabBox .bd .info{ color: #666666; font-size: 14px; line-height: 26px; max-height: 156px; overflow: hidden; }
.section1 .tabBox .bd .more{transition: all 0.5s; margin-top: 56px; width: 222px; height: 51px; line-height: 50px; background: #f6cf5f; font-size: 14px; text-indent: 66px; color: #807146; display: block;border-radius: 25px;}
.section1 .tabBox .bd .more em{ transition: all 0.5s; display: inline-block; width: 24px; height: 8px; background: url(../img/em.png) no-repeat 0 center; margin-left: 10px;}
.section1 .tabBox .bd .more:hover{  background: #79b552; color: #ffffff; }
.section1 .tabBox .bd .more:hover em{background: url(../img/em1.png) no-repeat 0 center;}
.section2{ width: 100%; height: 890px; background: url(../img/bg2.jpg) no-repeat center top; background-size: 100% 890px; }
.section2 .section2_left{ width: 36.7%; }
.section2 .imgbg{ margin:48px 0 0 0; height: 278px;  width: 100%; position: relative; background: url(../img/s3.png) no-repeat; z-index: 0;}
.section2 .imgbg img{ position: absolute; z-index: 0;}
.section2 .letterq1{width: 30px; height: 30px; top: 120px; left: 120px; animation: zy 5s infinite;}
.section2 .letterq2{width: 8px; height: 8px; top: 136px; left: 190px; animation: zy 5s 2s infinite;}
.section2 .letterq3{width: 16px; height: 16px; top: 146px; left: 150px; animation: zy 5s 3s infinite;}
.section2 .div_img{ margin-left:30px; display: block; position: relative;margin-top: -106px; z-index: 2;}
.section2 .div_img img{ max-width: 100%; border-radius: 25px;}
.section2 .div_img .tt{ font-size: 16px; color: #333333; margin:20px 0; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section2 .div_img .info{ color: #666666; font-size: 14px; line-height: 24px; max-height: 48px; overflow: hidden;}
.section2 .div_img .time{ color: #999999; font-size: 12px; margin-top: 12px; }
.section2 .div_img:hover .tt{color: #79b552;}
.section2_right{ margin-top: 230px; width: 61.5%; margin-right:15px; padding-left: 15px;}
.section2_right li{}
.section2_right li a{ display: block; padding:30px 16px 30px 28px; }
.section2_right li a .num{width: 72px; font-size: 60px; color: #f9e6b4; font-weight: bold; }
.section2_right li a .info{ width: 84.5%; }
.section2_right li a .info .tt{ margin:10px 0; }
.section2_right li a .info .tt .tt1{ float: left; font-size: 16px; color: #333333; width: 70%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.section2_right li a .info .tt .time{ float: right;color: #999999; font-size: 12px; }
.section2_right li a .info .contentinfo{ color: #666666; font-size: 14px; width: 100%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.section2_right li a:hover{ background: #ffffff; box-shadow: 0px 0px 10px rgba(51,51,51,0.25);}
.section2_right li a:hover .tt .tt1{ color: #79b552;}
.morecir{ transition: all 0.5s; position: relative; margin:100px 0 0 116px; width: 72px; height: 72px; line-height: 72px; text-align:center; border-radius: 50%; background: #f6cf5f; font-size: 14px; color: #333333; font-weight: bold;font-family: "Arial"; display: block; }
.morecir:before{ width: 1px; height: 32px; content: "";background: #f6cf5f;position: absolute;left: 50%; top: -31px; }
.morecir:hover{  background: #79b552; color: #ffffff;  }
.section3{ position: relative; margin-bottom: 72px;}
.section3 .imgbg{ text-align: center;padding-top: 44px; position: relative; }
.section3 .letterq1{width: 30px; height: 30px; top: -30px; left: -100px; animation: zy 5s infinite; position: relative;}
.section3 .letterq2{width: 8px; height: 8px; top: -30px; left: -100px; animation: zy 5s 2s infinite; position: relative;}
.section3 .letterq3{width: 16px; height: 16px; top: -30px; left: -100px; animation: zy 5s 3s infinite; position: relative;}
.wrapsec3c{ position: relative; margin-top: -34px; padding:0 47px;}
.section3-container{ border:10px solid #f6cf5f; padding:60px 30px 50px;  border-radius:25px;}
.section3-container .swiper-slide a{ display: block; }
.section3-container .swiper-slide a img{ max-width: 100%; }
.section3-container .swiper-slide .info{margin-top: 10px; padding:0 10px; text-align: left; font-size: 14px; color: #333333; line-height: 26px; height: 52px; overflow: hidden;}
.section3-container .swiper-slide a:hover img{ box-shadow: 0px 0px 10px rgba(51,51,51,0.25); }
.section3-container .swiper-slide a:hover .info{ color: #79b552; }
.section3 .swiper-button-next{opacity: 1; width: 47px; height: 31px; right: 0; background: url(../img/next1.png) no-repeat; animation: zy1 5s infinite;}
.section3 .swiper-button-prev{opacity: 1; width: 47px; height: 31px; left: 0; background: url(../img/prev1.png) no-repeat; animation: zy1 5s infinite;}
.section3 .swiper-button-next:hover{ width: 47px; height: 31px; background: url(../img/next1h.png) no-repeat; }
.section3 .swiper-button-prev:hover{ width: 47px; height: 31px; background: url(../img/prev1h.png) no-repeat; }
.section3 .morecir{ margin:30px auto 0; }
@-webkit-keyframes zy1{
  0% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  50% {
    -webkit-transform: translate3d(0,-20px,0);
            transform: translate3d(0,-20px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }
}
.section4{ background: #f3f4f7; height: 50px; line-height: 50px; border-bottom: 1px solid #e5e5e5; }
.section4 .imgbg{ float: left;}
.section4 .imgbg .letter1{ top: 0; }
.section4 .letterq1{width: 30px; height: 30px; top: -0px; left: -40px; animation: zy 5s infinite; position: relative;}
.section4 .letterq2{width: 8px; height: 8px; top: -0px; left: -40px; animation: zy 5s 2s infinite; position: relative;}
.section4 .letterq3{width: 16px; height: 16px; top: -0px; left: -40px; animation: zy 5s 3s infinite; position: relative;}
.section4 .friendlylink{float: left;}
.section4 a{ display: inline-block; color: #666666; font-size: 14px; padding: 0 12px; }
.section4 a:hover{ color: #79b552; position: relative;}
.section4 a:hover:after{ position: absolute;bottom: -4px; left: 50%; width: 7px; height: 7px; border-radius: 50%; background: #79b552; margin-left:-4px; content: ""; }
.section5{ width: 100%; background: #f3f4f7; padding: 86px 0 44px; }
.section5 ul{}
.section5 ul li{ text-align: center; }
.section5 ul li i {width: 66px; height: 66px; border-radius: 50%; vertical-align: middle; background: #e5e6eb; display: block; margin:0 auto 30px; transition: all 0.5s;}
.section5 ul li i span{ vertical-align: middle; display: table-cell;text-align: center;width: 66px; height: 66px; }
.section5 ul li i img{ max-width: 100%; max-height: 100%;}
.section5 ul li span{ display: block; margin-bottom:8px; color: #666666; font-size: 14px;}
.section5 ul li em{ display: block; font-size: 14px; color: #333333; font-weight: bold; font-family: "Arial"; }
.section5 ul li:hover i{ background: #f6cf5f; box-shadow:0px 0px 10px rgba(51,51,51,0.25); }
.message{ width: 60%; margin:0 auto; border: 10px solid #f6cf5f; padding: 30px 50px 24px; margin-top: 116px;}
.message .tt{ color: #999999; font-size: 14px; text-align: center; padding-bottom: 18px; border-bottom: 1px solid #d2d2d2;}
.message label{ border-bottom: 1px solid #d2d2d2; line-height: 60px;}
.message .tt input{ text-align: center; }
.message label input{ background: none; border:none; text-indent: 16px; display: inline-block; width: 100%; color: #333333;}
.message label textarea{background: none; border:none; text-indent: 16px; width: 87%;}
.message .btns{transition: all 0.5s; position: relative; font-family: "寰蒋闆呴粦"; margin:16px auto 0; width: 72px; height: 72px; line-height: 72px; text-align:center; border-radius: 50%; background: #f6cf5f; font-size: 14px; color: #333333; display: block; }
.message .btns:hover{ background: #79b552; color: #ffffff;  }
.message .line{ width: 1px; height: 46px;display: block; background: #f6cf5f;  position: absolute; left: 50%;}
.footer{ background: #79b552; padding: 20px 0; }
.footer .copyright{ text-align: center;width: 100%; line-height: 24px; color: #c8e2b7; font-size: 14px;} 
.footer .copyright a{ color: #c8e2b7; font-size: 14px; } 
.footer .copyright a:hover{ color: #ffffff; } 
.backtop{ opacity: 0;z-index: 99; width: 53px; height: 53px; background: url(../img/top.png) no-repeat; right: 6%; top: 50%; margin-top: -26px; position: fixed; cursor: pointer;}


.imgbg1{/* margin-left: 9.2%; border: 10px solid #f6cf5f; width: 68.7%; position: absolute; top: 0; height: 100%;*/ }
.imgbg1 .letter{ position: relative;z-index: 2; font-weight: bold; font-size: 142px; color: #f6cf5f; font-family:"Arial"; opacity: 0.4; display: inline-block; padding:0 0 0 10px;}
.imgbg1 .letter1{ position: relative;z-index: 2; font-weight: bold; color: #43a78a; font-size: 18px; position: relative;top: -48px; }
.imgbg1 img{ position: absolute; z-index: 0;}
.imgbg1 .letterq1{width: 30px; height: 30px; top: 100px; left: 80px; animation: zy 5s infinite;}
.imgbg1 .letterq2{width: 8px; height: 8px; top: 108px; left: 110px; animation: zy 5s 2s infinite;}
.imgbg1 .letterq3{width: 16px; height: 16px; top: 110px; left: 100px; animation: zy 5s 3s infinite;}

.nynav{ position: relative; width: 25.8%;}
.wrapside{ border:10px solid #f6cf5f;border-radius: 25px; margin-top: -1px;}
.nynav .nytt{ width: 100%; height: 125px; position: relative;}

.nynav a{ line-height: 36px; display: block;color: #666666; }
.nynav>.wrapside>ul{ padding: 46px 0;}
.nynav>.wrapside>ul>li{ padding:10px; }
.nynav>.wrapside>ul>li>a{display: block; padding-left: 10%; margin-right: 18%; font-size: 16px; line-height: 30px;}
.nynav>.wrapside>ul>li>ul{ display: none; width: 100%;}
.nynav>.wrapside>ul>li>ul>li{}
.nynav>.wrapside>ul>li>ul>li>a{ font-size: 14px; padding-left: 16%; position: relative; font-size: 14px; line-height: 40px;}
.nynav>.wrapside>ul>li>ul>li>a em{ display: inline-block; margin-right: 4px; }
.nynav>.wrapside>ul>li.current>a,.nynav>.wrapside>ul>li>a:hover{ border:1px solid #79b552; border-radius: 16px;color: #79b552; }
.nynav>.wrapside>ul>li>ul>li.act_secondli>a{color: #79b552; }
.nynav>.wrapside>ul>li>ul>li>ul{display: none; background: url(../img/ul.png) no-repeat; background-size: 100% 100%;}
.nynav>.wrapside>ul>li>ul>li>ul>li{}
.nynav>.wrapside>ul>li>ul>li>ul>li>a{ padding-left:24%; font-size: 14px;color: #999999; line-height: 40px;}
.nynav a:hover,.nynav>.wrapside>ul>li>ul>li>ul>li>a:hover{ color: #79b552; }
.nyvideo{ margin-top: 30px; position: relative; width: 100%; overflow: hidden;}
.nyvideo i{display: block; background: #f6cf5f; width: 100%; height: 100%; position: absolute; top: 48px; left: 28px;z-index: 0;}
.nyvideo embed{cursor: pointer; max-width: 100%; border-right: 10px solid rgba(255,255,255,0);border-bottom: rgba(255,255,255,0); position: relative;z-index: 1;}
.nyvideo em{ width: 100%; background: #f6cf5f; height: 10px; left: 28px; display: block; position: relative;}
.inner_main{ width: 100%; padding:0 0 70px; }
.wrap_inner{ margin:-140px auto 0; position: relative;z-index: 12;}
.ny_content{ width: 70%; padding-top: 140px;}
.pc_weizhi{ font-size: 16px; color: #666666; height: 70px; line-height: 70px; text-align: right;}
.pc_weizhi em{ background: url(../img/dw.png) no-repeat 0 center; display: inline-block; text-indent: 22px; margin-right: 14px;}
.pc_weizhi a{ font-size: 14px; color: #666666; }
.pc_weizhi a:hover, .pc_weizhi span{ color: #79b552; }
.mbtop{ border:8px solid #f6cf5f; width: 94%; margin:0 auto; border-radius: 15px;}
.nywz{ font-size: 14px; color: #666666; line-height: 40px; width: 100%; margin:-10px auto; position: relative; top: -12px; background: url(../img/dw.png) no-repeat 10px center; text-indent: 32px;}
.nywz a{ font-size: 14px; color: #666666; }
.nywz span{ color: #79b552; }
.aboutedit{ line-height: 26px; color: #666666; font-size: 14px; padding-bottom: 50px;}
.propage{ padding-top: 30px; }
.propage li{ margin-bottom: 30px; }
.propage li a{ display: block; }
.propage li a img{ max-width: 100%;border-radius: 25px;}
.propage li a .info{margin-top: 10px; padding:0 10px; text-align: left; font-size: 14px; color: #333333; line-height: 26px; height: 52px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.propage li a:hover img{ box-shadow: 0px 0px 10px rgba(51,51,51,0.25); }
.propage li a:hover .info{ color: #79b552; }
.page{ margin-top: 20px; text-align: center; height: 26px; line-height: 26px; width: 100%;}
.page a{ margin:0 4px; color: #333333; font-size: 16px; padding:0 8px; line-height: 26px; display: inline-block;border-radius: 50%;}
.page a.num:hover, .page a.current{ color: #ffffff; background: #79b552; }
.page a.normal{color: #ffffff; background: #79b552; font-family: "骞煎渾"; width: 28px; height: 28px; padding: 0; text-align: center;line-height: 28px;}
.newspage{ width: 100%; }
.newspage li{margin-bottom: 16px; }
.newspage li a{display: block; padding: 16px; }
.newspage li a .div_img{ width: 29%; }
.newspage li a img{ width: 100%;border-radius: 25px;}
.newspage li a .info{ width: 69%; }
.newspage li a .info .tt1{ padding-top: 10px; padding-bottom: 20px; color: #333333; font-size:16px;width: 100%; line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: bold; }
.newspage li a .info .tt2{ font-size:14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; }
.newspage li a .info .time{ position: relative; overflow: hidden; font-size: 12px; color: #999999; padding-top: 10px;}
.newspage li a:hover{ box-shadow: 0px 0px 10px rgba(51,51,51,0.25) }
.newspage li a:hover .info .tt1{ color: #79b552; }
.news1page{ width: 100%; }
.news1page li{margin-bottom: 16px; }
.news1page li a{display: block; padding: 16px; }
.news1page li a .tt1 h2{ background: url(../img/h2.png) no-repeat 0 center; text-indent: 36px; color: #333333; font-size:16px;width: 70%; line-height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news1page li a .tt1 span{ color: #999999; font-size: 12px; }
.news1page li a .tt2{text-indent: 36px;  font-size:14px; color: #666666; line-height: 24px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; }
.news1page li a:hover{ box-shadow: 0px 0px 10px rgba(51,51,51,0.25) }
.news1page li a:hover .tt1 h2{ color: #79b552; }
.prodett{ color: #333333; font-size: 24px; font-weight: bold; text-align: center; margin:20px 0 30px; }
.proswiper-container{}
.proswiper-container img{ display: block;margin:26px auto; width: 49.6%; box-shadow: 0px 0px 10px rgba(51,51,51,0.25);}
.proswiper-container .swiper-button-next{opacity: 1; width: 47px; height: 31px; right: 14.8%; background: url(../img/next1.png) no-repeat; animation: zy1 5s infinite;}
.proswiper-container .swiper-button-prev{opacity: 1; width: 47px; height: 31px; left: 14.8%; background: url(../img/prev1.png) no-repeat; animation: zy1 5s infinite;}
.proswiper-container .swiper-button-next:hover{ width: 47px; height: 31px; background: url(../img/next1h.png) no-repeat; }
.proswiper-container .swiper-button-prev:hover{ width: 47px; height: 31px; background: url(../img/prev1h.png) no-repeat; }
#tabBox1{ margin:10px auto;   }
#tabBox1 .hd{ height:46px; line-height:46px;overflow:hidden; background:#f6f6f6; margin-bottom: 30px;}
#tabBox1 .hd ul{}
#tabBox1 .hd ul li{ float:left;  padding:0 50px; vertical-align:top; font-size: 16px; color: #333333; line-height: 46px; cursor: pointer;}
#tabBox1 .hd ul li.on{ color: #ffffff; background: #79b552; }
#tabBox1 .bd ul{ font-size: 14px; color: #333333; line-height: 26px;} 
.other{margin-top:60px; position: relative;}
.other a{transition: all 0.5s; display:inline-block; padding: 0 20px; font-size: 14px; color: #1f292f; line-height: 50px; width: 46%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #f3f4f7; position: relative;z-index: 2;}
.other a.prev{ margin-left:2%; }
.other a.next{margin-right: 2%; float: right}
.other:before{ content: ""; position: absolute; top: -16px; left: 0; z-index: 0; display: inline-block;width: 36px; height: 36px; background: url(../img/pr1.png) no-repeat 0 center; }
.other:after{ content: "";position: absolute; top: -16px; right: 0; z-index: 0; display: inline-block;width: 36px; height: 36px; background: url(../img/pr1.png) no-repeat 0 center;}
.other a:hover{ color: #ffffff; background: #9fd100; }
.newdtedit .tt{ font-size: 24px; font-weight: bold; color: #333333; line-height: 50px; margin-top: 20px;}
.newdtedit .time{color: #666666; font-size: 12px; padding-bottom: 20px; }
.aboutedit1{ line-height: 26px; color: #666666; font-size:14px; }
.newdtedit{ position: relative;}

@media (max-width: 1200px){
  .newspage li a .info .tt1{ padding:10px 0 0;}
}
@media (max-width: 991px){
  .prodett{font-size: 18px; margin:20px 0 10px; }
  .proswiper-container img{ width: 69%;}
  .proswiper-container .swiper-button-next{opacity: 1; width: 47px; height: 31px; right: 0;}
  .proswiper-container .swiper-button-prev{opacity: 1; width: 47px; height: 31px; left: 0;}
  .proswiper-container .swiper-button-next:hover{ width: 47px; height: 31px; background: url(../img/next1h.png) no-repeat; }
  .proswiper-container .swiper-button-prev:hover{ width: 47px; height: 31px; background: url(../img/prev1h.png) no-repeat; }
  #tabBox1{ margin:10px auto;   }
  #tabBox1 .hd{ height:46px; line-height:46px; overflow-x: auto; background:#f6f6f6; margin-bottom: 30px;}
  #tabBox1 .hd ul{ overflow-x: auto; }
  #tabBox1 .hd ul li{ float:left;  padding:0; width: 25%; text-align: center; vertical-align:top; font-size: 16px; color: #333333; line-height: 46px; cursor: pointer;}
  #tabBox1 .hd ul li.on{ color: #ffffff; background: #79b552; }
  #tabBox1 .bd ul{}
  #tabBox1 .bd ul{ font-size: 14px; color: #333333; line-height: 26px;} 
  .other{margin-top:60px; position: relative;}
  .other a{margin-bottom: 20px; transition: all 0.5s; display:inline-block; padding: 0 20px; font-size: 14px; color: #1f292f; line-height: 50px; width: 98%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; background: #f3f4f7; position: relative;z-index: 2;}
  .other a.prev{ margin-left:2%; }
  .other a.next{margin-right: 2%; float: right}
  .other:before{ content: ""; position: absolute; top: -16px; left: 0; z-index: 0; display: inline-block;width: 36px; height: 36px; background: url(../img/pr1.png) no-repeat 0 center; }
  .other:after{ content: "";position: absolute; top: 66px; right: 0; z-index: 0; display: inline-block;width: 36px; height: 36px; background: url(../img/pr1.png) no-repeat 0 center;}
  .other a:hover{ color: #ffffff; background: #9fd100; }



  .news1page li a{display: block; padding: 0px; }
  .news1page li a .tt1 h2{width: 100%;}
  .newspage li{margin-bottom: 20px; }
  .newspage li a{ padding: 0; }
  .newspage li a .div_img{ width: 37%; }
  .newspage li a img{ width: 100%;}
  .newspage li a .info{ width: 59%; }
  .newspage li a .info .tt1{ padding-top: 10px; padding-bottom: 20px;}
  .newspage li a .info .tt2{ font-size:14px; color: #666666; line-height: 24px; height: 48px; overflow: hidden; }
  .newspage li a .info .time{ position: relative; overflow: hidden; font-size: 12px; color: #999999; padding-top: 10px;}

  .propage{ padding-top: 8px; }
  .page a{ margin:0 2px;}
  .propage li{ margin-bottom: 20px; }
  .ny_content{ width: 93.75%; padding-top: 30px; margin:0 auto; }
  .ny_content.fr{float: none;}
  .imgbg1 .letterq1{width: 30px; height: 30px; top: 50px; left: 60px; animation: zy 5s infinite;}
  .imgbg1 .letterq2{width: 8px; height: 8px; top: 70px; left: 90px; animation: zy 5s 2s infinite;}
  .imgbg1 .letterq3{width: 16px; height: 16px; top: 80px; left: 80px; animation: zy 5s 3s infinite;}
  .imgbg1 .letter1{ font-size: 24px; font-weight: normal; top: -38px; }
  .imgbg1 .letter{ font-size: 110px; }
  .wrap_inner{ margin:-112px auto 0; }
  .footer{ background: #79b552; padding: 20px; }
  .section5{ width: 100%; background: #f3f4f7; padding: 40px 0 30px; }
  .section5 ul li{margin-bottom: 30px;}
  .section5 ul li i { margin:0 auto 20px; }
  .section5 ul li em{  font-weight: normal;}
  .message{ width: 92%; padding: 30px 12px 24px; margin-top: 30px;}
  .message label{ border-bottom: 1px solid #d2d2d2; line-height: 60px;}
  .message label span{ width: 23%;}
  .message label input{  width: 77%;}
  .message label textarea{width: 77%;}
  .message .btns{ font-weight: normal; }
  .section4{ padding: 0 2.5%; }
  .section4 .container{ width: 100%; }
  .section4 .imgbg{ width: 30%;position: relative; }
  .section4 .imgbg .letter1{ font-size: 16px;}
  .section4 .imgbg img{ position: absolute; }
  .section4 .letterq1{width: 30px; height: 30px; top:-0px; left: 50px; animation: zy 5s infinite; position: relative;}
  .section4 .letterq2{width: 8px; height: 8px; top:-0px; left: 60px; animation: zy 5s 2s infinite; position: relative;}
  .section4 .letterq3{width: 16px; height: 16px; top:-0px; left:40px; animation: zy 5s 3s infinite; position: relative;}
  .section4 .friendlylink{ width: 70%;overflow-x: scroll;}
  
  .section3{ margin-bottom: 36px; }
  .section3 .imgbg{ padding-top: 30px; }
  .section3-container{ padding:40px 10px 30px; }
  .wrapsec3c{margin:-34px 15px 0; padding:0;}
  .section2{height: auto; background:#fbf4e1; padding-bottom: 80px;}
  .section2 .section2_left{ margin:0 3.1%; width: 93.8%;}
  .section2 .imgbg{ margin:48px 0 0 0; height: 240px;  width: 100%; position: relative; background: url(../img/s3.png) no-repeat; background-size:63% 100%;  z-index: 0;}
  .section2 .imgbg img{ position: absolute; z-index: 0;}
  .section2 .letter{  padding:23px 0 0 15.7%;}
  .section2 .letterq1{width: 30px; height: 30px; top: 100px; left: 120px; animation: zy 5s infinite;}
  .section2 .letterq2{width: 8px; height: 8px; top: 116px; left: 190px; animation: zy 5s 2s infinite;}
  .section2 .letterq3{width: 16px; height: 16px; top: 106px; left: 150px; animation: zy 5s 3s infinite;}
  .section2 .div_img{ margin-left:15.7%; width: 67.7%; display: block; position: relative;margin-top: -106px; z-index: 2;}
  .section2 .div_img img{ width: 100%; }
  .section2_right{ margin-top: 0px; padding-top: 40px; width: 100%; margin-right: 0; padding-left: 0; background: url(../img/s4.png) no-repeat right top; background-size: 89% 430px;}
  .section2_right li{}
  .section2_right li a{ display: block; padding:16px;}
  .section2_right li a .num{width: 10%; font-size: 45px; }
  .section2_right li a .info{ width: 87.5%; }
  .section2_right li a .info .tt{ margin:6px 0; }
  .section2_right li a .info .tt .tt1{ float: left; font-size: 16px; color: #333333; width: 64%; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
  .section2_right li a .info .contentinfo{ color: #666666; font-size: 14px; width: 100%; white-space: normal; line-height: 24px; max-height: 48px; overflow: hidden; }
  .section2_right li a:hover{ background: #ffffff; box-shadow: 0px 0px 10px rgba(51,51,51,0.25);}
  .section2_right li a:hover .tt .tt1{ color: #79b552;}
  .section2_right a.more{ position: relative; margin:70px 0 0 25%; width: 72px; height: 72px; line-height: 72px; text-align:center; border-radius: 50%; background: #f6cf5f; font-size: 14px; color: #333333; font-weight: bold;font-family: "Arial"; display: block; }
  .section1{ margin:16px auto; position: relative;z-index: 11;}
  .section1 .imgbg{ margin-left: 0; width: 100%; }
  .letter{ padding:0 0 0 6px; font-size:110px;}
  .letter1{  top: -36px; font-size: 24px;}
  .letterq1{left: 80px; animation: zy 5s infinite;}
  .letterq2{left: 100px; animation: zy 5s 2s infinite;}
  .letterq3{left: 120px; animation: zy 5s 3s infinite;}
  .section1 .tabBox .tempWrap{ margin-top: 22px;}
  ::-webkit-scrollbar{
            width:0; height: 0;
        }
  .section1 .tabBox {width: 100%; overflow: hidden; padding:0;}
  .section1 .tabBox .hd {height: 40px; line-height: 40px; margin:30px 15px 0; position: relative; overflow: hidden; overflow-x:auto;}
  .section1 .tabBox .hd ul{ height: 40px;margin:0 auto; overflow-x:auto;}
  .section1 .tabBox .hd li{ margin:0 4px; padding:0; text-align: center; line-height: 40px;}
  .section1 .tabBox .bd ul{ padding:30px 30px 0; }
  .section1 .tabBox .bd .more{transition: all 0.5s; margin: 26px auto; width: 160px; height: 51px; line-height: 50px; background: #f6cf5f; font-size: 14px; text-indent: 30px; color: #807146; display: block;}
  .section1 .tabBox .bd .more em{ display: inline-block; width: 24px; height: 8px; background: url(../img/em.png) no-repeat 0 center; margin-left: 10px;}
  .section1 .tabBox .bd .more:hover{ background: #79b552; color: #ffffff; }
  .section2 .div_img .time{ margin-bottom: 20px; }
  .morecir{margin:130px 0 0 116px;}
}
@media (max-width: 768px){
  .section1{ margin:16px 15px; position: relative;z-index: 11;}
  .section4 a{ width: 33%; text-align: center;padding: 0; }
  .morecir{margin:84px 0 0 116px;}
}
@media (max-width: 600px){
  .morecir{margin:120px 0 0 116px;}
}
@media (max-width: 640px){
  .section2_right{background: url(../img/s4.png) no-repeat right top; background-size: 86% 430px;}
  .section2_right li a .num{width: 12%; font-size: 45px; }
  .section2_right li a .info{ width: 84.5%; }
  
}
@media (max-width: 570px){
  .newspage li a .info .tt1{ padding-top: 0px; padding-bottom: 0px;}
  .newspage li a .info .time{ position: relative; overflow: hidden; font-size: 12px; color: #999999; padding-top: 6px;}
}
@media (max-width: 500px){
  .section2_right{background: url(../img/s4.png) no-repeat right top; background-size: 83% 430px;}
  .section2_right li a .num{width: 16%; font-size: 45px; }
  .section2_right li a .info{ width: 80%; }
}
@media (max-width: 440px){
  .newspage li a .info .tt2{ font-size:14px; color: #666666; line-height: 24px; height: 24px; overflow: hidden; white-space: nowrap;text-overflow: ellipsis;}
}
@media (max-width: 400px){
  .imgbg1 .letter{ font-size: 90px; }
  .wrap_inner{ margin:-18px auto 0; }
  .section2_right{background: url(../img/s4.png) no-repeat right top; background-size: 78% 430px;}
  .section2_right li a .num{width: 16%; font-size: 45px; }
  .section2_right li a .info{ width: 75%; }
}
@media (max-width: 1200px){
  #header .nav_box .yiji>a{ padding: 0 26px;}
  
}
.new-text {
    color: #000; /* 文字颜色 */
    font-size: 16px; /* 文字大小 */
    margin-top: 10px; /* 上方外边距 */
}
/*-----------------------------分页 start--------------------------------*/
.next1{width: 100%;height: auto;overflow: hidden;text-align: center;}
.next1 ul{display: inline-block;}
.next1 ul li{display: inline-block;}
.next1 a{display: inline-block;border: 1px solid #ebebeb;color: #999;width: 30px;height: 30px;line-height: 30px;margin: 0 4px;overflow: hidden;}
.next1 a.on1,.next1 a:hover{background: rgb(121, 181, 82);color: #fff;border: 1px solid rgb(121, 181, 82);}
/*--------------------分页 end----------------------*/