@-webkit-keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}@keyframes scale-bg{from{-webkit-transform:scale(1.2);transform:scale(1.2)}
to{-webkit-transform:scale(1);transform:scale(1)}
}.index_main{background:#f7f7f7}
.index_main .section1{position:relative;overflow:hidden}
.index_main .section1 .index_banner .item{background-size:cover;-webkit-background-size:cover;background-position:center;background-repeat:no-repeat;height:100vh;position:relative}
.index_main .section1 .index_banner .item.slick-current .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}
.index_main .section1 .index_banner .items{background-size:cover;background-position:center center;background-repeat:no-repeat;position:absolute;left:0;top:0;width:100%;height:100%;z-index:0}
.index_main .section1 .index_banner .items:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.2)}
.index_main .section1 .index_banner .item .inner .block_txt{position:absolute;top:35%;left:25%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item .inner .block_txt img{float:right;max-width:90%;width:auto;height:auto;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:48px;color:#fff;text-align:center;margin-top:20px;font-weight:bold}
.index_main .section1 .index_banner .item .inner .block_txt h2{color:#fff;font-size:70px;font-weight:bold;text-align:center;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h2 span{color:#ff0000;display:inline-block;letter-spacing:5px}
.index_main .section1 .index_banner .item .inner .block_txt h3{color:#fff;font-size:22px;text-align:center;margin-top:10px;letter-spacing:3px}
.index_main .section1 .slick_txt{width:30%;height:100%;background-color:transparent;transition:all 500ms ease;-webkit-transition:all 500ms ease;background-repeat:no-repeat;position:absolute;top:0;font-size:0;outline:none;border:0}
.index_main .section1 .left{left:0}
.index_main .section1 .right{right:0}
.index_main .section1 .slick_txt:hover .slick_arrow{opacity:1;visibility:visible}
.index_main .section1 .slick_txt .slick_arrow{width:20px;height:36px;background-repeat:no-repeat;background-position:center;margin-top:-18px;position:absolute;top:50%;cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease;opacity:0;visibility:hidden}
.index_main .section1 .slick_txt .prev{background-image:url(../image/ban_prev.png);left:60px}
.index_main .section1 .slick_txt .next{background-image:url(../image/ban_next.png);right:60px}
.index_main .section1 .slick_txt .prev:hover{background-image:url(../image/ban_prev_hover.png)}
.index_main .section1 .slick_txt .next:hover{background-image:url(../image/ban_next_hover.png)}
.index_main .section1 .number{position:absolute;bottom:8%;left:50%;padding-bottom:5px;display:table;padding:0 20px;width:auto;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.index_main .section1 .number span{width:15px;height:15px;border-radius:50%;background:#ffffff;display:inline-block;cursor:pointer;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease;margin:0px 5px}
.index_main .section1 .number .active{background:#f30b1e}
.index_main .section1 .number span:last-child{margin-right:0}
.index_main .section1 .number span:after{background:#f30b1e}
.index_main .section1 .number span.active:after{width:100%;opacity:1;visibility:visible}
.index_main .section2{background:#f5f5f5;background-size:130%;transition:all 2s}


.index_main .section2 .left{width:35%;height:70vh;top:10vh;float:left;position:relative;overflow:hidden;height:100%;}
.index_main .section2 .left .text{position:absolute;bottom:0px;left:0px;height:30vh;}
.index_main .section2 .left .text p{width:90%;float:left;color:#000;font-size:1.4rem;line-height:2;}
.index_main .section2 .left .text p a{color:#000;}
.index_main .section2 .left .text .more{clear:both;display:block;width:44px;height:40px;padding: 0px;margin: 0px;margin-top:2rem;float: left;}
.index_main .section2 .left .text .more img{display:block;width:44px;height:40px;}



.index_main .section2 .right{width:65%;float:right;position:relative;overflow:hidden;height:70vh;top:10vh;}
.index_main .section2 .right img{max-width:100%;height:auto;width:auto;}
.index_main .section2 .about{width:55%;height:55vh;position:absolute;left:0px;top:0px;background:url(../image/a1.jpg) no-repeat center top;padding:5%;}
.index_main .section2 .about ul{clear:both;width:70%;position:relative;top:5rem;border:solid #fff 1px;padding:5%;margin:0 auto;text-align:center;}
.index_main .section2 .about ul li{width:31.333%;display:inline-table;opacity:0.5}
.index_main .section2 .about ul li a{color:#fff;font-size:1.6rem;line-height:2;text-align:center;display:block;width:100%;}
.index_main .section2 .about ul li a img{max-width:100%;width:auto;height:auto;display:block;margin:0 auto}
.index_main .section2 .about ul li:hover{opacity:1;}
.index_main .section2 .about .b5{width:45px;height:50px;clear:both;margin: 0 auto;position:relative;top:10rem;}
.index_main .section2 .about .b5 img{max-width:100%;height:auto;display:block;margin:0 auto;animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}

.index_main .section2 h3{text-align:center}
.index_main .section3{width:100%;height:100%;background:url(../image/3.jpg) no-repeat;background-size:100% 100%}
.index_main .section3 h3{text-align:center}
.index_main .section4{background:#f5f5f5;overflow:hidden}
.index_main .section4 h3{text-align:center}






@media (max-width:468px){
.index_main .section2 .left{width:100%;top: 0vh;}
.index_main .section2 .right{width:100%;display:none;}
.index_main .section2 .about{width:100%;height:45vh;margin-top:0vh;}
.index_main .section2 .about ul{width:100%;}
}


@media (min-width:469px) and (max-width:768px){
.index_main .section2 .left{width:100%;top: 5vh;}
.index_main .section2 .right{width:100%;display:none;}
.index_main .section2 .about{width:100%;height:50vh;margin-top:0vh;}
.index_main .section2 .about ul{width:100%;}
}

@media (min-width:769px) and (max-width:990px){
.index_main .section2 .left{width:100%;}
.index_main .section2 .right{width:100%;display:none;}
.index_main .section2 .about{width:100%;height:55vh;margin-top:0vh;}
.index_main .section2 .about ul{width:100%;}
}
@media (min-width:991px) and (max-width:1081px){
.index_main .section2 .left{width:100%;position:absolute;left:0px;bottom:10vh !important;height:30vh;top:auto;}
.index_main .section2 .left .text{height: 25vh;top: 5vh;}
.index_main .section2 .right{width:50%;top: 0vh;height:40vh;}
.index_main .section2 .right img{width:100%;height:100%;}
.index_main .section2 .about{width:50%;height:40vh;}
.index_main .section2 .about ul{width:100%;}
.index_main .section2 .about .b5{display:none;}
}
@media (min-width:1081px) and (max-width:1200px){
.index_main .section2 .left{width:100%;position:absolute;left:0px;bottom:10vh !important;height:30vh;top:auto;}
.index_main .section2 .left .text{height: 25vh;top: 5vh;}
.index_main .section2 .right{width:50%;top: 0vh;height:40vh;}
.index_main .section2 .right img{width:100%;height:100%;}
.index_main .section2 .about{width:50%;height:40vh;}
.index_main .section2 .about ul{width:100%;}
.index_main .section2 .about .b5{display:none;}
}
@media (min-width:1201px) and (max-width:1320px){
.index_main .section2 .left{width:100%;position:absolute;left:0px;bottom:10vh !important;height:30vh;top:auto;}
.index_main .section2 .left .text{height: 25vh;top: 5vh;}
.index_main .section2 .about .b5 {top: 7rem;}
.index_main .section2 .right{width:50%;top: 0vh;height:40vh;}
.index_main .section2 .right img{width:100%;height:100%;}
.index_main .section2 .about{width:50%;height:40vh;}
.index_main .section2 .about ul{width:100%;}
.index_main .section2 .about .b5{display:none;}
}
@media (min-width:1321px) and (max-width:1440px){

}








@media only screen and (max-width:1600px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:28px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:60px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:20px}
}
@media only screen and (max-width:1440px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:24px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:40px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:18px;margin-top:5px}
}
@media only screen and (max-width:1366px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:20px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:26px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:16px}
.index_main .section1 .index_banner .slick-arrow{background-size:auto 30px}
}

@media only screen and (max-width:1199px){
.index_main .section1 .index_banner .item .inner .block_txt h4{font-size:18px}
.index_main .section1 .index_banner .item .inner .block_txt h2{font-size:22px}
.index_main .section1 .index_banner .item .inner .block_txt h3{font-size:14px}
}
@media only screen and (max-width:992px){
.index_main .section1 .index_banner .item{height:100vh;    background-size:cover;}
.index_main .section1 .index_banner .item .inner .block_txt{left:0;right:0;margin:0 auto;padding:0 20px;top:42%}
.index_main .section1 .index_banner .slick-arrow{display:none !important}
.index_main .section1 .index_banner .slick-dots{position:absolute;bottom:12px}
.index_main .section1 .index_banner .slick-dots li{width:12px;height:12px;border-radius:50%;border:2px solid #fff}
.index_main .section1 .index_banner .slick-dots li button{display:none}
.index_main .section1 .index_banner .slick-dots li.slick-active{background:#fff}
.index_main .section1 .number{bottom:12%;display:none}
.index_main .section1 .number span{margin-right:22px}
.index_main .section1 .number span:after{bottom:-14px}

.index_main .section1 .index_banner .item .inner .block_txt{position:absolute;top:25%;left:0%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section1 .index_banner .item .inner .block_txt img{display:block;margin:0 auto;float:none;max-width:50%;width:auto;height:auto}
.index_main .section1 .index_banner .item.active .inner .block_txt{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:100ms;transition-delay:100ms}

}

.active{background-size: 100% 100% !important;}
.owl-theme .owl-controls .owl-page.active span{background:#cd1719;}












.title{font-size:38px;color:#000;;font-weight:800}
.timeline{width:100%;   position: relative;}
.timeline .swiper-container{height:80vh;width:100%;position:relative}
.timeline .swiper-wrapper{transition:2s cubic-bezier(0.68,-0.4,0.27,1.34) 0.2s}
.timeline .swiper-slide{position:relative;color:#fff;overflow:hidden;background-size:cover;background-repeat:no-repeat;background-position:center center}
.timeline .swiper-slide::after{content:"";position:absolute;z-index:1;right:-115%;bottom:-10%;width:100%;height:100%;}
.timeline .swiper-slide-content{position:absolute;text-align:center;width:80%;max-width:310px;right:50%;top:13%;-webkit-transform:translate(50%,0);transform:translate(50%,0);font-size:12px;z-index:2}
.timeline .swiper-slide .timeline-year{display:block;font-style:italic;font-size:42px;margin-bottom:50px;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);color:#d4a024;font-weight:300;opacity:0;transition:.2s ease .4s}
.timeline .swiper-slide .timeline-title{font-weight:800;font-size:34px;margin:0 0 30px;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .5s}
.timeline .swiper-slide .timeline-text{line-height:1.5;opacity:0;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0);transition:.2s ease .6s}
.timeline .swiper-slide-active .timeline-year{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.6s}
.timeline .swiper-slide-active .timeline-title{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.7s}
.timeline .swiper-slide-active .timeline-text{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);transition:.4s ease 1.8s}
.timeline .swiper-pagination{right:0% !important;height:50%;display:none;flex-direction:column;justify-content:center;font-weight:300;font-size:1.8rem;z-index:1;width:40%}
.timeline .swiper-pagination::before{content:"";position:absolute;left:-30px;top:0;height:100%;width:1px;}
.timeline .swiper-pagination-bullet{width:auto;height:auto;text-align:center;opacity:1;background:transparent;color:#000;background:#fff;position:relative}


.timeline .swiper-pagination-bullet-active{color:#fff;background:#cd1717 !important;}
.timeline .swiper-pagination-bullet-active::before{-webkit-transform:scale(1);transform:scale(1)}
.timeline .swiper-button-next,.timeline .swiper-button-prev{background-size:20px 20px;top:15%;width:40px;height:20px;margin-top:0;z-index:2;transition:.2s}
.timeline .swiper-button-prev{right:4%;background:url(../image/l3.png) no-repeat center top}

.timeline .swiper-button-next{right:0%;background:url(../image/r3.png) no-repeat center top}

.tit3 {width:40%;height:auto;position:absolute;right:0px;bottom:0px;}
.tit3 p{width:40%;height:3px;background:#cd1717;float:left;transition:all 1s;position:absolute;bottom:0px;left:0px;}
.tit3 a{display:block;width:30%;float:right;border-radius:5px;background:#cd1717;color:#fff;text-align:center;line-height:4;font-size:1.4rem;}
.tit3:hover p{width:55%;transition:all 1s}
.timeline .swiper-slide-content{right:30%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:310px;font-size:11px;text-align:right}
.timeline .swiper-slide .timeline-year{margin-bottom:0;font-size:32px}
.timeline .swiper-slide .timeline-title{font-size:46px;margin:0}
.timeline .swiper-pagination{display:flex}

.timeline .swiper-slide-content{right:25%}

@media screen and (max-width:468px){
.timeline .swiper-container{height:80vh;width:100%;position:relative}
.timeline .swiper-wrapper{height:40vh;position:absolute;left:0px;bottom:0px;}
.tit2 {width:100%;position:relative;height:20vh;overflow:hidden;}
.tit3 {display:none;}
.timeline .swiper-pagination{position:relative;clear:both;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { height: 30vh; top: 11vh;bottom: unset;}
.timeline .swiper-pagination-bullet { height: 5vh;margin-top:1vh !important;;margin-bottom:1vh !important;;}
.timeline .swiper-button-prev { right: 15%;}
.timeline .swiper-button-next,.timeline .swiper-button-prev{top:5%;}
}




@media (min-width:469px) and (max-width:768px){
.timeline .swiper-container{height:80vh;width:100%;position:relative}
.timeline .swiper-wrapper{height:40vh;position:absolute;left:0px;bottom:0px;}
.tit2 {width:100%;position:relative;height:20vh;overflow:hidden;}
.tit3 {display:none;}
.timeline .swiper-pagination{position:relative;clear:both;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { height: 30vh; top: 11vh;bottom: unset;}
.timeline .swiper-pagination-bullet { height: 5vh;margin-top:1vh !important;;margin-bottom:1vh !important;;}
.timeline .swiper-button-prev { right: 15%;}
.timeline .swiper-button-next,.timeline .swiper-button-prev{top:5%;}
}

@media (min-width:769px) and (max-width:990px){
.timeline .swiper-container{height:80vh;width:100%;position:relative}
.timeline .swiper-wrapper{height:40vh;position:absolute;left:0px;bottom:0px;}
.tit2 {width:100%;position:relative;height:20vh;overflow:hidden;}
.tit3 {display:none;}
.timeline .swiper-pagination{position:relative;clear:both;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { height: 30vh; top: 11vh;bottom: unset;}
.timeline .swiper-pagination-bullet { height: 5vh;margin-top:1vh !important;;margin-bottom:1vh !important;;}
.timeline .swiper-button-prev { right: 15%;}
.timeline .swiper-button-next,.timeline .swiper-button-prev{top:5%;}
}



/*新闻*/
.news{width:100%;height:50vh;clear:both;position:relative;margin-top:6vh;}
.news .left{width:50%;float:left;background:rgba(255,255,255,0.8);height:100%;}
.news .right{width:50%;float:left}


.news .left ul{width:100%;height:auto;clear:both;position:relative;padding:5%;}
.news .left ul .ntit{width:100%;height:8vh;color:#000;font-size:1.8rem;line-height:8vh;border-bottom:solid #000 1px;}
.news .left ul .ntit a{color:#000;line-height:8vh;display: block;}
.news .left ul .ntit img{max-width:100%;width:auto;height:auto;}
.news .left ul .ntit p{width:20px;float:right;font-size:1.6rem;line-height:8vh;transition:all 1s}
.news .left ul .ntit:hover p{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transition:all 1s}



.news .left ul li{width:100%;border-bottom:solid #999 1px;clear:both;height:5vh;}
.news .left ul li a{width:65%;margin-left:1%;float:left;display:block;color:#333;line-height:5vh;font-size:1.4rem;}
.news .left ul li font{display:block;width:5px;height:5px;background:#000;border-radius:7px;float:left;position:relative;top:2vh;margin:0% 1%;}
.news .left ul li span{width:28%;float:right;display:block;line-height:5vh;text-align:right;color:#929090;font-size:1.4rem;}
.news .left ul li:hover a{color:#de0002;}
	 

	 
.news .right ul{width:100%;height:50vh;clear:both;position:relative;}
.news .right ul .ntit{width:100%;height:8vh;color:#fff;font-size:1.8rem;line-height:8vh;border:none;}
.news .right ul .ntit a{color:#fff;line-height:8vh;display: block;width:100%;font-size:1.8rem}
.news .right ul .ntit p{width:20px;float:right;font-size:1.6rem;line-height:8vh;transition:all 1s}
.news .right ul .ntit:hover p{transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transition:all 1s}


.news .right ul li{width:46%;height:50vh;margin-left:2%;margin-right:2%;float:left;background:#a91111;height:100%;padding:2% 5%;}
.news .right ul li .img{display:block;width:100%;height:30%;overflow:hidden;}
.news .right ul li .img img{max-width:100%;width:auto;height:auto;transform: scale(1.0);  -ms-transform: scale(1.0);transition:all 1s}
.news .right ul li h1{width:100%;height:auto;clear:both;color:#fff;font-size:1.4rem;letter-spacing:1px;line-height:1.8;margin-top:2vh;}
.news .right ul li h1 a{width:100%;height:auto;clear:both;color:#fff;font-size:1.4rem;letter-spacing:1px;line-height:1.8;}
.news .right ul li:hover{background:#cd1717;}	 
.news .right ul li:hover .img img{transform: scale(1.1);  -ms-transform: scale(1.1);transition:all 1s} 




.tit4 {width:100%;height:auto;clear: both;margin-top:3vh;float:left;}
.tit4 a{display:block;width:150px;margin:0 auto;border-radius:20px;background:#cd1717;color:#fff;text-align:center;line-height:4;font-size:1.4rem;}
.tit4:hover p{width:55%;transition:all 1s}	 





@media screen and (max-width:468px){
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}




@media (min-width:469px) and (max-width:768px){
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}

@media (min-width:769px) and (max-width:990px){
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}

@media (min-width:991px) and (max-width:1080px){
.news .left{width:60%;}
.news .right{width:40%;}
.news .right ul li{width:96%;}
.news .right ul li:nth-child(2){display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}
@media (min-width:1081px) and (max-width:1200px){
.news .left{width:65%;}
.news .right{width:35%;}
.news .right ul li{width:96%;}
.news .right ul li:nth-child(2){display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}
@media (min-width:1201px) and (max-width:1320px){
.news .left{width:65%;}
.news .right{width:35%;}
.news .right ul li{width:96%;}
.news .right ul li:nth-child(2){display:none;}
.tit4 a{line-height:3;border-radius:15px;}
}





/*联系我们*/
.contact{width:100%;height:auto;clear:both;position:relative;margin-top:15vh;margin-bottom:15vh;}
.contact ul {width:100%;height:auto;clear:both;margin-top:5vh;}
.contact ul li{width:31.3333%;margin-left:1%;margin-right:1%;float:left;opacity: 0;transform: translateY(40px);-webkit-transform: translateY(40px);-webkit-transition: all 500ms ease;transition: all 500ms ease;}
.contact ul li .img{ width:65px; margin:0 auto; position:relative; overflow:hidden;display:block;}
.contact ul li .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(65px 0 #cd1717); -webkit-filter: drop-shadow(65px 0 #cd1717);transition:all 1s}
.contact ul li:hover .img img{transform: translate(-65px, 0);-webkit-transform: translate(-65px, 0);-ms-transform: translate(-65px, 0);-o-transform: translate(-65px, 0);transition:all 1s}

.contact ul li .text{float:left;width: 100%;overflow:hidden;text-align:center;}
.contact ul li .text p{color:#000;line-height:1.8;font-size:1.6rem;}
.contact ul li:hover .img img{left:0px;transition: all 700ms;}
.contact ul li:hover .text p{color:#cd1717}
.contact h1{width:100%;text-align:center;color:#000;font-size:1.8rem;}
.contact h2{width:100%;text-align:center;color:#000;font-size:2.4rem;line-height:3}
.contact .xian{width:15%;border:solid #cd1717 1px;margin:0 auto;clear:both;}








@media screen and (max-width:468px){
.contact{margin-top:10vh;margin-bottom:10vh;}
.contact ul li{width:100%;margin-top:1vh;}

.contact h1{display:none;}
.contact h2{display:none;}
.contact .xian{display:none;}
.active {background-size: 150% 150% !important;}


}


@media (min-width:469px) and (max-width:990px){
.contact{margin-top:10vh;margin-bottom:10vh;}
.contact ul li .img{float:left;}
.contact ul li{width:100%;margin-top:1vh;max-width: 100%;}
.contact ul li .text{float:left;width: 60%;overflow:hidden;text-align:left;}
.active {background-size: 150% 150% !important;}
}











.footer{width:100%;z-index:999;height:12vh;position:absolute;bottom:0px;padding:0px 0px 0px 0px;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.footer p{width:100%;float:left;line-height:3;color:#000;font-size:14px;text-align: left;}
.footer a{color:#000}
.footer .fl{float:right;color:#fff;}

@media (max-width:468px){
.footer{height:15vh;};
.footer p{width:90%;margin:0 auto;line-height:1.8 !important;float: none;}

.footer .fl{float:right;color:#000;width:40%}
}

@media (min-width:469px) and (max-width:990px){
.footer{height:15vh;};
.footer p{width:90%;margin:0 auto;line-height:1.8 !important;float: none;}

.footer .fl{float:right;color:#000;width:40%}
}