.header .logo{
    animation-delay: 2.9s;
-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}

.header .nav .ls{
animation-delay: 3.1s;
-webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;}
.header .nav .ls:nth-child(1){animation-delay: 3.3s;}
.header .nav .ls:nth-child(2){animation-delay: 3.4s;}
.header .nav .ls:nth-child(3){animation-delay: 3.5s;}
.header .nav .ls:nth-child(4){animation-delay: 3.6s;}
.header .nav .ls:nth-child(5){animation-delay: 3.7s;}
.header .nav .ls:nth-child(6){animation-delay: 3.8s;}

.header .search{    
    animation-delay: 4s;
-webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}


.index .banner{position: relative; width: 100%;}
.index .banner .swiper-slide{overflow: hidden;}
.index .banner .swiper-slide .pic{width: 100%;transition:all 30.5s;transform: scale(1);}
.index .banner .swiper-slide-active .pic{transition:all 30.5s;transform: scale(1.1);}
.index .banner .swiper-slide .pos{position: absolute;width: 100%;}
.index .banner .pos{left: 0;top: 0; animation-delay: 4.5s;
-webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;}

.index .banner .swiper-slide-active .pos div{
    animation-delay: 0.8s;
-webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
-webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}
.index .banner .pos img{width: 100%;}
.index .banner .go{position: absolute;left: 50%;bottom: 64px;z-index: 3; margin-left: -12px; width: 24px;height: 34px;background: url(../images/icon/icon_3.png) center no-repeat;
-webkit-animation:TopBots 1.2s  ease-in-out infinite both;
   -moz-animation:TopBots 1.2s ease-in-out infinite both;
    -ms-animation:TopBots 1.2s ease-in-out infinite both;
        animation:TopBots 1.2s ease-in-out infinite both;}

.index .banner .lie{position: absolute;left: 50%;bottom: -57px;z-index: 3;  width: 1px;height: 100px;background: #fff;overflow: hidden;}
.index .banner .lie div{width: 2px;
height: 100%;
overflow: hidden;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
background-color: #fff;}


.index .banner .lie i{ height: 80%;
position: absolute;
top: 0;
right: 0;
left: 0;
background: #1e6874;}

.index .banner .lie i{
    -webkit-animation-name: animateScrollBar;
    animation-name: animateScrollBar;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.645,.045,.355,1);
    animation-timing-function: cubic-bezier(.645,.045,.355,1);
    -webkit-animation-duration: 2.4s;
    animation-duration: 2.4s;}
@-webkit-keyframes animateScrollBar {
    0% {top: -100%;}
    100% {top: 200%;}
}
@keyframes animateScrollBar {
    0% {top: -100%;}
    100% {top: 200%;}
}

.index .banner .swiper-container-horizontal > .swiper-pagination-bullets{left:inherit;right: 2%;bottom: 50%;transform:translateY(50%); width: 50px;text-align: right;}
.index .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 20px 0px;}
.index .banner .swiper-pagination-bullet {transition:all 0.3s;opacity: 0.5;width: 50px;height: 15px;display:block;border-radius:0;background:url(../images/index/banner_icon_2.png) right center no-repeat;background-size: 30px 3px;}
.index .banner .swiper-pagination-bullet-active{transition:all 0.3s;opacity: 1;width: 50px;background-size: 50px 3px;}


.index .title{text-align: center;}
.index .title p{display: inline-block;position: relative;font-size: 29px;color: #333;}
.index .title i{position: absolute;right: -15px;top: 4px;width: 13px;height: 13px;background: url(../images/icon/icon_4.png) center no-repeat;}
.index .title em{margin-top: 4px; font-size: 12px;color: #333;font-family:"Arial";}

.index .ind01{position: relative;padding: 70px 0 58px; background: url(../images/index/ind01_bac0.jpg) center no-repeat;background-size: 100% 100%;}
.index .ind01 .bac_1{position: absolute;left: 0;bottom: 0;width: 402px;height: 294px;background: url(../images/index/ind01_bac1.png) left bottom no-repeat;}
.index .ind01 .bac_2{position: absolute;right: 0;top: 40px;width: 352px;height: 143px;background: url(../images/index/ind01_bac2.png) top right no-repeat;}
.index .ind01 .bac_3{position: absolute;right: 0;bottom: 0;width: 587px;height: 135px;background: url(../images/index/ind01_bac3.png) right bottom no-repeat;}
.index .ind01 .w1400{position: relative;z-index: 3;}
.index .ind01 .tab_tit{margin-top: 28px; text-align: center;}
.index .ind01 .tab_tit .t{display: inline-block;position: relative;cursor: pointer;}
.index .ind01 .tab_tit .t div{margin:0 13px;}
.index .ind01 .tab_tit .t p{position: relative;z-index: 6; font-size: 16px;color: #333;}
.index .ind01 .tab_tit .t i{transition:all 0.5s; margin-top:-8px; width: 100%;height: 0px;background: #b8b9b9;display:none;}
.index .ind01 .tab_tit .t em{position: absolute;right: 0;top: 5px; width: 1px;height: 13px;background: #1e6874;}
.index .ind01 .tab_tit .t:last-child em{display: none;}
.index .ind01 .tab_tit .t:hover i,.index .ind01 .tab_tit .t.cur i{transition:all 0.5s;height: 6px;}
.index .ind01 .tab_tit .t:hover p,.index .ind01 .tab_tit .t.cur p{color: #1e6874;font-weight:bold;}
.index .ind01 .tab_next{margin-top: 26px;position: relative; height: 544px;}
.index .ind01 .tab_next .next{position: absolute;left: 0;top: 0;z-index: 2; width: 100%;}
.index .ind01 .tab_next .next.vis{z-index: 1;}
.index .ind01 .tab_next .bac{}
.index .ind01 .tab_next .fl{width: 50%;}
.index .ind01 .swiper-slide a{display: block; position: relative;width:100%;height: 456px;overflow: hidden;}
.index .ind01 .swiper-slide a i{transition:all 0.5s 0.6s;transform: scale(1);width: 100%;height: 100%;}
.index .ind01 .swiper-slide a .pos{position: absolute;left: 0px;bottom: 0px;width:100%;height: 54px;line-height: 54px;background: rgba(30,104,116,0.9); }
.index .ind01 .swiper-slide a .pos p{transition:all 0.5s 0.2s; margin-top: 54px;margin-left: 2%;width: 78%; font-size: 16px;color: #fff;}
.index .ind01 .swiper-slide-active a .pos p{transition:all 0.5s 0.2s; margin-top: 0rem;}
.index .ind01 .swiper-slide-active a i{transition:all 0.5s 0.6s;transform: scale(1.1);}

.index .ind01 .swiper-container-horizontal > .swiper-pagination-bullets{left:inherit;right: 2%;bottom: 14px; width: 20%;text-align: right;}
.index .ind01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}
.index .ind01 .swiper-pagination-bullet {transition:all 0.3s;width: 12px;height: 12px;display: inline-block;border-radius: 12px;background: #fff;opacity: 1;}
.index .ind01 .swiper-pagination-bullet-active{transition:all 0.3s;width: 19px;}
.index .ind01 .tab_next .fr{padding:0 2.25%; width: 45.5%;height: 456px; background: #fff;}
.index .ind01 .tab_next .top{border-bottom: #ccc 1px solid;}
.index .ind01 .tab_next .top b{padding-top: 17px; font-size: 20px;font-weight: bold;color: #333;font-family:"Arial";}
.index .ind01 .tab_next .top p{padding: 12px 0; font-size: 20px;color: #333;}
.index .ind01 .tab_next .top i{padding-bottom: 14px; font-size: 14px;color: #444;line-height: 26px;}
.index .ind01 .tab_next .top:hover b{color: #1e6874;}
.index .ind01 .tab_next .top:hover p{color: #1e6874;}

.index .ind01 .tab_next .list{margin-top: 9px;position: relative;}
.index .ind01 .tab_next .list a{ line-height: 38px;}
.index .ind01 .tab_next .list i{float: left;margin-right: 15px;position: relative;z-index: 3; width: 15px;height: 38px;background: url(../images/icon/icon_5.png) center no-repeat;}
.index .ind01 .tab_next .list p{float: left;width: 76%;font-size: 16px;color: #333;}
.index .ind01 .tab_next .list em{float: right;font-size: 14px;color: #666;}
.index .ind01 .tab_next .list a:hover i{background: url(../images/icon/icon_5s.png) center no-repeat;}
.index .ind01 .tab_next .list a:hover p{color: #1e6874;}
.index .ind01 .tab_next .list a:hover em{color: #1e6874;}
.index .ind01 .tab_next .list .lie{position: absolute;left: 7px;top: 8%;height: 84%;width: 1px;background:#1e6874; }


.index .more{margin:52px auto 0;text-align: center;}
.index .more a{transition:all 0.5s;display: inline-block;font-size: 16px;color: #333;line-height: 35px; border-bottom:#1e6874 1px solid; }
.index .more a:hover{transition:all 0.5s;color: #1e6874;}


.index .ind02{position: relative;padding: 70px 0 56px;background:#fff url(../images/index/ind02_bac0.png) left top no-repeat;background-size: 100% 100%;}
.index .ind02 .bac_1{position: absolute;right: 0;bottom: 0;width: 510px;height: 311px;background: url(../images/index/ind02_bac1.png) right bottom no-repeat;}
.index .ind02 ul{position: relative;z-index: 2; margin-top: 34px;}
.index .ind02 ul li{float: left;margin-left: -1px; overflow: hidden;}
.index .ind02 ul li a{padding-top: 17px;}
.index .ind02 ul .text{position: relative;margin-top: 14px; height: 506px;}
.index .ind02 ul .text .clearfix{transition:all 0.5s; margin-top: 26px;}
.index .ind02 ul .text p{height: 448px; font-size: 14px;color: #666;line-height: 22px;writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }
.index .ind02 ul .text div.fr{margin:0 8% 0 5%;position: relative; width: 24px; font-size: 22px;color: #1e6874;}
.index .ind02 ul .text div.fr em{transition:all 0.5s;position: absolute;left: 0;top: 0;opacity: 1; padding-bottom: 14px;margin-bottom: 10px; background: url(../images/icon/icon_9.png) bottom center no-repeat;}
.index .ind02 ul .text div.fr span{transition:all 0.5s;margin-top: 55px;}
.index .ind02 ul .text .sum{transition:all 0.5s;opacity: 0; position: absolute;left: 22%;top: -31px;z-index: 2; width: 56%;height: 60px;line-height: 60px;text-align: center;font-size: 47px;color: #fff;font-family: "Arial"; background: #1e6874;}
.index .ind02 ul .text .lie_0{opacity: 1; position: absolute;left: 0px;top: -16px;width: 1px;height: 520px;background: #cdcfcf;}
.index .ind02 ul .text .lie_n{opacity: 1; position: absolute;right: 0px;top: -16px;width: 1px;height: 520px;background: #cdcfcf;}
.index .ind02 ul .text .lie_1{transition:all 0.5s; position: absolute;left: 0;top: 0;width: 0%;height: 1px;background: #1e6874;}
.index .ind02 ul .text .lie_2{transition:all 0.5s; position: absolute;right: 0;bottom: 0;width: 1px;height: 0%;background: #1e6874;}
.index .ind02 ul .text .lie_3{transition:all 0.5s; position: absolute;right: 0;bottom: 0;width: 0%;height: 1px;background: #1e6874;}
.index .ind02 ul .text .lie_4{transition:all 0.5s; position: absolute;left: 0;top: 0;width: 1px;height: 0%;background: #1e6874;}
.index .ind02 ul .text .bac{transition:all 0.5s;opacity: 0; position: absolute;right: 1px;bottom: 1px;width: 92px;height: 72px;background: url(../images/icon/icon_8.png) right bottom no-repeat;}
.index .ind02 ul .pic{height: 520px;overflow: hidden;}
.index .ind02 ul .pic i{transform: scale(1);transition:all 0.5s 0.6s; width: 100%;height: 100%;}
.index .ind02 ul a:hover .text .clearfix{transition:all 0.5s; margin-top: 40px;}
.index .ind02 ul a:hover .text div.fr em{opacity: 0;}
.index .ind02 ul a:hover .text div.fr span{transition:all 0.5s;margin-top: 0px;}
.index .ind02 ul a:hover .text .sum{transition:all 0.5s;opacity: 1;}
.index .ind02 ul a:hover .text .lie_0,.index .ind02 ul a:hover .text .lie_n{opacity: 0;}
.index .ind02 ul a:hover .text .lie_1{transition:all 0.5s;width: 100%;}
.index .ind02 ul a:hover .text .lie_2{transition:all 0.5s;height: 100%}
.index .ind02 ul a:hover .text .lie_3{transition:all 0.5s;width: 100%;}
.index .ind02 ul a:hover .text .lie_4{transition:all 0.5s;height: 100%;}
.index .ind02 ul a:hover .text .bac{transition:all 0.5s;opacity: 1;}
.index .ind02 ul a:hover .pic i{transform: scale(1.1);transition:all 0.5s 0.6s;}

.index .ind02 ul li.cur .text .clearfix{transition:all 0.5s; margin-top: 40px;}
.index .ind02 ul li.cur .text div.fr em{opacity: 0;}
.index .ind02 ul li.cur .text div.fr span{transition:all 0.5s;margin-top: 0px;}
.index .ind02 ul li.cur .text .sum{transition:all 0.5s;opacity: 1;}
.index .ind02 ul li.cur .text .lie_0,.index .ind02 ul li.cur .text .lie_n{opacity: 0;}
.index .ind02 ul li.cur .text .lie_1{transition:all 0.5s;width: 100%;}
.index .ind02 ul li.cur .text .lie_2{transition:all 0.5s;height: 100%}
.index .ind02 ul li.cur .text .lie_3{transition:all 0.5s;width: 100%;}
.index .ind02 ul li.cur .text .lie_4{transition:all 0.5s;height: 100%;}
.index .ind02 ul li.cur .text .bac{transition:all 0.5s;opacity: 1;}
.index .ind02 ul li.cur .pic i{transform: scale(1.1);transition:all 0.5s 0.6s;}



.m_index{}
.m_index .banner{position: relative; width: 100%;}
.m_index .banner .swiper-slide{overflow: hidden;}
.m_index .banner .pic{width: 100%}
.m_index .banner .pos{position: absolute;width: 100%;}
.m_index .banner .a1 .pos{left: 0;top: 28%;}
.m_index .banner .a1 .pos img{padding-left: 1rem;width: 22rem;max-width: 63%;}
.m_index .banner .go{position: absolute;left: 50%;bottom: 6rem;z-index: 3; margin-left: -0.7rem; width: 1.4rem;height: 2rem;background: url(../images/icon/icon_3.png) center no-repeat;background-size: 1.4rem auto;
-webkit-animation:TopBots 1.2s  ease-in-out infinite both;
   -moz-animation:TopBots 1.2s ease-in-out infinite both;
    -ms-animation:TopBots 1.2s ease-in-out infinite both;
        animation:TopBots 1.2s ease-in-out infinite both;}

.m_index .banner .lie{position: absolute;left: 50%;bottom: -4.5rem;z-index: 3;  width: 1px;height:7rem;background: #fff;}
.m_index .banner .lie i{margin-top: 2.5rem; width: 1px;height: 4.5rem;background: #1e6874;}
.m_index .banner .swiper-container-horizontal > .swiper-pagination-bullets{left:inherit;right: 2%;bottom: 50%;transform:translateY(50%); width: 2.5rem;text-align: right;}
.m_index .banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 1rem 0px;}
.m_index .banner .swiper-pagination-bullet {transition:all 0.3s;opacity: 0.5;width: 2.5rem;height: 0.75rem;display:block;border-radius:0;background:url(../images/index/banner_icon_2.png) right center no-repeat;background-size: 1.5rem 3px;}
.m_index .banner .swiper-pagination-bullet-active{transition:all 0.3s;opacity: 1;width: 2.5rem;background-size: 2.5rem 3px;}


.m_index .title{text-align: center;}
.m_index .title p{display: inline-block;position: relative;font-size: 2rem;color: #333;}
.m_index .title i{position: absolute;right: -0.95rem;top: 0.2rem;width: 0.9rem;height: 0.9rem;background: url(../images/icon/icon_4.png) center no-repeat;background-size: 0.9rem auto;}
.m_index .title em{margin-top: 0.6rem; font-size: 0.9rem;color: #333;font-family:"Arial";}

.m_index .d_bac{ background: url(../images/mobile/index_bac.jpg) center no-repeat;background-size: 100% 100%;}

.m_index .ind01{position: relative;padding: 6rem 0 3.9rem;}

.m_index .ind01 .w{position: relative;z-index: 3;}
.m_index .ind01 .tab_tit{margin-top: 2rem; text-align: center;}
.m_index .ind01 .tab_tit .t{display: inline-block;position: relative;cursor: pointer;}
.m_index .ind01 .tab_tit .t div{margin:0 1.9rem;}
.m_index .ind01 .tab_tit .t p{position: relative;z-index: 6; font-size: 1.6rem;color: #333;}
.m_index .ind01 .tab_tit .t i{transition:all 0.5s; margin-top:-0.8rem; width: 100%;height: 0px;background: #b8b9b9;display:none;}
.m_index .ind01 .tab_tit .t em{position: absolute;right: 0;top: 0.48rem; width: 1px;height: 1.4rem;background: #1e6874;}
.m_index .ind01 .tab_tit .t:last-child em{display: none;}
.m_index .ind01 .tab_tit .t.cur i{height: 0.6rem;}
.m_index .ind01 .tab_tit .t.cur p{color: #1e6874;font-weight:bold;}
.m_index .ind01 .tab_next{margin-top: 1.5rem;position: relative; height: 1440px;}
.m_index .ind01 .tab_next .next{position: absolute;left: 0;top: 0;z-index: 2; width: 100%;}
.m_index .ind01 .tab_next .next.vis{z-index: 1;}
.m_index .ind01 .tab_next .bac{background: #fff;}
.m_index .ind01 .tab_next .fl{width: 100%;}
.m_index .ind01 .swiper-slide a{display: block; position: relative;width:100%;height: 456px;}
.m_index .ind01 .swiper-slide a .pos{position: absolute;left: 0px;bottom: 0px;width:100%;height: 3.5rem;line-height: 3.5rem;background: rgba(30,104,116,0.9); }
.m_index .ind01 .swiper-slide a .pos p{transition:all 0.5s 0.2s; margin-top: 3.5rem; margin-left: 2%;width: 78%; font-size: 1rem;color: #fff;}
.m_index .ind01 .swiper-slide-active a .pos p{transition:all 0.5s 0.2s; margin-top: 0rem;}

.m_index .ind01 .swiper-container-horizontal > .swiper-pagination-bullets{left:inherit;right: 2%;bottom: 1rem; width: 16%;height: 1.4rem; text-align: right;}
.m_index .ind01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.15rem;}
.m_index .ind01 .swiper-pagination-bullet {transition:all 0.3s;width: 0.6rem;height: 0.6rem;display: inline-block;border-radius: 0.6rem;background: #fff;opacity: 1;}
.m_index .ind01 .swiper-pagination-bullet-active{transition:all 0.3s;width: 1rem;}
.m_index .ind01 .tab_next .fr{ width: 100%;}

.m_index .ind01 .tab_next .list{margin:0 1rem;position: relative;}
.m_index .ind01 .tab_next .list a{padding: 1.75rem 0; border-bottom: #bfbfbf 1px dashed; }
.m_index .ind01 .tab_next .list a:last-child{border-bottom: none;}
.m_index .ind01 .tab_next .list p{width:100%;font-size: 1.5rem;line-height: 2.1rem; color: #333;}
.m_index .ind01 .tab_next .list em{margin-top: 0.7rem; font-size: 1.2rem;color: #666;}



.m_index .more{display: none; margin:52px auto 0;text-align: center;}
.m_index .more a{transition:all 0.5s;display: inline-block;font-size: 16px;color: #333;line-height: 35px; border-bottom:#1e6874 1px solid; }
.m_index .more a:hover{transition:all 0.5s;color: #1e6874;}


.m_index .ind02{position: relative;padding:0 0 6.1rem;}
.m_index .ind02 .bac_1{position: absolute;right: 0;bottom: 0;width: 16.65rem;height: 14.75rem;background: url(../images/mobile/ind02_bac1.png) right bottom no-repeat;background-size: 14.65rem auto;}
.m_index .ind02 .swiper-container{position: relative;z-index: 2; margin-top: 1.7rem;}
.m_index .ind02 .swiper-slide{}
.m_index .ind02 .swiper-slide a{padding: 0.85rem 0 2.6rem 1px;}
.m_index .ind02 .text{position: relative;margin-top: 0.7rem;width: 12rem; height: 29.3rem;}
.m_index .ind02 .text .clearfix{transition:all 0.5s; margin-top: 26px;}
.m_index .ind02 .text p{height: 25.6rem; font-size: 0.9rem;color: #666;line-height: 1.2rem;letter-spacing: 0.15rem; writing-mode: vertical-rl;/*从左向右 从右向左是 writing-mode: vertical-rl;*/  writing-mode: tb-rl;/*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/ }
.m_index .ind02 .text div.fr{margin:0 7% 0 6%;position: relative; width: 1.2rem; font-size: 1.1rem;color: #1e6874;}
.m_index .ind02 .text div.fr em{display: none; position: absolute;left: 0;top: 0;opacity: 1; padding-bottom: 14px;margin-bottom: 10px; background: url(../images/icon/icon_9.png) bottom center no-repeat;}
.m_index .ind02 .text .sum{ position: absolute;left: 27%;top: -1.25rem;z-index: 2; width: 46%;height: 2.5rem;line-height: 2.5rem;text-align: center;font-size: 2rem;color: #fff;font-family: "Arial"; background: #1e6874;}
.m_index .ind02 .text .lie_0,.m_index .ind02 .text .lie_n{opacity: 0;}
.m_index .ind02 .text .lie_1{position: absolute;left: 0;top: 0;width: 100%;height: 1px;background: #1e6874;}
.m_index .ind02 .text .lie_2{position: absolute;right: 0;bottom: 0;width: 1px;height: 100%;background: #1e6874;}
.m_index .ind02 .text .lie_3{position: absolute;right: 0;bottom: 0;width: 100%;height: 1px;background: #1e6874;}
.m_index .ind02 .text .lie_4{position: absolute;left: 0;top: 0;width: 1px;height: 100%;background: #1e6874;}
.m_index .ind02 .text .bac{ position: absolute;right: 1px;bottom: 1px;width: 4.6rem;height: 3.6rem;background: url(../images/icon/icon_8.png) right bottom no-repeat;background-size: 4.6rem auto;}
.m_index .ind02 .pic{width: calc(100% - 12.5rem);height: 30rem;overflow: hidden;}
.m_index .ind02 .pic i{ width: 100%;height: 100%;}
.m_index .ind02 .text .clearfix{margin-top: 2rem;}

.m_index .ind02 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0rem;}
.m_index .ind02 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.15rem;}
.m_index .ind02 .swiper-pagination-bullet {transition:all 0.3s;width: 0.6rem;height: 0.6rem;display: inline-block;border-radius: 0.6rem;background: #b9b8b8;opacity: 1;}
.m_index .ind02 .swiper-pagination-bullet-active{transition:all 0.3s;width: 1rem;background: #1e6874;}


.index .ind01 .title,.index .ind01 .tab_tit,.index .ind01 .tab_next .fl,.index .ind01 .tab_next .fr{visibility: hidden;}

.index .ind01.active .title,.index .ind01.active .tab_tit,.index .ind01.active .tab_next .fl,.index .ind01.active .tab_next .fr{
    visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.index .ind01.active .title{
    animation-delay: 0.2s;
-webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.index .ind01.active .tab_tit{
    animation-delay: 0.7s;
-webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}
.index .ind01.active .tab_next .fl{
    animation-delay: 1.1s;
-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
-webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
}
.index .ind01.active .tab_next .fr{
    animation-delay: 1.3s;
-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
-webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}
.index .ind01 .more{height: 36px;}
.index .ind01 .more div{transition:all 0.5s 2s;opacity: 0;padding-top: 46px;}
.index .ind01.active .more div{
    transition:all 0.5s 2s;opacity: 1;padding-top: 0px;

}




.index .ind02 .title,.index .ind02 ul li{visibility: hidden;}
.index .ind02.active .title,.index .ind02.active ul li{visibility: visible;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
}

.index .ind02.active .title{
    animation-delay: 0.2s;
-webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
}

.index .ind02.active ul li{
-webkit-animation-duration: 0.7s;
    animation-duration: 0.7s;
}

.index .ind02.active ul li:nth-child(1){animation-delay: 0.5s;}
.index .ind02.active ul li:nth-child(2){animation-delay: 0.8s;}
.index .ind02.active ul li:nth-child(3){animation-delay: 1.1s;}
.index .ind02.active ul li:nth-child(4){animation-delay: 1.4s;}


.index .ind02 .more{height: 36px;}
.index .ind02 .more div{transition:all 0.5s 1.8s;opacity: 0;padding-top: 46px;}
.index .ind02.active .more div{
    transition:all 0.5s 1.8s;opacity: 1;padding-top: 0px;

}

.footer{visibility: hidden;}

.footer.active{visibility: visible;
-webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
-webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    }