/*弹出*/
.footer_flex li:hover span { display: block; }
.footer_flex li:hover .img-n { display: none; }
.footer_flex li span { display: none; color: #fff; font-size: 13px; line-height: 45px; }
.footer_flex li .img-n { padding-top: 10px; }
.footer_flex { width:120px; float:right}
.footer_flex li { width: 45px; height: 45px; background-color: #bbb; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; margin: 0px 34px; float: left; text-align: center; cursor: pointer; position: relative; z-index: 10; }
.footer_flex li:hover { background-color: #00a0e9; }
/*left*/
.footer_flex li:hover .flex-footerc { display: block; }
.footer_flex li .flex-footerc { width: 146px; height: 124px; position: absolute; left:-143px; top: -52px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*top*/
.footer_flex li:hover .flex-footer { display: block; }
.footer_flex li .flex-footer { width: 146px; height: 124px; position: absolute; left: -49px; top: -140px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*button*/
.footer_flex li:hover .flex-footera { display: block; }
.footer_flex li .flex-footera { width: 146px; height: 124px; position: absolute; left: -49px; top: 50px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }
/*right*/
.footer_flex li:hover .flex-footerb { display: block; }
.footer_flex li .flex-footerb { width: 146px; height: 124px; position: absolute; left: 42px; top: -48px; text-align: center; padding-top: 15px; background: url(../images/footerflex.png) 1px top no-repeat; display: none; }


.footer_flex b{ font-size: 18px;  margin-bottom:15px; font-weight:900; float:left}
.footer_flex b a{ color:#1A1A18 }
.footer_flex b a:hover{ color:#1490ff}



.im-box { width: 60px; position: fixed; top: 150px; right: 0; z-index: 999; }
.im-box .im-ewm { width: 58px; height: 78px; border: 1px solid #e8e8e8; position: relative; }
.im-box .im-ewm .ewm-hover { position: absolute; left: -145px; top: -25px; display: none; }
.im-box .im-ewm:hover .ewm-hover { display: block; }










.banner{width: 100%;height: 800px; float:left}
.banner .mySwiper_pc{display: block;}
.banner .mySwiper_mob{display: none;}
.banner img{width: 100%;display: block;}
.banner .swiper-slide{z-index: 0;opacity: 0;;}
.banner .text{width: 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner .text h1{font-size: 72px;color:#fff;line-height: 80px;font-weight: bold;text-align: center;margin-bottom: 30px;margin-top: -30px;transition: all 500ms;opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,.3);}
.banner .text h2{font-size: 34px;color:#fff;line-height: 50px;text-align: center;margin-bottom: 60px;margin-top: -30px;transition: all 500ms;opacity: 0; text-shadow: 0 0 15px rgba(0,0,0,.5);}
.banner .swiper-slide:nth-child(3) .text h1{font-size: 59px;color:#fff;line-height: 80px;font-weight: bold;text-align:left;margin-bottom: 20px;margin-top: -30px;transition: all 500ms;opacity: 0;padding-left: 11%;}
.banner .swiper-slide:nth-child(3) .text h2{font-size: 24px;color:#fff;line-height: 36px;text-align: left;margin-bottom: 30px;margin-top: -70px;transition: all 200ms;opacity: 0;padding-left: 11%;margin-bottom: 20px;text-shadow: 0 0 15px rgba(0,0,0,.5);}
.banner .swiper-slide:nth-child(3) .text p{font-size: 20px;color:#fff;line-height: 36px;text-align: left;margin-bottom: 30px;margin-top: -30px;transition: all 200ms;opacity: 0;padding-left: 11%;margin-bottom: 10px;text-shadow: 0 0 15px rgba(0,0,0,.5);}
.banner .text p{font-size: 16px;color:#fff;text-align: center;transition: all 500ms;opacity: 0;}
.banner .swiper-slide:nth-child(3) .text .more{margin: 0;margin-left: 11%;transition: all 200ms;}


.banner .swiper-slide:nth-child(4) .text h1{font-size: 59px;color:#2d8743;line-height: 80px;font-weight: bold;text-align:left;margin-bottom: 20px;margin-top: -30px;transition: all 500ms;opacity: 0;padding-left: 11%; text-shadow:none;}
.banner .swiper-slide:nth-child(4) .text h2{font-size: 24px;color:#666;line-height: 36px;text-align: left;margin-bottom: 30px;margin-top: -70px;transition: all 200ms;opacity: 0;padding-left: 11%;margin-bottom: 20px;text-shadow: 0 0 15px rgba(0,0,0,.0); width:60%}
.banner .swiper-slide:nth-child(4) .text p{font-size: 20px;color:#fff;line-height: 36px;text-align: left;margin-bottom: 30px;margin-top: -30px;transition: all 200ms;opacity: 0;padding-left: 11%;margin-bottom: 10px;text-shadow: 0 0 15px rgba(0,0,0,.5);}
.banner .text p{font-size: 16px;color:#fff;text-align: center;transition: all 500ms;opacity: 0;}
.banner .swiper-slide:nth-child(4) .text .more {
    margin: 0;
    margin-left: 11%;
    transition: all 200ms;
}


	
.banner .text .more{width: 220px;height: 48px;display: block;border-radius: 30px;margin: 0 auto;background-color: #299e40;font-size: 0;text-align: center;margin-top: -30px;transition: all 500ms;opacity: 0;transition: all 500ms;}
.banner .text .more b{font-size: 18px;color:#fff;line-height: 48px;display: inline-block;vertical-align: middle;margin-right: 10px;text-transform: uppercase;}
.banner .text .more i{width: 18px;height: 12px;display: inline-block;vertical-align: middle;background:url(../images/more-icon.png) no-repeat;}
.banner .text .more:hover{background-color: #92c42e;}
.banner .text img{display: block;width: 400px;margin-left: 15%;}
.banner .swiper-slide.swiper-slide-active{z-index: 1;opacity: 1;}
.banner .swiper-slide.swiper-slide-active .text h1{margin-top: 0;opacity: 1;transition-delay: 0.3s;}
.banner .swiper-slide.swiper-slide-active .text h2{margin-top: 0;opacity: 1;transition-delay: 0.6s;}
.banner .swiper-slide.swiper-slide-active .text h3{margin-top: 0;opacity: 1;transition-delay: 0.3s;}
.banner .swiper-slide.swiper-slide-active .text h4{margin-top: 0;opacity: 1;transition-delay: 0.6s;}
.banner .swiper-slide.swiper-slide-active:nth-child(3) .text p:nth-child(3){margin-top: 0;opacity: 1;transition-delay: 0.9s;}
.banner .swiper-slide.swiper-slide-active:nth-child(3) .text p:nth-child(4){margin-top: 0;opacity: 1;transition-delay: 1.2s;}
.banner .swiper-slide.swiper-slide-active:nth-child(3) .text p:nth-child(5){margin-top: 0;opacity: 1;transition-delay: 1.5s;}
.banner .swiper-slide.swiper-slide-active:nth-child(3) .text p:nth-child(6){margin-top: 0;opacity: 1;transition-delay: 1.8s;margin-bottom: 30px;}
.banner .swiper-slide.swiper-slide-active:nth-child(3) .text .more{margin-top: 0;opacity: 1;transition-delay: 2.1s;}
.banner .swiper-slide.swiper-slide-active .text .more{margin-top: 0;opacity: 1;transition-delay: 0.9s;}

.banner .swiper-slide:nth-child(4) .text p{opacity: 0;transition: all 500ms;}
.banner .swiper-slide:nth-child(4) .text h1{margin-bottom:34px}
.banner .swiper-slide:nth-child(4) .text h2{margin-bottom: 34px;}
.banner .swiper-slide:nth-child(4) .text p:nth-child(3){margin-bottom: 32px;}
.banner .swiper-slide.swiper-slide-active:nth-child(4) .text p:nth-child(3){margin-top: 0;opacity: 1;transition-delay: 0.9s;}
.banner .swiper-slide.swiper-slide-active:nth-child(4) .text p:nth-child(4){margin-top: 0;opacity: 1;transition-delay: 1.2s;}
.banner .swiper-slide.swiper-slide-active:nth-child(4) .text p:nth-child(5){margin-top: 0;opacity: 1;transition-delay: 1.5s;}

.banner .swiper-slide:nth-child(1).swiper-slide-active .text h1{margin-top: 0;opacity: 1;transition-delay: 0.3s;}
.banner .swiper-slide:nth-child(1).swiper-slide-active .text h2{margin-top: 0;opacity: 1;transition-delay: 0.6s;}
.banner .swiper-slide:nth-child(1).swiper-slide-active .text .more{margin-top: 0;opacity: 1;transition-delay: 0.9s;}
.banner .swiper-pagination{width: 100%;position: absolute;left: 0;bottom: 50px;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 32px;height: 5px;margin: 0 5px;background:#fff;opacity: 0.5;border-radius: 0;}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{opacity: 1;}



@media all and (max-width:768px){
.footer_flex { width:80px; float:left}

.footer_flex b{ font-size: 15px;  margin-bottom:8px; font-weight:900; float:left}


.footer_flex b a{ color:#535353; line-height:15px!important }
.footer_flex b a:hover{ color:#535353}
}