@-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:5%;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: 30px;height: 3px;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:#1d2088}
.index_main .section1 .number span:last-child{margin-right:0}
.index_main .section1 .number span:after{background:#1d2088}
.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{background:url(../image/ab.jpg) no-repeat right bottom;background-size:cover;width:60%;height:60vh;top:15vh;right:0px;float:right;position:absolute;overflow:hidden;z-index:9999;padding:5% 10%;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}

.index_main .section2 .left .text{width:100%;height:auto;padding-top:2vh;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section2 .left .text p{width:100%;float:left;color:#000;font-size:1.4rem;line-height:1.8;}
.index_main .section2 .left .text p a{color:#000;}

.index_main .section2 .right{width:50%;float:left;position:relative;overflow:hidden;height:70vh;top:10vh;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section2 .right img{width:100%;height:auto;width:auto;}

.index_main .section2 h3{text-align:center}
.index_main .section3{width:100%;height:100%;background:url(404.png) no-repeat;background-size:100% 100%}
.index_main .section3 h3{text-align:center}








.more2{width:100%;height:auto;clear:both;float:left;position:relative;margin-top:5vh;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.more{clear:both;width:190px;height:50px;border:solid #222 1px;display:block;transition:all 1s;color:#000;font-size:1.4rem;cursor:pointer;display:block;align-items:center;justify-content:center;position:relative;z-index:0;transition:1s;letter-spacing:2px;}
.more span{display:block;width:10%;height:100%;position:absolute;left:0px;top:0px;background:#1d2088;z-index: 80;transition:all 1s}
.more font{color:#fff;z-index: 90;transition:all 1s}
.more p{z-index: 90;position:relative;font-weight:bold;padding:7% 15%;width:125px;float:left;line-height: 1.2;letter-spacing:0px;color:#000;}

.more .jt {width:25px;height:25px;float:right;position: absolute;top: 6px;right: 10px; overflow:hidden;display:block;transition:all 1s;z-index:999;}
.more .jt img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(25px 0 #fff); -webkit-filter: drop-shadow(25px 0 #fff);transition:all 1s}
.more:hover .jt img{transform: translate(-25px, 0);-webkit-transform: translate(-25px, 0);-ms-transform: translate(-25px, 0);-o-transform: translate(-525px, 0);transition:all 1s}

.more:hover span{width:100%;width:100%;height:100%;text-align:center;transition:all 1s}
.more:hover p{color:#fff !important;transition:all 1s}
.more:hover {color:#fff !important;transition:all 1s}
.ca:hover{transition:all 1s}



.tit2{width:100%;height:auto;position:relative;overflow:hidden;}
.tit2 h1{color:#000;width:100%;}
.tit2 h1 a{color:#000;width:100%;font-size:3rem;font-weight:bold;}
.tit2 h2{color:#1d2088;width:100%;}
.tit2 h2 a{color:#1d2088;width:100%;font-size:4.8rem;font-weight:bold;}


@media (max-width:468px){
.index_main .section2 .left{width:100%;top: 0vh;height: 70vh;position: relative;overflow:hidden;}
.index_main .section2 .left .text { width: 100%; height:auto;max-height:50vh;overflow:hidden;}
.index_main .section2 .left .more2{margin-top:2vh;display:block}
.index_main .section2 .right{width:100%;display:none;}

}


@media (min-width:469px) and (max-width:768px){
.index_main .section2 .left{width:100%;top: 0vh;height: 70vh;position: relative;overflow:hidden;}
.index_main .section2 .left .text { width: 100%; max-height:40vh;overflow:hidden;}
.index_main .section2 .left .more2{margin-top:2vh;display:block}
.index_main .section2 .right{width:100%;display:none;}

}

@media (min-width:769px) and (max-width:990px){
.index_main .section2 .left{width:100%;top: 0vh;height: 70vh;position: relative;overflow:hidden;}
.index_main .section2 .left .text { width: 100%; max-height:40vh;overflow:hidden;}
.index_main .section2 .left .more2{margin-top:2vh;display:block}
.index_main .section2 .right{width:100%;display:none;}

}
@media (min-width:991px) and (max-width:1081px){
.index_main .section2 .left{width:100%;top: 10vh;height: 70vh;position: relative;overflow:hidden;}
.index_main .section2 .left .text { width: 100%; max-height:40vh;overflow:hidden;}
.index_main .section2 .left .more2{margin-top:4vh;display:block}
.index_main .section2 .right{width:100%;display:none;}

}
@media (min-width:1081px) and (max-width:1200px){
.index_main .section2 .left{width:100%;top: 10vh;height: 70vh;position: relative;overflow:hidden;}
.index_main .section2 .left .text { width: 100%; max-height:40vh;overflow:hidden;}
.index_main .section2 .left .more2{margin-top:4vh;display:block}
.index_main .section2 .right{width:100%;display:none;}

}
@media (min-width:1201px) and (max-width:1320px){
.index_main .section2 .left .text { width: 100%; max-height:20vh;overflow:hidden;}
}
@media (min-width:1321px) and (max-width:1600px){
.index_main .section2 .left .text { width: 100%; max-height:20vh;overflow:hidden;}
}








@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:45%;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%;}
}












.secmore2{width:100%;height:auto;clear:both;float:left;position:relative;margin-top:5vh;}
.secmore{clear:both;width:190px;height:50px;border:solid #fff 1px;display:block;transition:all 1s;color:#000;font-size:1.4rem;cursor:pointer;display:block;align-items:center;justify-content:center;position:relative;z-index:0;transition:1s;letter-spacing:2px;}
.secmore span{display:block;width:10%;height:100%;position:absolute;left:0px;top:0px;background:#1d2088;z-index: 80;transition:all 1s}
.secmore font{color:#fff;z-index: 90;transition:all 1s}
.secmore p{z-index: 90;position:relative;font-weight:bold;padding:7% 15%;width:125px;float:left;line-height: 1.2;letter-spacing:0px;color:#fff;}

.secmore .jt {width:25px;height:25px;float:right;position: absolute;top: 6px;right: 10px; overflow:hidden;display:block;transition:all 1s;z-index:999;}
.secmore .jt img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(25px 0 #fff); -webkit-filter: drop-shadow(25px 0 #fff);transition:all 1s}
.secmore:hover .jt img{transform: translate(-25px, 0);-webkit-transform: translate(-25px, 0);-ms-transform: translate(-25px, 0);-o-transform: translate(-25px, 0);transition:all 1s}

.secmore:hover span{width:100%;width:100%;height:100%;text-align:center;transition:all 1s}
.secmore:hover p{color:#fff !important;transition:all 1s}
.secmore:hover {color:#fff !important;transition:all 1s}
.ca:hover{transition:all 1s}






.favor-header-bar{padding:0 1.1rem;overflow: hidden;height:auto;}
.favor-header-bar li{ padding: 2% 1%;display: block; width: 16%; text-align: center; float: left; position: relative; background: #fff; border-radius: 10px;margin: 2%;}
.favor-header-bar a{font-size: 1.6rem;line-height:1.4;color:#333;display:block;width:85%;margin:0 auto;}

.favor-header-bar li.default a{color:#fff;}
.favor-header-bar li.default{color:#fff;background:#1d2088;}
.favor-header-bar li.default span  img{transform: translate(-60px, 0);-webkit-transform: translate(-60px, 0);-ms-transform: translate(-60px, 0);-o-transform: translate(-60px, 0);transition:all 1s}
.favor-header-bar li:hover a{color:#fff;}
.favor-header-bar li:hover{color:#fff;background:#1d2088;}
.favor-header-bar li:hover span  img{transform: translate(-60px, 0);-webkit-transform: translate(-60px, 0);-ms-transform: translate(-60px, 0);-o-transform: translate(-60px, 0);transition:all 1s}


.favor-header-bar li span{ width:60px; position:relative; overflow:hidden;display:block;margin:10% auto;}
.favor-header-bar li span img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(60px 0 #fff); -webkit-filter: drop-shadow(60px 0 #fff);transition:all 1s}
.favor-header-bar li:hover span  img{transform: translate(-60px, 0);-webkit-transform: translate(-60px, 0);-ms-transform: translate(-60px, 0);-o-transform: translate(-60px, 0);transition:all 1s}






.favor-list.swiper-container{margin-top:7vh;width:100%;}





.index_main .section3 .left{width:40%;float:left;overflow:hidden;position:relative;}
.index_main .section3 .left img{max-width:100%;width:auto;}
.index_main .section3 .right{width:55%;float:right;overflow:hidden;position:relative;}
.index_main .section3 .right .text{width:100%;height:auto;overflow:hidden;position:relative;}
.index_main .section3 .right .text h1{color:#fff;font-size:3rem;clear:both;}
.index_main .section3 .right .text h1 a{color:#fff;line-height:2;}
.index_main .section3 .right .text .xian{width:100px;height:2px;background:#fff;clear:both;margin-bottom:2rem}
.index_main .section3 .right .text p{color:#fff;font-size:1.4rem;clear:both;line-height:2;}


.nofavor{width:46.8%;margin:16.5% auto 0 auto;}


 
 
@media (max-width:768px){
.favor-header-bar li span{display:none;}
.favor-header-bar li{ width: 46%;float:left; }
.favor-header-bar li:nth-child(5) br{display:none;}
.favor-header-bar li:nth-child(5){width:96% !important;}
.index_main .section3 .left{display:none;}
.index_main .section3 .right{width:90%;margin:0 auto;}
}

 @media (min-width:769px) and (max-width :990px){
.favor-header-bar li span{display:none;}
.favor-header-bar li{ width: 46%;float:left; }
.favor-header-bar li:nth-child(5) br{display:none;}
.favor-header-bar li:nth-child(5){width:96% !important;}
.index_main .section3 .left{display:none;}
.index_main .section3 .right{width:90%;margin:0 auto;}
}
 @media (min-width:991px) and (max-width :1080px){

.favor-header-bar li span{display:none;}
.favor-header-bar li{ width: 29.3333%;float:left; }
.favor-header-bar li:nth-child(4),.favor-header-bar li:nth-child(5){width:46% !important;}
.index_main .section3 .left{display:none;}
.index_main .section3 .right{width:90%;margin:0 auto;}
}
  @media (min-width:1081px) and (max-width :1200px){

.favor-header-bar li{ width:18%; margin:1%}
.favor-header-bar a{font-size:1.4rem;}

}
  @media (min-width:1201px) and (max-width:1320px){

.favor-header-bar li{ width:18%; margin:1%}
.favor-header-bar a{font-size:1.4rem;}

}







.index_main .section4{position:relative;width:100%;height:auto;clear:both;overflow:hidden}
.index_main .section4 .mm{width:100%;height:auto;padding-top:0vh;}
.index_main .section4 .tit{width:100%;float:left;height:auto;padding-top:10vh;}

.index_main .section4 .sectit{width:100%;height:auto;position:relative;overflow:hidden;clear:both;text-align:right;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.index_main .section4 .sectit ul{width:100%;height:auto;}
.index_main .section4 .sectit ul li { display: inline-table;margin:0px 10px;padding:10px;}
.index_main .section4 .sectit ul li a{font-size:1.5rem;color:#000;}
.index_main .section4 .sectit ul li:hover{background:#1d2088}
.index_main .section4 .sectit ul li:hover a{color:#fff;}


#owl-demo .item{ margin: 0 15px; background: #fff;}
#owl-demo .item img{display: block;width: 100%;	height: auto;}
.index_main .section4 .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.index_main .section4 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.index_main .section4 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.index_main .section4 .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.index_main .section4 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.index_main .section4 .owl-carousel .owl-item{float: left;}
.index_main .section4 .owl-controls .owl-page,
.index_main .section4 .owl-controls .owl-buttons div{cursor: pointer;}
.index_main .section4 .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.index_main .section4 .grabbing{cursor:url(404.png) 8 8, move;}
.index_main .section4 .owl-carousel .owl-wrapper,
.index_main .section4 .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.index_main .section4 .owl-theme .owl-controls{margin-top: 10px;text-align: center;}
.index_main .section4 .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;margin: 5px;padding: 3px 10px;font-size: 12px;display:none;}
.index_main .section4 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}
.index_main .section4 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;margin-top:5vh;}
.index_main .section4 .owl-theme .owl-controls .owl-page span{display: block;width: 40px;height: 3px;margin: 5px 7px;background: #fff;}
.index_main .section4 .owl-theme .owl-controls .owl-page.active span,
.index_main .section4 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #1d2088;}
.index_main .section4 .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.index_main .section4 .owl-item.loading{min-height: 150px;background: url(404.png) no-repeat center center}


.index_main .section4 .item .lazyOwl{overflow:hidden;padding:2%;display:block;width:100%;height:auto;}
.index_main .section4 .item .lazyOwl img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s;border-radius:5px;}
.index_main .section4 .item:hover .lazyOwl img{transform:scale(1.08);}


.index_main .section4 .item .post-title{margin-top:0;text-transform:capitalize;text-align:left;padding:20px 5px;}
.index_main .section4 .item .post-title a{display:inline-block;color:#000;text-align:left;font-size:1.6rem;transition:all 0.3s ease 0s}
.index_main .section4 .item:hover .post-title a{color:#1d2088;}
.index_main .section4 .item .post-title span{display:inline-block;width:0px;height:0px;float:left;margin-top: 7px;margin-right: 10px;transition:all 0.6s}
.index_main .section4 .item:hover .post-title span{width:30px;height:2px;background:#1d2088;transition:all 0.6s}





 
 
@media (max-width:768px){
.index_main .section4 .tit{padding-top:1vh;}
.index_main .section4 .sectit {text-align:center;padding:3vh 0vh;}
.index_main .section4 .sectit ul li {padding: 5px;}
}
















.index_main .section5{position:relative;width:100%;height:auto;clear:both;overflow:hidden}
.index_main .section5 .mm{width:100%;height:auto;padding-top:3vh;}
.index_main .section5 .tit{width:100%;float:left;height:auto;padding-top:10vh;}


#owl-demo2 .item{ margin: 0 15px; background: #fff;}
#owl-demo2 .item img{display: block;width: 100%;	height: auto;}
.index_main .section5 .owl-carousel .owl-wrapper:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.index_main .section5 .owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.index_main .section5 .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.index_main .section5 .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.index_main .section5 .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.index_main .section5 .owl-carousel .owl-item{float: left;}
.index_main .section5 .owl-controls .owl-page,
.index_main .section5 .owl-controls .owl-buttons div{cursor: pointer;}
.index_main .section5 .owl-controls{-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.index_main .section5 .grabbing{cursor:url(404.png) 8 8, move;}
.index_main .section5 .owl-carousel .owl-wrapper,
.index_main .section5 .owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility: hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);}
.index_main .section5 .owl-theme .owl-controls{margin-top: 10px;text-align: center;display:block !important;}
.index_main .section5 .owl-theme .owl-controls .owl-buttons div{color: #FFF;display: inline-block;zoom: 1;margin: 5px;padding: 3px 10px;font-size: 12px;display:none;}
.index_main .section5 .owl-theme .owl-controls.clickable .owl-buttons div:hover{filter: Alpha(Opacity=100);opacity: 1;text-decoration: none;}
.index_main .section5 .owl-theme .owl-controls .owl-page{display: inline-block;zoom: 1;*display: inline;margin-top:5vh;}
.index_main .section5 .owl-theme .owl-controls .owl-page span{display: block;width:15px;height: 15px;border-radius:15px;margin: 5px 7px;background: #f7f7f9;}
.index_main .section5 .owl-theme .owl-controls .owl-page.active span,
.index_main .section5 .owl-theme .owl-controls.clickable .owl-page:hover span{background: #1d2088;}
.index_main .section5 .owl-theme .owl-controls .owl-page span.owl-numbers{height: auto;width: auto;color: #FFF;padding: 2px 10px;font-size: 12px;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px;}
.index_main .section5 .owl-item.loading{min-height: 150px;background: url(404.png) no-repeat center center}


.index_main .section5 .item .lazyOwl{overflow:hidden;padding:2%;display:block;width:100%;height:auto;}
.index_main .section5 .item .lazyOwl img{width:100%;height:auto;transform:scale(1);transition:all 1s ease-in-out 0s;border-radius:5px;}
.index_main .section5 .item:hover .lazyOwl img{transform:scale(1.08);}

.index_main .section5 .mm .hon1{display:block;}
.index_main .section5 .mm .hon2{display:none;}

 
 
@media (max-width:768px){
.index_main .section5 .tit{padding-top:5vh;}
.index_main .section5 .sectit {text-align:center;padding:3vh 0vh;}
.index_main .section5 .sectit ul li {padding: 5px;}
#owl-demo2 .item img {;width: 80%; height: auto;margin: 0 auto;}
.index_main .section5 .mm{width:70%;height:auto;padding-top:5vh;margin:0 auto;float:none;clear: both;}
.index_main .section5 .mm .hon2{display:block;}
.index_main .section5 .mm .hon1{display:none;}

}





.index_main .section6{position:relative;width:100%;height:auto;clear:both;overflow:hidden}
.index_main .section6 .tit{width:100%;float:left;height:auto;padding-top:10vh;}
.index_main .section6 .mm{width:100%;height:auto;padding-top:3vh;}


.index_main .section6 .sectit{width:100%;height:auto;position:relative;overflow:hidden;clear:both;text-align:right;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease }
.index_main .section6 .sectit ul{width:100%;height:auto;}
.index_main .section6 .sectit ul li { display: inline-table;margin:0rem 1rem;padding:1rem 5rem;border:solid #222 1px;}
.index_main .section6 .sectit ul li a{font-size:1.5rem;color:#000;}
.index_main .section6 .sectit ul li:hover{background:#1d2088}
.index_main .section6 .sectit ul li:hover a{color:#fff;}





.news{width:100%;height:50vh;clear:both;position:relative;margin-top:6vh;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.news .left{width:55%;float:right;height:100%;position:absolute;right:0px;z-index:100;}
.news .right{width:50%;float:left;overflow: hidden;position: relative;z-index: 80;}


.news .left ul{width:100%;height:auto;clear:both;position:relative;padding: 0% 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%;clear:both;height:12vh;padding: 2% 2% 2% 7%;}
.news .left ul li .date{margin-right: 20px;padding:1%;vertical-align: middle;display: table-cell;text-align:center;float:left;}
.news .left ul li .date h1{color:#1d2088;font-size:2.6rem;font-weight:bold;display: inline-table;clear:both;}
.news .left ul li .date p{color:#1d2088;font-size:1.4rem;display:display: inline-table;}
.news .left ul li .text{float:left;}
.news .left ul li .text h1{color:#222;font-size:2rem;}
.news .left ul li .text h1 a{color:#222;font-size:2rem;font-weight:bold;line-height:2;letter-spacing:1px;}
.news .left ul li .text p{font-size:1.4rem;line-height: 2;display:none;}
.news .left ul li:hover{background:#1d2088}
.news .left ul li:hover p{display:block;color:#fff;}
.news .left ul li:hover h1 a{color:#fff}
.news .left ul li:hover .date h1{color:#fff}


.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:100%;float:left;height:100%;}
.news .right ul li .img{display:block;width:100%;height:100%;overflow:hidden;}
.news .right ul li .img img{width:100%;height:50vh;transform: scale(1.0);  -ms-transform: scale(1.0);transition:all 1s}
.news .right ul li .rc{width:100%;height:auto;position:absolute;left:0px;bottom:1vh;background:rgba(0,0,0,0.7);padding:4%;}
.news .right ul li .date{margin-right: 20px;padding:1%;vertical-align: middle;display: table-cell;text-align:center;float:left;}
.news .right ul li .date h1{color:#fff;font-size:2.6rem;font-weight:bold;display: inline-table;clear:both;}
.news .right ul li .date p{color:#fff;font-size:1.4rem;display:display: inline-table;}
.news .right ul li .text{float:left;}
.news .right ul li .text h1{color:#fff;font-size:2rem;}
.news .right ul li .text h1 a{color:#fff;font-size:2rem;font-weight:bold;line-height:2;letter-spacing:1px;}
.news .right ul li .text p{font-size:1.4rem;line-height: 2;}

.news .right ul li:hover .img img{transform: scale(1.1);  -ms-transform: scale(1.1);transition:all 1s} 

.news .right .mc{}







.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){
.index_main .section6 .tit{padding-top:1vh;padding-bottom:2vh;}
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.news .left ul li .text h1 a{font-size:1.6rem}
.news .left ul li{padding: 2% 2% 2% 2%;}
.index_main .section6 .sectit ul li { padding: 10px 10px;}
.index_main .section6 .sectit { text-align: center;}
.contact .left .er img {max-width: 100px; }
.news .left ul li .date{display:none}
.news .left ul li {0 width: 100%;0 height: auto;0padding: 0% 0% 0% 0%;}

}




@media (min-width:469px) and (max-width:768px){
.index_main .section6 .tit{padding-top:1vh;padding-bottom:2vh;}
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.news .left ul li .text h1 a{font-size:1.6rem}
.news .left ul li{padding: 2% 2% 2% 2%;}
.index_main .section6 .sectit ul li { padding: 10px 10px;}
.index_main .section6 .sectit { text-align: center;}
.contact .left .er img {max-width: 110px; }
.news .left ul li .date{display:none}
.news .left ul li {0 width: 100%;0 height: auto;0padding: 0% 0% 0% 0%;}
}

@media (min-width:769px) and (max-width:990px){
.index_main .section6 .tit{padding-top:1vh;padding-bottom:2vh;}
.news .left{width:100%;}
.news .right{width:50%;display:none;}
.news .left ul li .text h1 a{font-size:1.6rem}
.news .left ul li{padding: 2% 2% 2% 2%;}
.contact .left .er img {max-width: 120px; }

}

@media (min-width:991px) and (max-width:1080px){

.news .left{width:60%;}
.news .left ul li{padding: 2% 2% 2% 2%;}
.news .right {width:40%;}

}
@media (min-width:1081px) and (max-width:1200px){

.news .right ul li{width:96%;}
.news .right ul li:nth-child(2){display:none;}

}
@media (min-width:1201px) and (max-width:1320px){

.news .right ul li{width:96%;}


}












.index_main .section7{position:relative;width:100%;height:auto;clear:both;overflow:hidden}
.index_main .section7 .tit{width:100%;float:left;height:auto;padding-top:10vh;}
.index_main .section7 .mm{width:100%;height:auto;padding-top:3vh;}

.index_main .section7 .mm .left{width:40%;float:left;height:100%;position:absolute;right:0px;z-index:100;}
.index_main .section7 .mm .right{width:60%;float:left;overflow: hidden;position: relative;z-index: 80;}

















.contactlist{width:100%;height:auto;clear:both;position:relative;padding: 2% 0% 5% 0%;float: left;}
.contactlist .contact_tit{width:100%;text-align:left;margin: 1rem 0rem;clear:both;}
.contactlist .contact_tit h1{font-size:2.6rem;color:#fff;line-height:3;font-weight:normal;}
.contactlist .contact_tit h2{font-size:1.4rem;color:#f1f1f1;font-weight:normal;}





.contact-form{border:1px solid #eee;padding:30px;margin-top:50px;overflow:hidden;}
.map-area{margin-top:50px;overflow:hidden;text-align: right;}


input,textarea,select{background:#fff;width:100%;float:left;margin-left:1%;margin-right:1%;background:transparent;border:1px solid #ddd;padding: 10px;font-size:14px;font-weight:600;letter-spacing:1px;transition:.3s;margin-bottom:20px}
textarea{height:150px;resize:none}
input[type="submit"]{border:none;display:inline-block;background:#cd1717;color:#fff;padding:12px 30px;margin:20px 0;width:auto;text-transform:uppercase;transition:.3s;cursor:pointer;width: 100%;clear:both;}
input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder{color:transparent}








.contactlist .left{width:49%;height:auto;overflow:hidden;float:left;padding: 3% 2%;}

.contactlist .left p{color:#fff;font-size:1.6rem;line-height:2;}
.contactlist .left a{color:#fff;}
.contactlist .left .ma { overflow: hidden; margin: 4% 0;}
.contactlist .left .ma img{max-width:130px;height:auto;}

.contactlist .right{width:49%;height:auto;overflow:hidden;float:right;padding: 2% 2%;}
.contactlist .right h1{float:right;width:100%;text-align:right;color:#fff;font-size:2rem;display:block;}
.contactlist .right ul{clear:both;width:100%;height:auto;}
.contactlist .right ul li{width:48%;margin-left:1%;margin-right:1%;float:left;text-align:center;margin-top:3rem;}
.contactlist .right ul li p{display:inline-table;color:#fff;font-size:1.6rem;clear:both;width: 100%;}

.contactlist .right ul li .img{ display:block;width:45px;height:45px;margin:0 auto; overflow:hidden;}
.contactlist .right ul li .img img{ display:block; width:45px;height:45px;margin:0 auto; position:relative; filter: drop-shadow(45px 0 #cd1717); -webkit-filter: drop-shadow(45px 0 #cd1717);transition:all 1s}
.contactlist .right ul li:hover .img img{transform: translate(-45px, 0);-webkit-transform: translate(-45px, 0);-ms-transform: translate(-45px, 0);-o-transform: translate(-45px, 0);transition:all 1s}
.contactlist .right ul li .ctitle{float:left;color: #fff;font-size: 1.6rem;line-height: 30px;margin-top:3rem;}
.contactlist .right ul li .ctitle2{float:left;color: #fff;font-size: 1.6rem;line-height: 30px;text-align: left;padding: 5%;}
.contactlist .right ul li font{float:left;width:50%;}
.contactlist .right ul li font img{width:130px;height:130px;}
.contactlist .right ul li:last-child{width:100%;}


@media (max-width:468px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;background:rgba(255,255,255,0.9);padding: 5%;}
.contactlist .left p{color:#222;font-size:1.5rem;}
.contactlist .left a{color:#222;}
.contactlist .right{display:none}
.contactlist .left .ma{display:none}
}

@media (min-width:469px) and (max-width:768px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;background:rgba(255,255,255,0.9);padding: 5%;}
.contactlist .left p{color:#222;}
.contactlist .left a{color:#222;}
.contactlist .right{display:none}
.contactlist .left .ma{display:none}
}
@media (min-width:769px) and (max-width:990px){
.contactlist .left{width:100%;margin:0 auto;float: none;margin-top:5rem;background:rgba(255,255,255,0.9);padding: 5%;}
.contactlist .left p{color:#222;}
.contactlist .left a{color:#222;}
.contactlist .right{display:none}
.contactlist .left .ma{text-align:center;}
.contactlist .left .ma p{text-align:center;}
}

@media (min-width:991px) and (max-width:1080px){

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}

@media (min-width:1080px) and (max-width:1200px){

.contactlist .right ul li .img{width:30px;height:30px;}
.contactlist .right ul li .img img{  width:30px;height:30px;filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);}
.contactlist .right ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);}
.contactlist .right ul li p{font-size:1.4rem;}
.contactlist .right ul li:last-child{width:100%;}
.contactlist .right ul li .ctitle2{font-size: 1.4rem;}
}


































.contact{width:100%;height:auto;clear:both;position:relative;margin-top:8vh;float:left;}
.contact .left{width:30%;float:left;height:100%;z-index:100;border-right:solid #fff 1px;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}
.contact .right{width:70%;float:left;overflow: hidden;position: relative;z-index: 80;opacity:0;transform:translateY(40px);-webkit-transform:translateY(40px);-webkit-transition:all 500ms ease;transition:all 500ms ease}


.contact .left ul {width:100%;height:auto;clear:both;margin-top:5vh;}
.contact .left ul li{margin-top: 1rem;width:98%;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 .left ul li .img{ width:30px; float:left;position:relative; overflow:hidden;display:block;}
.contact .left ul li .img img{ display:block; margin:0 auto; position:relative; filter: drop-shadow(30px 0 #cd1717); -webkit-filter: drop-shadow(30px 0 #cd1717);transition:all 1s}
.contact .left ul li:hover .img img{transform: translate(-30px, 0);-webkit-transform: translate(-30px, 0);-ms-transform: translate(-30px, 0);-o-transform: translate(-30px, 0);transition:all 1s}

.contact .left .er{font-size:1.4rem;color:#fff;clear:both;margin-top:2rem;float:left;}
.contact .left .er img{max-width:150px;margin-right:2rem;}

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


.contact .right ul{width:100%;float:left;overflow: hidden;position: relative;z-index: 80;margin-top:5vh;}
.contact .right ul li{width:15%;margin:0% 5%;float:left}
.contact .right ul li h1 a {color:#fff;font-size:1.8rem;font-weight:bold;line-height:2;letter-spacing:1px;}
.contact .right ul li p a{color:#fff;font-size:1.4rem;line-height:2;}


.footer{width:100%;z-index:999;height:auto;clear:both;margin-top:2rem;-webkit-transition:all 500ms ease;transition:all 500ms ease;font-size:1.4rem;color:#fff;float:left;}
.footer a{color:#fff}
.footer .fl{color:#fff;}


@media screen and (max-width:468px){
.index_main .section7 .tit{padding-top:1vh;}
.contact .left{width:80%;margin:0 auto;border:none;float:none;}
.contact .right{display:none;}
.contact{margin-top:3vh;}
.contact .left .er {text-align: center;width:100%;}
.contact .left .er img{clear:both;display:block;margin:0 auto;float:none;padding:10px;}
.footer .fl{width:100%;clear:both;}
}

@media (min-width:469px) and (max-width:990px){
.index_main .section7 .tit{padding-top:1vh;}
.contact .left{width:80%;margin:0 auto;border:none;float:none;}
.contact .right{display:none;}
.contact{margin-top:3vh;}
.contact .left .er {text-align: center;width:100%;}
.contact .left .er img{clear:both;display:block;margin:0 auto;float:none;padding:10px;}
.footer .fl{width:100%;clear:both;}
}