.ind-banner{width: 100%;height: 100vh;overflow: hidden;} 
.ind-banner .swiper-slide {color: #fff;height: 100vh; } 
.ind-banner .swiper-button-prev{background: url("../images/indeximages/a8_1.png") no-repeat center center;left: 5%; } 
.ind-banner .swiper-button-next{background:url("../images/indeximages/a8_2.png") no-repeat center center;right: 5%; } 
.ind-banner .swiper-button-prev:hover{background-image:url("../images/indeximages/a8_1on.png"); } 
.ind-banner .swiper-button-next:hover{background-image:url("../images/indeximages/a8_2on.png"); } 
.ind-banner .txt{text-align: center; margin-top: -66px; height: 246px; top: 50%; position: absolute; width: 100%; }
.ind-banner .txt h2{font-size: 45px; color: #fff; letter-spacing: 8px; display:  block; line-height: 68px; } 
.ind-banner .txt em{font-size: 24px; color: #fff; display: block; letter-spacing:10px; margin:60px 0 9px 0; } 
.ind-banner .txt p{font-size: 50px; color: #fff; } 
.ind-banner .txt span{font-size: 16px; color: #fff; display: block; text-transform:  uppercase; margin-top: 15px; }
.ind-banner .txt a{ display: block; width: 160px; height: 45px; background: url("../images/lijitiyan_03.png") no-repeat; margin: 38px auto 0; line-height: 45px; text-align: center; color: #FFFFFF; font-size: 18px; }

.m-banner img{width: 100%;}

.m-banner .swiper-button-prev{background: url("../images/indeximages/a8_1.png") no-repeat center center;left: 0%; } 
.m-banner .swiper-button-next{background:url("../images/indeximages/a8_2.png") no-repeat center center;right: 0%; } 
.m-banner .swiper-button-prev:hover{background-image:url("../images/indeximages/a8_1on.png"); } 
.m-banner .swiper-button-next:hover{background-image:url("../images/indeximages/a8_2on.png"); } 

.ind-tlt{text-align: center; margin-top: 80px; } 
.ind-tlt em{font-size: 30px; color: #333; display: block; } 
.ind-tlt span{color: #989898; display: block; text-transform: uppercase; margin-top: 20px; }

.paget{display: none;}

/* .page1 {position: relative; } 
.page1 .to-bot{position: absolute; bottom: 14px; left: 50%; z-index: 9; margin-left: -18.5px; animation-iteration-count:infinite; -webkit-animation-iteration-count:infinite; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; } 
.page1 .to-bot-m{position: absolute; bottom:56px; left: 50%;  z-index: 9; transform: translate(-50%); text-align: center; }
.page1 .to-bot-m img{ width: 86%; -webkit-transform:rotate(360deg); animation:rotation 20s linear infinite; -moz-animation:rotation 20s linear infinite; -webkit-animation:rotation 20s linear infinite; -o-animation:rotation 20s linear infinite;animation-fill-mode:both;}
@-webkit-keyframes rotation {
from { -webkit-transform: rotate(0) }
to { -webkit-transform: rotate(360deg) }
}
@keyframes rotation {
from { transform: rotate(0) }
to { transform: rotate(360deg) }
}
@-moz-keyframes rotation {
from { -moz-transform: rotate(0) }
to { -moz-transform: rotate(360deg) }
} */

.pagebg{ position: absolute; width: 100%; height: 100%;}
.pagebg.donghua{animation-name:bgMagnify; animation-duration:20s; animation-delay:0.1s;}

.lh-more {display: block;width: 28px;height: 28px;position: relative;transition: ease .65s;}
.lh-more:before {content: '';display: block;width: 100%;height: 4px;background: #fff;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.lh-more:after {content: '';display: block;width: 4px;height: 100%;background: #fff;position: absolute;left: 50%;top: 0;margin-left: -2px;}
.lh-more.gray:before, .lh-more.gray:after {	background: #AAA;}
.lh-more.gray:hover { transform: rotate(360deg); transition: ease .65s;}
.lh-more.bai:before, .lh-more.bai:after { background: #fff; }
.lh-more.bai:hover { transform: rotate(360deg); transition: ease .65s; }


.page1{ background: #fff; position: relative; text-align: center;} 
/* .page2 .list li:nth-child(1){-webkit-animation-delay: 0;-o-animation-delay: 0;animation-delay: 0;}
.page2 .list li:nth-child(2){-webkit-animation-delay: .2s;-o-animation-delay: .2s;animation-delay: .2s;}
.page2 .list li:nth-child(3){-webkit-animation-delay: .4s;-o-animation-delay: .4s;animation-delay: .4s;} 
.page2 .list li:nth-child(4){-webkit-animation-delay: .6s;-o-animation-delay: .6s;animation-delay: .6s;} */
.gywmbg{ background-size: 100%;}
.page1 .lgywm{ width: 50%; float: left;height: 70vh; text-align: left;}
.page1 .lgywm .tit{ width: 100%; line-height: 39px; font-size: 2.5em; text-align: left; color: #66b72f; opacity:0;}
.page1 .lgywm .tit img{ width: 500px; margin-bottom: 10px; margin-top: 8px;}
.page1 .lgywm .tit.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 0.6s forwards;}
.page1 .lgywm .gsname{ width: 100%; line-height: 30px; font-size: 1.2em; color: #000; text-align: left; padding-left: 36px; opacity:0;}
.page1 .lgywm .gsname.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page1 .lgywm .word{ width: 100%; line-height: 55px;text-align: left; font-size: 1.2em; color: #000; margin-top: 20px; opacity:0;}
.page1 .lgywm .word.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.5s forwards;}
.page1 .lgywm .gengduo{ opacity:0;}
.page1 .lgywm .gengduo a{ width: auto; display: inline-block; line-height: 38px; text-align: center; padding: 0 36px; font-size: 1.1em; margin-top: 16px; border: 1px solid #666; color: #666; transition: ease .65s; }
.page1 .lgywm .gengduo a:hover{ border: 1px solid #66b72f; color: #fff; background-color: #66b72f; transition: ease .65s;}
.page1 .lgywm .gengduo.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 2s forwards;}
.page1 .lgywm.donghua{animation: fadeInDown cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.page1 .rpiclist{ width: 43%; float: right;}
.page1 .rpiclist .mhdp{ width: 100%; margin: 0 auto; display: inline-block; position: relative; margin-top: 12px; opacity:0; }
.page1 .rpiclist .mhdp.donghua{animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.5s forwards;}
.page1 .rpiclist .mhdp img{ width: 100%;}
.page1 .rpiclist .qitalist{ width: 100%; margin: 0 auto; display: inline-block; opacity:0; position: relative;padding: 13px 0;  margin-top: 30px; /* background-color: rgba(101, 183, 47, 0.825); */ background: linear-gradient(-45deg, transparent 55px, rgba(101, 183, 47, 0.938) 0) ;}
.page1 .rpiclist .qitalist.donghua{animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.3s forwards;}
.page1 .rpiclist .qitalist li{ width: 28.33%; float: left; text-align: center; opacity:0; position: relative; }
.page1 .rpiclist .qitalist li .line{ position: absolute; width: 2px; height: 9px; background-color: #ffffff; left: 50%; transform: translate(-50%); bottom: -16px;}
.page1 .rpiclist .qitalist li:nth-child(1).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.9s forwards;}
.page1 .rpiclist .qitalist li:nth-child(2).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 2.3s forwards;}
.page1 .rpiclist .qitalist li:nth-child(3).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 2.7s forwards;}

.page1 .rpiclist .qitalist li img{ width:80px;transition:all ease-in-out 0.5s !important;-moz-transition:all ease-in-out 0.5s;-webkit-transition:all ease-in-out 0.5s;}
.page1 .rpiclist .qitalist li .word{ width:100%; text-align: center;color: #fff; font-weight: bold; font-size: 1.2em; line-height: 39px; display: inline-block;}
.page1 .rpiclist .qitalist li:hover img{transform: rotateY(360deg);-moz-transform:rotateY(360deg); }

@-webkit-keyframes bgMagnify{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}}@keyframes bgMagnify{0%{-webkit-transform:scale(1,1);transform:scale(1,1)}100%{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}}.bgMagnify,.bgMagnifyhover:hover{-webkit-animation-name:bgMagnify;animation-name:bgMagnify}



.page2 {position: relative; background:#fff url(../images/indeximages/icon1.jpg) no-repeat right center; text-align: center;} 
/* .page3 ul{ overflow: hidden; margin-top: 70px;} 
.page3 li{ float: left; margin: 0 16px 16px 0; width: calc(24.33% - 16px); border-radius: 4px;}
.page3 li a{ display: block;}
.page3 li .ico{ display: block; height: 98px; display: flex; align-items: center; margin-top: 13px; }
.page3 li .ico img{  display: block; margin: 0 auto; }
.page3 li .h6{ display: block; text-align: center; font-size: 18px; color: #fff; margin-bottom: 22px; }
.page3 li .p{ padding: 20px 34px 20px; text-align: center; display: block; line-height: 26px; color: #fff; height: 52px;}
.page3 li:nth-of-type(1){ background: #05c8c8; }
.page3 li:nth-of-type(2){ background: #00ccfe; }
.page3 li:nth-of-type(3){ background: #3ff0df; }
.page3 li:nth-of-type(4){ background: #05affd; }
.page3 li:nth-of-type(5){ background: #24d998; }
.page3 li:nth-of-type(6){ background: #2386ee; } */

.page2 .leftc{float: left; width: 36vw; height: 100vh; position: relative;opacity:0; transition: cubic-bezier(.8, -.5, .2, 1.4) 1s; }
.page2 .leftc .leftpic{ width: 100%; height: 100%; background-image: url(../images/indeximages/v1.jpg); background-repeat: no-repeat;background-position: center center; background-size: cover; position: absolute; left: 0; top: 0; }
.page2 .leftc.donghua{width: 66vw; transition: cubic-bezier(.8, -.5, .2, 1.4) 1s;}
.page2 .rightc{ float: right; width: 30vw; height: 100vh; position: relative; opacity:0;}
.page2 .rightc .textk{ width:80vw; height: auto;padding: 2.9vw; background: url(../images/indeximages/icon4.png) 0 -56px no-repeat; position: absolute; top: 23%; left: -25vw; z-index: 9; }
.page2 .rightc.donghua{animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.2s forwards;}
.page2 .rightc .textk .toppic{ width: 100%; text-align: left; margin: 0 auto; line-height: 50px;}
.page2 .rightc .textk .toppic img{ width: 55%;}
.page2 .rightc .textk .toptit{ width: 100%; text-align: left; font-weight: bold; line-height: 36px;text-indent: 20px; color: #fff; margin: 0 auto; font-size: 1.5em;  }
.page2 .rightc .textk .gsmc{ width: 60%; float: left; height: auto; margin-top: 1rem; padding-bottom: 1rem;}
.page2 .rightc .textk .gsmc li{float: left; width: 50%; height: auto; margin-bottom: 16px; font-size: 1.2em;}
.page2 .rightc .textk .gsmc li a .neitext{ width: 96%;margin: 0 auto; height: auto;display: block; line-height: 3.8rem; color: #fff; text-align: center; border: 1px solid #ffffff;}
.page2 .rightc .textk .gsmc li a:hover .neitext{border: 1px solid #6ed42a; background-color: #6ed42a; }
.page2 .rightc .textk .more{ width: 100%; margin: 0 auto; height: auto; display: inline-block;}




.page3 {background: #f4f4f7;text-align: center; } 
/* .page4 .ind-tlt{ margin-top:120px;}
.page4 .ind-tlt em{color: #fff; } 
.page4 .ind-tlt span{color: #fff; } 
.page4 .box{margin:10px 55px 0; } 
.page4 .map{position: relative;margin-top: 24px; } 
.page4 .areas{position: absolute;left:  0;top: 0;height: 527px;width: 626px;} 
.page4 .area-o{position: absolute; width: 109px; height: 109px; z-index: 8; cursor: pointer; } 
.page4 .area{width: 76px;height: 76px;position: absolute; z-index: 10; cursor: pointer;margin: 16.5px;} 
.page4 .area-o span{position: absolute; z-index: 10; color: #fff; font-size: 12px; text-align: center; line-height: 109px; display: block; width: 100%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; } 
.page4 .area-o .tag{opacity:  0; float: left; margin:6px 0 0 41px; position: absolute; z-index: 10; } 
.page4 .h-bg{width: 109px; height: 109px; position: absolute; top: 0px; left: 0px; background: url(../images/a16.png) center no-repeat; transform: scale(0); -o-transform: scale(0); filter: alpha(opacity=0); -ms-transform: scale(0); -moz-transform: scale(0); -webkit-transform: scale(0); transform-origin: center center; transition: 300ms; -o-transition: 300ms; -ms-transition: 300ms; -moz-transition: 300ms; -webkit-transition: 300ms; } 
.page4 .area-o:hover .tag{opacity: 1; } 
.page4 .area-o:hover span{font-size: 14px; font-weight: bold; } 
.page4 .area-o:hover .h-bg{transform: scale(1); -o-transform: scale(1); filter: alpha(opacity=1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } 
.page4 .area-o.on .tag{opacity: 1; } 
.page4 .area-o.on span{font-size: 14px; font-weight: bold; } 
.page4 .area-o.on .h-bg{transform: scale(1); -o-transform: scale(1); filter: alpha(opacity=1); -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); } 
.page4 .sel-box{width:100%; height: 498px; background: url(../images/a17.png); border-radius: 10px; padding:5px 50px 36px 36px; } 
.page4 .sel span{float: left; display: inline-block; font-size: 16px;color: #fff; line-height: 46px; margin-right: 22px;}
.page4 .sel a.gpsseek {  display: block; float: left; width: 100px; height: 46px; background: #00ccfe url(../images/seek_19.png) 17px center no-repeat; line-height: 46px; text-indent: 49px; font-size: 16px; color: #FFFFFF; border-radius: 6px;} 
.page4 .select{width: auto;position: relative;left: 0;display: inline-block; margin-right: 12px;} 
.page4 .select dt{height: 44px;width: 72px;line-height: 44px;display: block;background: #2068cb url(../images/a13.png) no-repeat 95% center;cursor: pointer;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position: relative;z-index: 99;padding: 0 50px 0 15px;border: 1px solid #fff;border-radius: 6px;} 
.page4 .select dt a{font-size: 16px;color: #fff;font-style: normal;display: block;text-align: left;overflow: hidden;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} 
.page4 .select dd{margin: 0;position: absolute;left: 0px;top: 42px;z-index: 100;width: 200px;border: 1px solid #fff;border-top: 0px;margin-left: 5px;} 
.page4 .select dd ul {margin: 0;padding: 0;width: 100%;list-style: none;overflow: auto;} 
.page4 .select dd ul li{line-height: 35px;display: block;cursor: pointer;border-bottom: 1px solid #9cc7eb;color: #666;font-size: 14px;background: #ffffff;border-right: 0;position: static;padding-left: 15px;} 
.page4 .select dd ul li:hover{color:#2068cb;} 
.page4 .select dd ul::-webkit-scrollbar {width: 5px; background-color: #c9c9c9; } 
.page4 .select dd ul::-webkit-scrollbar-thumb {background: #969696; } 
.page4 .banner{margin-top: 37px; position:  relative; } 
.page4 .banner .img{border:1px solid #ccc; box-sizing: border-box; width: 100%; } 
.page4 .banner .img img{width: 100%; } 
.page4 .banner p{font-size: 12px;color: #fff; text-align: center; margin-top: 8px; height: 22px; line-height: 22px; } 
.page4 .banner .swiper-button-prev{background: url("../images/indeximages/a15_1.png") no-repeat center center;width: 31px;height: 31px;bottom: -44px;top: auto;left: 46%;margin-left: -31px;} 
.page4 .banner .swiper-button-next{background:url("../images/indeximages/a15_2.png") no-repeat center center;width: 31px;height: 31px;bottom: -44px;top: auto;right: 46%;margin-right: -31px;} 
.page4 .banner .swiper-button-prev:hover{background-image:url("../images/indeximages/a15_1on.png"); } 
.page4 .banner .swiper-button-next:hover{background-image:url("../images/indeximages/a15_2on.png"); }  */
.page3 .toppiclistk{ width: 100vw; height: 100vh;}
.page3 .toppiclistk .toppiclist{ width: 100%; height: 20vh;background-image:url(../images/indeximages/v2.jpg); background-repeat: no-repeat; background-position: center bottom;overflow: hidden;position:relative; opacity:0;}
.page3 .toppiclistk .toppiclist.donghua{height: 55vh; transition: cubic-bezier(.8, -.5, .2, 1.4) 0.8s;}
.page3 .toppiclistk .toppiclist .leftword{ width: 40%; float: left; padding-left: 3%; color: #fff; padding-top: 120px; font-size: 1.2em; line-height: 36px; text-align: left; opacity:0; }
.page3 .toppiclistk .toppiclist .leftword.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.3s forwards;}
.page3 .toppiclistk .toppiclist .righttit{ float: right; width: 30%; padding-right: 5%; text-align: left; padding-top: 120px; opacity:0; }
.page3 .toppiclistk .toppiclist .righttit .titpic{ width: 100%; text-align: left; }
.page3 .toppiclistk .toppiclist .righttit .titpic img{  width: 75%; }
.page3 .toppiclistk .toppiclist .righttit .tittp{ width: 100%; text-align: left; line-height: 58px; font-size: 2.6em; padding: 10px 0 0 30px; color: #fff;font-weight: bold; }
.page3 .toppiclistk .toppiclist .righttit.donghua{animation: fadeInRight cubic-bezier(.8, -.5, .2, 1.4) 1.3s forwards;}

.page3 .toppiclistk .bottomlist{ width: 93%;margin: 0 auto; height: 45vh; position: relative; cursor: pointer; opacity:0;}
.page3 .toppiclistk .bottomlist.donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.9s forwards;}
.page3 .toppiclistk .bottomlist li{ float: left; width: 20%; height: auto; }
.page3 .toppiclistk .bottomlist li .listk{ width: 90%; height: auto; position: relative; }
.page3 .toppiclistk .bottomlist li .listk .piclist{ width: 40%; height: 100px;left: 50%; transform: translate(-50%);  top:-150px; position: absolute; }
.page3 .toppiclistk .bottomlist li .listk .piclist img{ width: 100%; transform: rotate(45deg); transition: ease .65s;}
.page3 .toppiclistk .bottomlist li:hover .listk .piclist img{ transform: rotate(360deg);transition: ease .65s;}

.page3 .toppiclistk .bottomlist li .listk h2{ width: 100%; height: auto;margin-top: 50px; text-align: center; font-size: 1.2em; color: #000; font-weight: bold;line-height: 30px;}
.page3 .toppiclistk .bottomlist li .listk pre{ width: 100%; height: 80px;overflow: hidden; margin-top: 10px; text-align: center; font-size: 1em; color: #000;line-height: 28px;white-space: pre-wrap;}
.page3 .toppiclistk .bottomlist li .listk h3 {width: auto; margin: 0 auto; text-align: center;line-height: 39px; color: #65b630; font-family: "CenturyGothicbold";	position: relative;text-transform: uppercase;}
.page3 .toppiclistk .bottomlist li .listk h3:after {content: '';display: block;	width: 100%;height: 1px;background: #65b630;position: absolute;left: 0;	bottom: 0; text-decoration: none; }
.page3 .toppiclistk .bottomlist li .listk h3 a{ color: #008538;}
.page3 .toppiclistk .bottomlist li .listk h3 a:hover{ color: #008538;}
.page3 .toppiclistk .bottomlist li:nth-child(1).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.9s forwards;}
.page3 .toppiclistk .bottomlist li:nth-child(2).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 2.3s forwards;}
.page3 .toppiclistk .bottomlist li:nth-child(3).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 2.7s forwards;}
.page3 .toppiclistk .bottomlist li:nth-child(4).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 3.1s forwards;}
.page3 .toppiclistk .bottomlist li:nth-child(5).donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 3.5s forwards;}



.page4 {background: #fafafa url(../images/indeximages/wg_bg_p15.jpg); text-align: center;transition: ease .65s; } 
.page4 .prokuan{ width: 100%; height: 100vh; }
.page4 .prokuan .titlek{  width: 100%; height: auto; margin: 0 auto; margin-top: 110px;display: inline-block; opacity:0; }
.page4 .prokuan .titlek.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 0.6s forwards;}
.page4 .prokuan .titlek .tit{ width: 100%; height: auto; margin: 0 auto; text-align: left;  }
.page4 .prokuan .titlek .tit img{ width: 35%; }
.page4 .prokuan .titlek .word{ width: 100%;margin: 0 auto; display: inline-block; line-height: 38px; margin-top: 8px; text-align: left; font-size: 1.3em; text-indent: 26px; color: #000;  }
.page4 .prokuan .titlek .navprolist{ width: 100%; line-height: 40px; margin: 0 auto; margin-top: 10px; display: inline-block;}
.page4 .prokuan .titlek .navprolist li a{ float: left; display: block; padding: 0 20px; margin-bottom: 10px; background-color: #65b630; color: #fff;transform: skewX(-30deg); transition: all .5s; margin-right: 1em;}
.page4 .prokuan .titlek .navprolist li a .font{color: #fff;transform: skewX(30deg); }
.page4 .prokuan .titlek .navprolist li a:hover{ background-color: #4d941f;}

.page4 .prokuan .titlek .navprolist li.morepro a{ float: left; display: block; padding: 0 26px; background-color: #2f97d9; color: #fff;transform: skewX(-30deg); transition: all .5s; margin-right: 1em;}
.page4 .prokuan .titlek .navprolist li.morepro a .font{color: #fff;transform: skewX(30deg); }
.page4 .prokuan .titlek .navprolist li.morepro a:hover{ background-color: #0079c5;}


.page4 .prokuan .prolistk{ width: 100%; margin: 0 auto; display: inline-block; margin-top: 20px; opacity:0;}
.page4 .prokuan .prolistk.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.5s forwards;}
.page4 .prokuan .prolistzy{ width: 100%; margin: 0 auto; height: 66px; display: inline-block; position: relative;opacity:0;}
.page4 .prokuan .prolistzy .swiper-button-next{top:38px; right:auto; left:68px; position: absolute; background-image: url(../images/indeximages/proright.png); background-size: 100%; width: 46px; height: 46px;z-index: 10000; }
.page4 .prokuan .prolistzy .swiper-button-prev{top:38px; left:0px; position: absolute; background-image: url(../images/indeximages/proleft.png); background-size: 100%; width: 46px; height: 46px;z-index: 10000;}
.page4 .prokuan .prolistzy.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 1.5s forwards;}



.page5 {background: #F4F4F8 url(../images/indeximages/hz.jpg) no-repeat right bottom; text-align: center;  } 
.page5 .page6k{ width: 100%; height: 100vh; position: relative;}
.page5 .page6k .neirongl{ width: 80%;float: left; margin-top: 110px; height: auto; opacity:0;}
.page5 .page6k .neirongl.donghua{animation:fadeInDown  cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page5 .page6k .neirongl .tit{ width: 100%; line-height: 39px; font-size: 2.5em; text-align: left; color: #66b72f; }
.page5 .page6k .neirongl .tit img{ width: 500px; margin-bottom: 10px; margin-top: 8px;}
.page5 .page6k .neirongl .tit.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page5 .page6k .neirongl .yqname{ width: 100%; line-height: 30px; font-size: 1.6em; color: #000; text-align: left; padding-left: 36px; }
.page5 .page6k .neirongl .word{ width: 100%; line-height: 30px; font-size: 1.2em; color: #000; text-align: left; margin-top: 16px;}
.page5 .page6k .piclist8{ width: 100%; height: auto; margin: 0 auto; display: inline-block; margin-top: 30px; opacity:0;}
.page5 .page6k .piclist8.donghua{animation: fadeInUp cubic-bezier(.8, -.5, .2, 1.4) 1.1s forwards;}
.page5 .page6k .piclist8 li{ float: left; width: 26.33%; margin-right: 3em; position: relative;}
.page5 .page6k .piclist8 li .textbg{ position: absolute; width: 96%; height: auto; left: -16px; bottom: -26px;}
.page5 .page6k .piclist8 li .img{ overflow: hidden;transition: ease .65s;/*  border-radius: 50% 0 50% 0; */}
.page5 .page6k .piclist8 li .img img{ width: 100%; }
.page5 .page6k .piclist8 li:hover .img{border-radius: 60% 0 60% 0;}
.page5 .page6k .piclist8 li .textbg .textlist { float: left; width: 45%;background-color: #ffffff; line-height: 50px; text-align: center; font-size: 1.1em; color: #000; box-shadow: 0 0 20px rgba(0,0,0,.1); margin-right: 3%; margin-bottom: 13px; }

.page6 {background:#F4F4F8 url(../images/indeximages/icon2.jpg) no-repeat left bottom; text-align: center;}
.page6 .page7k{ width: 100%; height: 100vh;}
.page6 .page7k .leftk1{ float: left; width: 50%; margin-top: 110px; opacity:0;}
.page6 .page7k .leftk1.donghua{animation:fadeInLeft  cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page6 .page7k .leftk1 .tit{ width: 100%; line-height: 39px; font-size: 2.5em; text-align: left; color: #66b72f; }
.page6 .page7k .leftk1 .tit img{ width: 500px; margin-bottom: 10px; margin-top: 8px;}
.page6 .page7k .leftk1 .tit.donghua{animation: fadeInLeft cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page6 .page7k .leftk1 .yqname{ width: 100%; line-height: 30px; font-size: 1.5em; color: #000; text-align: left; padding-left: 36px; }
.page6 .page7k .leftk1 .navls{ width: 100%; line-height: 32px; text-align: left; margin-top: 28px;}
.page6 .page7k .leftk1 .navls li{float: left; margin-right: 22px;}
.page6 .page7k .leftk1 .navls li a{ float: left;display: block; width: auto; padding: 0 12px; font-size: 1.2em; color: #000; position: relative;}
.page6 .page7k .leftk1 .navls li a:before{	content: '';display: block;	width: 6px;	height: 6px;border-radius: 50%;	background: #666;position: absolute;left: 0;top: 50%;margin-top: -3px;	transition: ease .65s;}
.page6 .page7k .leftk1 .navls li a:hover {color: #4d9e18;}
.page6 .page7k .leftk1 .navls li a:hover:before {background: #4d9e18;}
.page6 .page7k .leftk1 .newsl8{ width: 100%; margin: 0 auto; display: inline-block; text-align: left; margin-top: 28px;}
.page6 .page7k .leftk1 .newsl8 li{ float: left; width: 100%; height: auto; margin-bottom: 12px; background-color: #ffffff; border-bottom: 1px solid #b6b6b6; padding: 10px;position: relative; cursor: pointer;}
.page6 .page7k .leftk1 .newsl8 li:before {content: '';display: block;width: 0;height: 0;border-left: 2px solid #66b631;	border-top: 2px solid #66b631;	position: absolute;	left: 0;top: 0;	visibility: hidden;	transition: cubic-bezier(.8, -.5, .2, 1.4) .65s;}
.page6 .page7k .leftk1 .newsl8 li:after {content: '';display: block;width: 0;height: 0;border-right: 2px solid #66b631;border-bottom: 2px solid #66b631;position: absolute;right: 0;bottom: 0;	visibility: hidden;	transition: cubic-bezier(.8, -.5, .2, 1.4) 1s;}
.page6 .page7k .leftk1 .newsl8 li:hover:before,.page6 .page7k .leftk1 .newsl8 li:hover:after {width: 100%;height: 100%;visibility: visible;}

.page6 .page7k .leftk1 .newsl8 li .pic9{ float: left; width: 130px; height: auto;}
.page6 .page7k .leftk1 .newsl8 li .pic9 img{ width: 100%; }
.page6 .page7k .leftk1 .newsl8 li .wordk{ float: right; width: 75%; height: auto; }
.page6 .page7k .leftk1 .newsl8 li .wordk .wtit{ width: 100%; height: auto; line-height: 28px; text-align: left; font-size: 1.2em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page6 .page7k .leftk1 .newsl8 li .wordk .wtit a{color: #000;}
.page6 .page7k .leftk1 .newsl8 li .wordk .wtit a:hover{color: #000;}
.page6 .page7k .leftk1 .newsl8 li .wordk .wword{ width: 100%; height: auto; line-height: 23px; color: #8b8b8b; margin-top: 3px; text-align: left; font-size: 1em;}
.page6 .page7k .leftk1 .newsl8 li .wordk .wtime{ width: 100%; height: auto; line-height: 20px; color: #8b8b8b; font-size: 0.9em; text-align: left;}

.page6 .page7k .rightk1{ float: right; width: 36%; margin-top: 110px; opacity:0;}
.page6 .page7k .rightk1.donghua{animation:fadeInRight  cubic-bezier(.8, -.5, .2, 1.4) 0.8s forwards;}
.page6 .page7k .rightk1 .dangjian{ width: 100%;height: 100%; display: inline-block; background: #fff;box-shadow: 0 0 10px rgba(23,28,96,.1); }
.page6 .page7k .rightk1 .dangjian .tit{ width: 91%;margin: 0 auto; height: auto;margin-top: 10px; line-height: 38px; text-align: left; font-size: 1.6em;}
.page6 .page7k .rightk1 .dangjian .tit em{ width: auto; font-size: 0.8em; margin-left: 8px; color: #ccc; }
.page6 .page7k .rightk1 .dangjian .pic{ width: 91%; margin: 0 auto; height: auto; margin-top: 12px; overflow: hidden; position: relative; }
.page6 .page7k .rightk1 .dangjian .pic img{ width: 100%;}
.page6 .page7k .rightk1 .dangjian .worddjtit{ width: 91%; height: auto;margin: 0 auto; margin-top: 12px; font-size: 1.2em; line-height: 38px; text-align: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.page6 .page7k .rightk1 .dangjian .worddj{ width: 91%; height: auto;margin: 0 auto; font-size: 1em; line-height: 26px; text-align: left; text-indent: 2em; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb;}
.page6 .page7k .rightk1 .dangjian .annui{ width: 100%; height: auto; line-height: 50px; text-align: left; font-size: 1.1em; text-align: center;}
.page6 .page7k .rightk1 .dangjian .annui a{color: #000;}
.page6 .page7k .rightk1 .dangjian .annui a:hover{color: #65b630;}

.footer{ position: relative; text-align: center; line-height: 0px;}
.footer .footk{ width: 100%; height: 100vh; display: inline-block;}
.footer .footk .titlist{ width: 93%; height: 78vh; margin: 0 auto;  display: inline-block;}
.footer .footk .titlist div{ opacity:0;}
.footer .footk .titlist div.donghua{animation:fadeInLeft  cubic-bezier(.8, -.5, .2, 1.4) 0.6s forwards;}

.footer .footk .titlist .qyxczi{float: left; font-family: comic sans ms,cursive; line-height: 50px;margin-top: 112px; text-align: left; font-size: 2em; font-weight: bold; color: #207a2a; }
.footer .footk .titlist .gstopzi{ float: left;width: 100%; text-align: left; }
.footer .footk .titlist .gstopzi img{ width: 500px;}
.footer .footk .titlist .fontxiaozi{ float: left;width: 100%; text-align: left; text-indent: 30px; font-size: 1.6em; color: #4e9a1c; line-height: 42px; }

.footer .footk .titlist .lianxi{ float: left; width: 100%; margin-top:20px; opacity:0;}
.footer .footk .titlist .lianxi.donghua{animation:fadeInRight  cubic-bezier(.8, -.5, .2, 1.4) 0.9s forwards;}

.footer .footk .titlist .lianxi li{ float: left; width: 33.33%; margin-bottom: 1.3em; }
.footer .footk .titlist .lianxi li .lxkuang{ width: 96%; margin: 0 auto;border: 2px solid #66b631; background-color: rgba(255, 255, 255, 0.852); display: inline-block;}
.footer .footk .titlist .lianxi li .lxkuang .piciocn{ width: 12%; float: left;padding-top: 30px; padding-bottom: 30px; }
.footer .footk .titlist .lianxi li .lxkuang .piciocn img{ width: 100%; float: left; }
.footer .footk .titlist .lianxi li .lxkuang .wordlist{ width: 85%; text-align: left; float: right;padding-top: 10px;  }
.footer .footk .titlist .lianxi li .lxkuang .wordlist .titld{ width: 100%; margin: 0 auto; text-align: left; color: #353535; font-size: 1.2em; font-weight: bold;line-height: 23px; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.footer .footk .titlist .lianxi li .lxkuang .wordlist .titword{ width: 100%; margin: 0 auto; text-align: left; color: #448f12;font-size: 1em;  display: inline-block; line-height: 28px; margin-top: 8px;}
.footer .footk .titlist .lianxi li .lxkuang .wordlist .titgduo{ float: left; width: 100px;line-height: 38px; color: #000; background-color: rgba(255, 255, 255, 0.8);  font-size: 1em;  transition: all 0.5s; text-align: center;}
.footer .footk .titlist .gdlianxi{ float: left; width: 100%; margin-top: 6px; text-align: center; }
.footer .footk .titlist .gdlianxi a{ color: #000; font-size: 1em;}
.footer .footk .titlist .gdlianxi a:hover{ color: #66b631; text-decoration: underline;}


.footer .footk .footbottom{width: 100%; height: 22vh; background: #207a2a ;margin: 0 auto; margin-top: 30px; display: inline-block;}
.footer .footk .footbottom .fontb{ float: left; width: auto; color: #fff; padding-left: 3em; line-height: 28px; font-size: 1.1em; text-align: left; margin-top: 16px;}
.footer .footk .footbottom .fontb p a{ color: #ffffff;}
.footer .footk .footbottom .fontb p.jszc{ font-size: 0.8em;}
.footer .footk .footbottom .fontb p.jszc a{ color: #fff;}
.footer .footk .footbottom .fontb p.jszc a:hover{ color: #fff;}
.footer .footk .footbottom .fontb.m5{ margin-top: 5px; }
.footer .footk .footbottom .fontb li{ float: left; width: auto; color: #fff; line-height: 28px; font-size: 0.9em; margin-right: 12px; }
.footer .footk .footbottom .fontb li.ge{ float: left; width: auto; color: #fff;}
.footer .footk .footbottom .fontb li a{ color: #fff; font-size: 1em;}
.footer .footk .footbottom .fontb li a:hover{ color: #fff; text-decoration: underline;}

.footer .footk .footbottom .ewml{ float: right; width: 90px; line-height: 20px; color: #fff; margin-top: 12px;margin-right: 13px; font-size: 0.8em;}
.footer .footk .footbottom .ewml img{ width: 100%;}


.video-js{width: 100%; height:300px;}
.zixun_modal{ width: 100%; height: 179px; background: url(../images/bg3.jpg) no-repeat center center;}
.zixun_modal .inner{ width: 1200px; margin: 0 auto; display: none; text-align: center;}
.zixun_modal .p1{ font-size: 22px;  color: #fff; padding: 47px 0 24px;}
.zixun_modal .p2{ -webkit-animation-delay:0.5s; -moz-animation-delay:0.5s; -ms-animation-delay:0.5s; -o-animation-delay:0.5s;  animation-delay:0.5s;}
.zixun_modal .p2 a{ display: inline-block;  width: 234px;  height: 42px;  line-height: 42px;  text-align: center;  border:1px solid #fff;font-size: 19px;  color: #fff;}
.zixun_modal .p2 a:hover{ background: #fff; color: #e60012;}