/* 登录注册按钮动效 */
.top-head .namebox::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 2px solid #007a46;border-radius: inherit;opacity: 0;-webkit-transform: scale3d(0.6, 0.6, 1);transform: scale3d(0.6, 0.6, 1);-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;transition: transform 0.3s, opacity 0.3s;-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.top-head .namebox:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1);opacity: 1;}
.top-head .namebox:hover{background: #fff;}
.top-head .namebox:hover a{color: #007a46;}

.index-header.on .top-head .namebox:hover{background: #fff;}
.index-header.on .top-head .namebox:hover a{color: #25b871;}
.index-header.on .top-head .namebox::before {border: 2px solid #25b871;}


/* 首页右侧点点 */
#fp-nav {position: fixed;opacity: 0; z-index: 100;margin-top: -32px;right: 15px; top: 50%;opacity: 1;}
#fp-nav ul li {display: block;width: 22px;height: 22px;margin: 14px 0px;position: relative;}
#fp-nav ul li a::after{position: absolute;content: '';display: block; z-index: 1;width: 0px;height: 0px;border: 1px solid rgba(0,122,70,0);border-radius: 50%;top: 0;bottom: 0;right: 0;left: 0;margin: auto;
  -webkit-transition: all .1s ease-in-out;-moz-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;-o-transition: all .1s ease-in-out;transition: all .1s ease-in-out;
}
#fp-nav ul li a span.fp-sr-only{display: none;}
#fp-nav ul li a {display: block;z-index: 1;width: 100%;height: 100%;}
#fp-nav ul li a span {top: 6px;left: 6px;width: 10px;height: 10px;background: #b4bfba;border-radius: 50%;position: absolute;z-index: 1;
  -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
#fp-nav ul li a.active::after{border: 1px solid rgba(0,122,70,1);width: 100%;height: 100%;}
#fp-nav ul li a.active span {background: #007a46;}

.showVideo{width: 100vw;height: 100vh;position: fixed;top:0;z-index: 9999;}
.showVideo .con{position: relative;width: 100%;height: 100%;}
.showVideo .con video{width: 100%;height: 100%;object-fit: cover;}
.showVideo .closebtn{position: absolute;right: 40px;top: 40px;color: #fff;cursor: pointer;font-size: 50px;z-index: 1;}

.downbtn{display: block; position: fixed; bottom: 50px; width: 70px; height: 70px; left: 50%; transform: translateX(-50%); transition: opacity .3s; animation: downIconIco1 4s infinite; z-index: 2;}


/* 第一屏 */
.new-index .firstbox{position: relative;}
.new-index .first-swiper{width: 100%;height: 100%;}
.new-index .first-swiper .imgbox2{width: 100%;height: 100%;overflow: hidden;}
.new-index .first-swiper .imgbox2 .bg{width: 100%;height: 100%;object-fit: cover; transition: all 1s ease 2.5s;transform: perspective(1000px) translate3d(0, 0, 100px);}
.new-index .first-swiper .swiper-slide-active .imgbox2 .bg{transition: all 5s ease 0s;transform: perspective(1000px) translate3d(0, 0, 0px);}
.new-index .first-swiper .imgbox2 .font{z-index: 2; position: absolute;top: 40%;left: 0;right: 0;margin: auto;width: auto;height: auto;}
.new-index .first-swiper .imgbox2 .font2{top: 25%;}
.new-index .first-swiper .swiper-slide-active .imgbox2 .font{ -webkit-animation-duration: 2.4s; -moz-animation-duration: 2.4s; -o-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

.new-index .sharebox{position: absolute;left: 50px;bottom: 40px;z-index: 2;}
.new-index .sharebox span{display: inline-block;width: 40px;height: 40px;border: solid 1px #ffffff;border-radius: 50%;margin-right: 10px;z-index: 9;cursor: pointer;}
.new-index .sharebox .icon1{background: url(../../images/new/icon1.png) no-repeat center center;}

.new-index .sharebox .iconbox{position: relative;cursor: pointer;}
.new-index .sharebox .iconbox .wechatbox{position: absolute;margin-left: -3000px;bottom: 50px;width: 120px;text-align: center;background: #fff;border: 1px solid #e5e5e5;padding: 5px 5px 6px;}
.new-index .sharebox .iconbox .font{color: #666;font-size: 12px;margin: 0;display: none;}
.new-index .sharebox .iconbox:hover .wechatbox{margin-left: -30px;}
.new-index .sharebox .iconbox:hover,.new-index .sharebox .icon3:hover{background-color: #25b871;border-color: #25b871;}

.new-index .sharebox .icon2{background: url(../../images/new/icon2.png) no-repeat center center;}
.new-index .sharebox .icon3{background: url(../../images/new/icon3.png) no-repeat center center;}
.new-index .sharebox .icon4{background: url(../../images/new/icon4.png) no-repeat center center;}
.new-index .sharebox .icon5{background: url(../../images/new/icon5.png) no-repeat center center;}

.bannersp{position: relative;}
.bannersp>div{width: 100%;height: 100%;}
.bannersp .font{position: absolute;top: 30%;left: 0;right: 0;margin: auto;width: 40%;}
.bannersp  video{width: 100%;height: 100%;object-fit: cover;object-position: 0 -35%;}

.swiper-flag{position: absolute;width: 162px;height: 52px;bottom: 40px;left: 0;right: 0;margin: auto; z-index: 2;}
.swiper-flag .num{position: relative;background: url(../../images/new/icon7.png) no-repeat center center;font-size: 24px;color: #ffffff;line-height: 26px;}
.swiper-flag .num .begin{position: relative;width: 30px;height: 30px;display: inline-block;}
.swiper-flag .num .font{opacity: 0;position: absolute;}
.swiper-flag .num .font.on{opacity: 1;}
.swiper-flag .btm{text-align: right;}
.swiper-flag .topbtn{width: 16px;height: 18px;display: inline-block;cursor: pointer;opacity: 0.6;}
.swiper-flag .prev{background: url(../../images/new/icon6.png) no-repeat center center;float: left;margin: 3px 30px 3px 0px;}
.swiper-flag .next{background: url(../../images/new/icon12.png) no-repeat center center;float: right;margin: 5px 0px 3px 30px;}
.swiper-flag .topbtn:hover{opacity: 1;}

.right-news{position: absolute; right: 50px;bottom: 40px;z-index: 2;width: 284px;}
.right-news .news{height: 300px;background-color: rgba(255,255,255,0.7);}
.right-news .news .top{height: 45px;position: relative; padding: 0px 20px;display: flex;align-items: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.right-news .news-pagination{position: absolute;top: 0;bottom: 0;right: 20px;margin: auto;height: 20px;text-align: right;padding-right: 20px; }
.right-news .news-pagination span{width: 6px;height: 6px;background: #fff;opacity: .3;margin-left: 10px;}
.right-news .news-pagination .swiper-pagination-bullet-active{opacity: 1;}
.right-news .news-swiper{font-size: 16px;line-height: 26px;height: calc(100% - 45px);}
.right-news .news-swiper .swiper-slide{height:calc(100% / 3);border-bottom: 1px solid rgba(255, 255, 255, 0.2);border-left: 2px solid rgba(255, 255, 255, 0.2);}
.right-news .news-swiper .swiper-slide a{color: #333;}
.right-news .news-swiper .swiper-slide .con{padding: 15px 20px;display: inline-block;width: 100%;height: 100%;}
.right-news .news-swiper .swiper-slide:hover {border-left-color: #25b871;}

.right-news .video-img{position: relative;height: 164px;border: 2px solid #fff;margin-top: 20px;overflow: hidden;}
.right-news .video-img .icon{position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto; background: rgba(0, 0, 0, 0.2) url(../../images/new/icon9.png) no-repeat center center;}
.right-news .video-img .imgbox{position: relative;width: 100%;height: 100%;}
.right-news .video-img .title{position: absolute;z-index: 1; display: inline-block;max-width: 100%;left: 0;bottom: 0;color: #fff;font-size: 16px;padding: 5px 10px;}
.right-news .video-img .video-page{position: absolute;z-index: 2;text-align: right;bottom: 26px;padding-right: 10px;}
.right-news .video-img >.video-page span{width: 15px;height: 15px;margin: 0px 5px; border-radius: 0;opacity: 1; color: #ffffff;font-size: 12px;line-height: 15px;text-align: center;background: rgba(0,0,0,0.4);}
.right-news .video-img >.video-page .swiper-pagination-bullet-active{background-color: #25b871;}


/* 公共标题 */
.big-title{text-align: center;}

.jcsjbox .big-title,.xwzxbox .big-title{margin-top: 60px;}
.jcsjbox.section,.xwzxbox.section,.ppfwbox.section{display: flex;flex-direction: column;justify-content: space-evenly;align-items: center;}

/* 新闻资讯 */
.xwzxbox{background: url(../../images/new/icon11.png) no-repeat right bottom;background-size: cover;}
.xwzxbox .left{width: calc(50% - 10px);}
.xwzxbox .left .imgbox{height: 520px;position: relative;}
.xwzxbox .left .title{position: absolute;width: 100%;bottom: 0;background: rgba(0, 0, 0, 0.6);font-size: 25px;color: #ffffff;line-height: 35px;text-align: center;padding: 25px 20px 20px;}
.xwzxbox .left .info{background: rgba(255, 255, 255, 0.8);padding: 25px 0px;}
.xwzxbox .left .info .time{width: 128px;padding-right: 30px;text-align: right;border-right: 1px solid #e0e0e0;}
.xwzxbox .left .info .day{color: #2e2e2e;font-size: 28px;line-height: 38px;}
.xwzxbox .left .info .year{color: #828282;font-size: 20px;line-height: 30px;}
.xwzxbox .left .summary{margin-left: 128px;padding: 7px 25px 11px;color: #666;font-size: 16px;line-height: 26px;}
.xwzxbox .right{width: calc(50% - 10px);}
.xwzxbox .zx-nav{margin-bottom: 37px;}
.xwzxbox .zx-nav .name{overflow: hidden;position: relative;margin-right: 25px;display: inline-block;width: 160px;line-height: 48px;background-color: #ffffff;border-radius: 26px;border: solid 2px #dcdcdc;color: #666666;font-size: 18px;text-align: center;}
.xwzxbox .zx-nav .name.on,.xwzxbox .zx-nav .name:hover{border-color: #25b871;}
.xwzxbox .zx-nav .link{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;margin-top:10px;}
.xwzxbox .zx-nav .link:hover{color: #25b871;}

.xwzxbox .zx-nav .name span{border-radius: 26px;width: 100%;height: 100%;background: #fff; -webkit-transition: -webkit-transform 0.6s, opacity 0.6s;transition: transform 0.6s, opacity 0.6s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.xwzxbox .zx-nav .name .two {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;color: #25b871;-webkit-transform: translate3d(0, 25%, 0);transform: translate3d(0, 25%, 0);}
.xwzxbox .zx-nav .name:hover .two,.xwzxbox .zx-nav .name.on .two{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.xwzxbox .zx-nav .name:hover .one,.xwzxbox .zx-nav .name.on .one{opacity: 0;-webkit-transform: translate3d(0, -25%, 0);transform: translate3d(0, -25%, 0);}

.xwzxbox .zx-list{opacity: 1;
  -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.xwzxbox .zx-list .item{background: rgba(255, 255, 255, 0.8);border-left: 1px solid #e2e2e2;padding: 15px 15px 15px 20px;margin-bottom: 10px ;}
.xwzxbox .zx-list .item:last-child{margin-bottom: 0px;}
.xwzxbox .zx-list .item .title a{color: #222;font-size: 18px;line-height: 30px;display: inline-block;max-width: 100%;}
.xwzxbox .zx-list .item .info{font-size: 16px;color: #ffffff;line-height: 26px;height: 0;}
.xwzxbox .zx-list .item.on{background:#25b871;border-left: 3px solid #25b871;padding-left: 25px;}
.xwzxbox .zx-list .item.on a{color: #fff;}
.xwzxbox .zx-list .item.on .info{height: 54px;margin: 10px 0px 2px;}
.xwzxbox .zx-list.conceal{display: none;}

/* 品牌服务 */
.ppfwbox{background: #2ac479;background-size: cover;}
.ppfwbox .top-title{margin-top: 100px;}

.ppbox{display: flex;justify-content: space-between;margin: 0px -33px;}
.ppbox .item{overflow: hidden;width: 25%;padding: 0px 33px;}
.ppbox .item .box{width: 100%;height: 100%;}
.ppbox .item .box img{width: 100%;height: 100%;object-fit: cover;}
.ppbox .item a{display: block;width: 100%;height: 100%;position: relative;}
.ppbox .item .content{position: absolute;width: 100%;height: 100%;top: 0;padding: 60px;display: flex;flex-direction: column;justify-content: space-between;}
.ppbox .item .content::after{position: absolute;content: '';display: block;width: calc(100% - 40px);height: calc(100% - 40px);top: 20px;left: 20px;border: 3px solid rgba(255, 255, 255, 0.2);
  -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item1 .content{background:-webkit-linear-gradient(to bottom, rgb(168, 147, 222),rgb(168, 147, 222,0));background:linear-gradient(to bottom,rgb(168, 147, 222),rgb(168, 147, 222,0));}
.ppbox .item2 .content{background:-webkit-linear-gradient(to bottom, rgb(99, 142, 215),rgb(99, 142, 215,0));background:linear-gradient(to bottom,rgb(99, 142, 215),rgb(99, 142, 215,0));}
.ppbox .item3 .content{background:-webkit-linear-gradient(to bottom, rgb(114, 178, 168),rgb(114, 178, 168,0));background:linear-gradient(to bottom,rgb(114, 178, 168),rgb(114, 178, 168,0));}
.ppbox .item4 .content{background:-webkit-linear-gradient(to bottom, rgb(190, 158, 136),rgb(190, 158, 136,0));background:linear-gradient(to bottom,rgb(190, 158, 136),rgb(190, 158, 136,0));}

.ppbox .item .title{text-align: right;
  -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item .title span{color: #ffffff;font-size: 60px;line-height: 70px;display: inline-block;width: 120px;
  -webkit-animation-duration: .1s; -moz-animation-duration: .1s; -o-animation-duration: .1s; animation-duration: .1s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item .more{opacity: 0.2;
  -webkit-animation-duration: .4s; -moz-animation-duration: .4s; -o-animation-duration: .4s; animation-duration: .4s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item .content .info{font-size: 16px;color: #ffffff;line-height: 30px;height: 0;overflow: hidden;}

.ppbox .item:hover .content{justify-content: center;}
.ppbox .item:hover .content::after{display: none;}
.ppbox .item1:hover .content{background: rgb(168, 147, 222);}
.ppbox .item2:hover .content{background: rgb(99, 142, 215);}
.ppbox .item3:hover .content{background: rgb(114, 178, 168);}
.ppbox .item4:hover .content{background: rgb(190, 158, 136);}
.ppbox .item:hover .title{text-align: left;
  -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item:hover .title span{width: 100%;font-size: 48px;
  -webkit-animation-duration: .3s; -moz-animation-duration: .3s; -o-animation-duration: .3s; animation-duration: .3s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item:hover .info{margin-top: 18px;height: 150px;
  -webkit-animation-duration: .5s; -moz-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppbox .item:hover .more{margin-top: 30px;opacity: 1;
  -webkit-animation-duration: .8s; -moz-animation-duration: .8s; -o-animation-duration: .8s; animation-duration: .8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}

.ppbox,.zlbox{height: 500px;}

.ppfwbox .zx-nav{margin-top: 20px;}
.ppfwbox .zx-nav a{overflow: hidden;position: relative;margin-left : 25px;display: inline-block;width: 160px;line-height: 48px;background-color: rgb(61, 99, 83,0.5);border-radius: 26px;border: solid 2px rgba(255, 255, 255, 0.4);color: rgba(255, 255, 255, 0.4);font-size: 22px;text-align: center;}
.ppfwbox .zx-nav a.on,.ppfwbox .zx-nav a:hover{border-color: #fff;}
.ppfwbox .zx-nav a span{width: 100%;height: 100%;-webkit-transition: -webkit-transform 0.6s, opacity 0.6s;transition: transform 0.6s, opacity 0.6s;-webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);}
.ppfwbox .zx-nav a .two {position: absolute;width: 100%;height: 100%;top: 0;left: 0;opacity: 0;color: #ffffff;-webkit-transform: translate3d(0, 25%, 0);transform: translate3d(0, 25%, 0);}
.ppfwbox .zx-nav a:hover .two,.ppfwbox .zx-nav a.on .two{opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.ppfwbox .zx-nav a:hover .one,.ppfwbox .zx-nav a.on .one{opacity: 0;-webkit-transform: translate3d(0, -25%, 0);transform: translate3d(0, -25%, 0);}

.ppfwbox .zx-list{opacity: 1;
  -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;
}
.ppfwbox .zx-list.conceal{display: none;}

.zlbox{display: flex;justify-content: space-between;align-items: center;margin: 0px -15px;}
.zlbox .item{flex: 1;overflow: hidden;padding: 0px 15px;}

.hyzxbox{display: flex;justify-content: space-between;margin:30px -10px 0px;}
.hyzxbox .item{flex: 1;text-align: center;padding: 9px;overflow: hidden;}
.hyzxbox .item .img-wrap{width: 60px;height: 60px;margin: 0 auto;display: flex;align-content: center;align-items: center;}
.hyzxbox .item .box{position: relative;overflow: hidden; width: 100%;display: flex;align-items: center;flex-direction: column;justify-content: center;height: 130px;background: rgba(0, 0, 0, 0.3);
  /* border: solid 2px rgba(255,255,255,0.6); */
  border-radius: 8px;
}
.hyzxbox .item .box .font{color: #ffffff;font-size: 18px;line-height: 26px;}
.hyzxbox .item .box .showfont{position: relative;z-index: 1;width: 100%;padding: 0px 15px;}
.hyzxbox .item .box .maskbox{position: absolute;width: 100%;height: 100%;display: block;left:0px;top:1000px;background-color: rgba(0, 0, 0, 0.6);}
.hyzxbox .item .box:hover{
  /* box-shadow: 0px 14px 15px 0px rgba(25, 55, 43, 0.2); */
  /* border: solid 2px #ffffff; */
}


/* 精彩瞬间 */
.jcsjbox{background: url(../../images/new/icon16.png) no-repeat right bottom;position: relative;}
.jcsjbox .link{font-size: 16px;color: #666666;line-height: 36px;display: inline-block;margin: 24px 0px -8px 0px;}
.jcsjbox .link:hover{color: #25b871;}
.jcsjbox .left{width: 26%;height: 100vh;background: #007a46 url(../../images/new/icon15.png) no-repeat left 120%;position: absolute;left: 0;}
.jcsjbox .box1{display: flex;}
.jcsjbox .leftmarkbox{width: 225px;position: relative;z-index: 2;display: flex;flex-direction: column;justify-content: space-evenly;}
.jcsjbox .leftmarkbox .swiper-btn{width: 80px;margin: 0px auto;}
.jcsjbox .leftmarkbox .jcsj-btn{width: 80px;height: 80px;border: solid 5px #25b871;border-radius: 50%;opacity: 0.3;margin: 15px 0px;display: inline-block;}
.jcsjbox .leftmarkbox .jcsj-next{background: url(../../images/new/icon13.png) no-repeat center center;}
.jcsjbox .leftmarkbox .jcsj-prev{background: url(../../images/new/icon14.png) no-repeat center center;}
.jcsjbox .leftmarkbox .jcsj-btn:hover{opacity: 0.9;}
.jcsjbox .numbox{position: relative;padding: 30px 0px;}
.jcsjbox .numbox .cur{color: #ffffff;line-height: 10px;font-size: 48px;position: relative;height: 48px;width: 84px;text-align: center;display: inline-block;}
.jcsjbox .numbox .cur font{position: absolute;left: 0;right: 0;margin: auto;opacity: 0;}
.jcsjbox .numbox .cur font.on{opacity: 1;}
.jcsjbox .numbox .total{color: #25b871;font-size: 25px;line-height: 26px;}
.jcsjbox .numbox .progressbox{position: absolute;bottom: 0px; width: 125%;height: 4px;background-color: #ffffff;}
.jcsjbox .numbox .progressbox .con{position: relative;width: 100%;height: 100%;}
.jcsjbox .numbox .progressbox span{position: absolute;height: 100%;background-color: #25b871;}

.jcsjbox .wrap {display: flex;flex-flow: column nowrap;}
.jcsjbox .gallery-top .swiper-slide{position: relative;}
.jcsjbox .gallery-top .swiper-slide a{display: block;width: 100%;height: 100%;}
.jcsjbox .gallery-top .title{padding:68px 15px 23px;position: absolute;bottom: 0px;width: 100%; color: #ffffff;font-size: 25px;line-height: 35px;text-align: center; background: url(../../images/new/icon17.png) repeat-x center top;}
.jcsjbox .gallery-thumbs {width: 100%;}
.jcsjbox .gallery-thumbs .swiper-slide {cursor: pointer;position: relative;}
.jcsjbox .gallery-thumbs .swiper-slide .markbox{position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: rgba(0, 0, 0, 0.5);opacity: 0;}
.jcsjbox .gallery-thumbs .swiper-slide .markbox .ellipsis2{position: absolute;bottom: -100px;color: #ffffff;font-size: 20px;line-height: 32px;margin:10px 27px 23px;
  -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
.jcsjbox .gallery-thumbs .swiper-slide-thumb-active .markbox{opacity: 1;}

.jcsjbox .gallery-thumbs .swiper-slide .cat{position: absolute;z-index: 1;top: 10px;left: 10px;color: #fff;font-size: 16px;line-height: 35px;background-color: #25b871;border-radius: 4px;padding: 0px 10px;
  -webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;
}
.jcsjbox .gallery-thumbs .swiper-slide-thumb-active .cat{top:57px;left: 27px;}
.jcsjbox .gallery-thumbs .swiper-slide-thumb-active .markbox .ellipsis2{bottom: 0;}


.lastbox{overflow: hidden;}
.lastbox .btmbox{margin-bottom: -30px;background-color: #2ac479;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.lastbox .img-div{position: relative;margin-top: 60px;}
.click-box{width: 1870px;height: 580px;background: url(../../images/new/bg.png) no-repeat center center;display: flex;text-align: center;}
.click-box .item .name{text-align: center;}

.click-box .item-left,.click-box .item-right{width: 27%;}
.click-box .item-cen{width: 46%;}
.click-box .item-top{height: 21%;}
.click-box .item-left .box,.click-box .item-right .box{margin-top: 25%;}
.click-box .item-left .box .name{text-align: right;}
.click-box .item-right .box .name{text-align: left;}
.click-box .item-cen .name{margin-top: 23px;}
.click-box .item-btm .name{margin-bottom: 10px;}

.click-box .linkbox{display: flex;flex-wrap: wrap;justify-content: center;}
.click-box .link a{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;}
.click-box .link img{max-height: 100%;}
.click-box .item-left .linkbox{width: 70%;margin: 0px 5% 0px 25%;}
.click-box .item-left .linkbox .link{width: 25%;padding: 13px 5px;}
.click-box .item-top .linkbox{width: 60%;margin: 0 auto;}
.click-box .item-top .linkbox .link{width: 20%;padding: 5px 10px;height: 65px;}
.click-box .item-btm .linkbox2{width: 85%;margin: 0 auto;}
.click-box .item-btm .wrap1,.click-box .item-btm .wrap2,.click-box .item-btm .wrap3{display: flex;flex-wrap: wrap;justify-content: center;}
/* .click-box .item-btm .wrap1 .link{width: 16.6%;padding: 10px;}
.click-box .item-btm .wrap2 .link{width: 14%;padding: 10px;}
.click-box .item-btm .wrap3 .link{width: 12.5%;padding: 10px;} */
.click-box .item-btm .linkbox2 .link{width: 12%;padding: 4px 5px;} 

.click-box .item-right .name{margin-bottom: 20px;}
.click-box .item-right .linkbox{width: 70%;justify-content: flex-start;}
.click-box .item-right .linkbox .link{width: 33.33%;padding:12px 10px;}




@media (min-width: 480px) {
  .jcsjbox .wrap {flex-flow: row nowrap;}
  /* .jcsjbox .swiper-container {min-height: 320px;} */
  .jcsjbox .gallery-top {width: 75%;height: 100%;margin-right: 2px;}
  .jcsjbox .gallery-thumbs {width: 25%;height: 100%;padding: 0;}
  .jcsjbox .gallery-thumbs.swiper-wrapper {flex-direction: column;}
  .jcsjbox .gallery-thumbs.swiper-slide {flex-flow: column nowrap;width: 100%;}
}

@media ( min-width : 1400px) {
  /* .lastbox .img-div{height: calc(100% - 200px);} */
}
@media ( min-width : 1600px) {
  .xwzxbox .wrap{width: 1560px;}
  .jcsjbox .box{width: 1560px;}
  .ppfwbox .container{width: 1560px;}
  .jcsjbox .wrap{width: 1337px;height: 580px;}
}
@media ( max-width : 1800px) {
  .lastbox .img-div{transform: scale(0.85);}
}
@media ( max-width : 1600px) {
  .xwzxbox .left .imgbox{height: 400px;}
  .xwzxbox .left .title{font-size: 20px;padding: 12px 10px 10px 15px;}
  .xwzxbox .left .info{padding: 15px 0px;}
  .xwzxbox .left .info .day{font-size: 24px;line-height: 34px;}
  .xwzxbox .left .info .year{font-size: 16px;line-height: 30px;}

  .xwzxbox .zx-nav{margin-bottom: 25px;}
  .xwzxbox .zx-nav .name{font-size: 18px;line-height: 42px;width: 150px;}
  .xwzxbox .zx-list .item{padding: 10px 10px 10px 20px;}
  .xwzxbox .zx-list .item .title a{font-size: 18px;line-height: 25px;}
  .xwzxbox .zx-list .item .info{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;}
  .xwzxbox .zx-list .item.on .info{height: 28px;}

  .jcsjbox .big-title, .xwzxbox .big-title{margin-top: 90px;}
  .big-title img{max-height: 60px;}

  .jcsjbox .numbox{padding: 10px 0px;}
  .jcsjbox .numbox .cur{font-size: 40px;}
  .jcsjbox .numbox .total{font-size: 22px;}

  .jcsjbox .leftmarkbox .jcsj-btn{width: 60px;height: 60px;}
  .jcsjbox .leftmarkbox{width: 180px;}
  .jcsjbox .wrap{width: calc(100% - 180px);height: 450px;}
  .jcsjbox .gallery-top .title{font-size: 20px;padding-bottom: 15px;}
  .jcsjbox .gallery-thumbs .swiper-slide .markbox .ellipsis2{font-size: 16px;line-height: 26px;margin: 10px 15px;}

  .ppfwbox .top-title img{max-height: 60px;}
  .ppbox, .zlbox{height: 350px;}
  .ppfwbox .zx-nav{margin-top: 6px;}
  .ppbox .zx-nav a{font-size: 18px;line-height: 42px;width: 150px;}
  .ppbox .item .title span{font-size: 40px;line-height: 50px;width: 80px;}
  .ppbox .item .more img{max-height: 40px;}
  .ppbox .item .content{padding: 40px 25px;}
  .ppbox .item .content::after{width: calc(100% - 30px);height: calc(100% - 30px);top: 15px;left: 15px;}
  .ppbox .item:hover .title span{font-size: 30px;}
  .ppbox .item:hover .info{height: 140px;}
  .ppbox .item .content .info{line-height: 25px;}

  .hyzxbox{margin-top: 30px;}
  .hyzxbox .item .box{height: 110px;}
  .hyzxbox .item .img-wrap{width: 50px;height: 50px;}
  .hyzxbox .item .box .showfont{padding: 0px 5px;}
  .hyzxbox .item .box .font{font-size: 14px;}
  
  .lastbox .img-div{transform: scale(0.8);}
}
@media ( max-width : 1400px) {
  .lastbox .img-div{transform: scale(0.7);}
}
@media ( max-width : 1200px) {
  .ppbox{margin: 0px -5px;}
  .ppbox .item{padding: 0px 5px;}
  .lastbox .img-div{transform: scale(0.6);}

  .downbtn{display: none !important;}
}
@media ( min-width : 992px) {
  .section{height: 100vh !important;}
  .index-footer{height: 260px !important;margin-top: -30px;}
  .index-footer .foot .else-top{display: none !important;}
  .index-footer .foot .index-top{display: block !important;}

  .click-box2{display: none;}
}
@media ( max-width : 992px) {
  .right-news,.new-index .sharebox,.jcsjbox .leftmarkbox,.jcsjbox .gallery-thumbs,.jcsjbox .left{display: none;}

  .new-index .firstbox{height: 45vh;}
  .new-index .first-swiper .imgbox2 .font2{width: 70%;}
  .new-index .first-swiper .imgbox2 .font1{width: 50%;}
  .swiper-flag{transform: scale(0.8);}

  .hyzxbox{margin-bottom: 30px;}
  .jcsjbox .big-title, .xwzxbox .big-title{margin-top: 30px;}
  .xwzxbox .right,.xwzxbox .left{width: 100%;}
  .xwzxbox .left{margin: 20px 0px;}
  .xwzxbox .right{margin-bottom: 30px;}

  .ppfwbox .top-title{margin-top: 30px;margin-bottom: 20px;}
  .ppbox .item .title span{font-size: 30px;line-height: 40px;}
  .ppbox .item:hover .title span{font-size:24px;}
  .ppbox .item .content{padding: 25px;}
  .ppbox .item .content .info{font-size: 14px;line-height: 22px;margin-top: 10px;}
  .ppbox, .zlbox{height: 280px;}
  .zlbox .item{padding: 0px 8px;}

  .jcsjbox .big-title{width: 80%;}
  .jcsjbox .link{margin-top: 10px;}
  .jcsjbox .box{width: 80%;margin: 20px 0px 30px;}
  .jcsjbox .wrap,.jcsjbox .gallery-thumbs,.jcsjbox .gallery-top{width: 100%;}

  .lastbox .btmbox{background: none;}
  .click-box1{display: none;}
  .click-box{background: none;}
  .click-box2{display: block;width: 100%;height: auto;}
  .click-box .item-top .linkbox{width: 100%;}
  .lastbox .img-div{transform: scale(1);margin: 30px 0px 60px;}
  .click-box .name{margin: 20px 0px;}
  .click-box .linkbox .link{width: 20%;margin-bottom: 10px;}
  .click-box .item-btm .linkbox{justify-content: flex-start;}
}
@media ( max-width : 768px) {
  .xwzxbox .container.wrap{width: 100%;}
  .hyzxbox{flex-wrap: wrap;}
  .hyzxbox .item{flex: inherit;width: 33.33%;}

  .ppfwbox .container{width: 100%;}
  .ppfwbox .zx-nav a{font-size: 18px;width: 120px;line-height: 40px;}
  .ppbox .item .content::after{width: calc(100% - 20px);height: calc(100% - 20px);top: 10px;left: 10px;}
  .ppbox .item .title span{font-size: 28px;line-height: 34px;}
  .ppbox .item .content{padding: 20px;}
  .ppbox .item:hover .title span{font-size: 22px;}
  .ppbox .item .content .info{font-size: 12px;}
  .ppbox .item .more img{max-height: 30px;}
  .jcsjbox .wrap{height: 350px;}
}
@media ( max-width : 640px) {
  .swiper-flag{bottom: 10px;}
  .new-index .firstbox{height: 35vh;}
  .xwzxbox .left .imgbox{height: 350px;}
  .jcsjbox .box{width:calc(100% - 30px);}
  .xwzxbox .zx-nav .name{font-size: 16px;line-height: 40px;width: 140px;margin-right: 15px;}
}
@media ( max-width : 540px) {
  .new-index .firstbox{height: 30vh;padding-top: 70px;}
  .bannersp video{object-position: 0 0;}

  .swiper-flag{transform: scale(0.6);}
  .big-title img{max-height: 40px;}
  .xwzxbox .left .imgbox{height: 200px;}
  .xwzxbox .left .title{font-size: 16px;padding: 5px 10px 4px 15px;}
  .xwzxbox .left .info .time{width: 65px;padding-right: 10px;}
  .xwzxbox .left .info .day{font-size: 16px;line-height: 24px;}
  .xwzxbox .left .info .year{font-size: 12px;line-height: 24px;}
  .xwzxbox .left .summary{margin-left: 60px;padding: 0px 15px;font-size: 14px;line-height: 24px;}
  .xwzxbox .zx-nav .name{width: 130px;}
  .xwzxbox .zx-list .item .title a{font-size: 14px;line-height: 20px;}
  .xwzxbox .zx-list .item.on .info{margin: 5px 0px 0px 0px;height: 20px;}
  .xwzxbox .zx-list .item .info{font-size: 12px;line-height: 20px;}

  .zlbox{flex-direction: column;}
  .zlbox .item{margin-bottom: 10px;}
  .ppbox{flex-wrap: wrap;}

  .ppfwbox .top-title img{max-height: 40px;position: absolute;}
  .ppfwbox .zx-nav a{font-size: 16px;line-height: 35px;width: 80px;margin-left: 10px;}
  .ppbox .item{width: 50%;margin-bottom: 10px;}
  .ppbox, .zlbox{height: auto;}
  .hyzxbox{margin-top: 10px;}
  
  .jcsjbox .link{margin-top: 0px;}
  .jcsjbox .wrap{height: 200px;}
  .jcsjbox .gallery-top .title{font-size: 16px;padding-bottom: 5px;}

  .click-box .item .name img{height: 60px;}
  .click-box .item-top .name img{height: 40px;}

}


.lastbox .topbox{display: block;}
/* 动效 */
/* .index-header.on .top-head {-webkit-transition: all 1s; -o-transition: all 1s; -moz-transition: all 1s; transition: all 1s; -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } */
.index-header.on .top-head .logobox { -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
.index-header.on .top-head .top-nav,.index-header.on .top-head .rightbox{ -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
.animation.firstbox .right-news{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.firstbox .swiper-flag .num .begin,.animation.firstbox .sharebox{ -webkit-animation-duration: 2.8s; -moz-animation-duration: 2.8s; -o-animation-duration: 2.8s; animation-duration: 2.8s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.firstbox .bannersp .font{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

.animation.jcsjbox .big-title,.animation.xwzxbox .big-title{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.xwzxbox .left{ -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.xwzxbox .right{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.jcsjbox .leftmarkbox{ -webkit-animation-duration: 2.4s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.jcsjbox .gallery-thumbs{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.jcsjbox .gallery-top{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

.animation.ppfwbox .top-title{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: zoomIn; -moz-animation-name: zoomIn; -o-animation-name: zoomIn; animation-name: zoomIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
/* .animation.ppfwbox .top-title img{} */
/* .animation.ppfwbox .zx-nav{ -webkit-animation-duration: 1s; -moz-animation-duration: 1s; -o-animation-duration: 1s; animation-duration: 1s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;} */
.animation.ppfwbox .ppbox .item1,.animation.ppfwbox .ppbox .item2{ -webkit-animation-duration:1.8s; -moz-animation-duration:1.8s; -o-animation-duration:1.8s; animation-duration:1.8s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.ppfwbox .ppbox .item3,.animation.ppfwbox .ppbox .item4{ -webkit-animation-duration:1.8s; -moz-animation-duration:1.8s; -o-animation-duration:1.8s; animation-duration:1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.ppfwbox .hyzxbox{ -webkit-animation-duration: 2.4s; -moz-animation-duration: 2.4s; -o-animation-duration: 2.4s; animation-duration: 2.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.ppfwbox .zx-list{  -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}

.animation.index-footer .foot .topbox a{
  animation: downIconIco 2s linear 1s infinite alternate;
  /* animation: downIconIco 4s infinite; */
}
.animation.lastbox .btmbox img,.animation.lastbox .click-box{ -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.index-footer .topbox{-webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: slideInUp; -moz-animation-name: slideInUp; -o-animation-name: slideInUp; animation-name: slideInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.index-footer .foot-top .left{ -webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.index-footer .foot-top .codebox{-webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.index-footer .foot-top .addbox{-webkit-animation-duration: 1.8s; -moz-animation-duration: 1.8s; -o-animation-duration: 1.8s; animation-duration: 1.8s; -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}
.animation.index-footer .foot-btm{ -webkit-animation-duration: 1.4s; -moz-animation-duration: 1.4s; -o-animation-duration: 1.4s; animation-duration: 1.4s; -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-timing-function: ease-in-out; -moz-animation-timing-function: ease-in-out; -o-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;}


@keyframes downIconIco{
  0%{
       transform: translateY(0);
  }
  50%{
      transform: translateY(-10px);
  }
  100%{
      transform: translateY(0);
  }
}
@keyframes downIconIco1{
  0%{
       transform: translateY(0);
  }  
  50%{
      transform: translateY(-50px);
  }
  100%{
      transform: translateY(0);
  }
}