html, body {
    position: relative;
    height: 100%;
}
body {
    background: #eee;
    margin: 0;
    padding: 0;
}
.swiper-container {
    width: 100%;
    height: 100%;
}
#swiper-container2 .swiper-slide {
    height: auto;

}
.sec1{position: relative;z-index: 3; height: 100vh;background: #fff;}
.sec1 .ves{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;}
.sec1 .ves .videos{display: block;width: 100%;}
.sec1 .firContent{width: 100%;height: 100%;}
.sec1 .firContent .w1400{position: relative;height: 100%;}
.sec1 .firContent .firTop{position: relative; padding-top: 80px;}
.sec1 .firContent .firTop .firLogo{ width:auto;display: block;}
.sec1 .firContent .firTop .firLogo img{display: block;width: 100%;}
.sec1 .firContent .firTop .pos{position: absolute;left: 50%;top: 86px;margin-left: -130px; width: 260px;height: 64px;}

.sec1 .firSearch{margin-top: 17px;width:auto;}
.sec1 .firSearch p{line-height: 30px; font-size: 18px;color: #ffffff;padding-left: 24px;}
.sec1 .firSearch p em{padding: 0 8px; display: inline-block;width: 24px;height: 24px;}
.sec1 .firSearch p i{display: inline-block;width: 5px;height: 5px;border-radius: 50%;border: 1px solid #ffffff;box-sizing: border-box;vertical-align: text-top;}
.sec1 .firSearch .box{position: relative;width: 366px;background: #fff;border-radius: 20px;box-shadow: 0 0 10px rgba(0,0,0,0.02);}
.sec1 .firSearch .box input{width: 334px;height: 50px;padding-left: 27px;font-size: 18px;color: #94beee;background: none; }

.sec1 .firSearch .box input::-moz-placeholder{color: #94beee;}
.sec1 .firSearch .box input::-webkit-input-placeholder{color: #94beee;}
.sec1 .firSearch .box input::-o-input-placeholder{color: #94beee;}
.sec1 .firSearch .box input::-ms-input-placeholder{color: #94beee;}


.sec1 .firSearch .box button{width: 80px;height: 50px;position: absolute;top: 0;right: 0;border: 0;background:  url(../../images/zj/index/v3.png) center no-repeat;cursor: pointer;}
.sec1 .firSearch .serChange{display: block;font-size: 20px;color: #ffffff;width: 40px;margin-top: 12px;}
.sec1 .firSearch .serHot{margin-top: 5px; font-size: 14px;color: #fff;text-align: center;}

.sec1 .secContent{position: absolute;left: 0;bottom: 147px;width: 100%;}
.sec1 .secContent .w1200{background-color: rgba(255,255,255,.7);border-radius: 5px;padding: 16px 0;}
.sec1 .secContent .secItem{float: left;width: 20%;}
.sec1 .secContent .secItem em{display: block;float: left;margin-left: 18px;width: 68px;height: 68px;border-radius: 24px;}
.sec1 .secContent .secItem:nth-child(1) em{background:rgba(105,137,199,0.9);}
.sec1 .secContent .secItem:nth-child(2) em{background: rgba(141,198,250,0.9);;}
.sec1 .secContent .secItem:nth-child(3) em{background: rgba(119,177,132,0.9);;}
.sec1 .secContent .secItem:nth-child(4) em{background: rgba(232,153,108,0.9);;}
.sec1 .secContent .secItem:nth-child(5) em{background: rgba(225,124,109,0.9);;}
.sec1 .secContent .secItem em i{display: block;width: 100%;height: 100%;transition-duration: 0.5s;}
.sec1 .secContent .secItem:nth-child(1) em i{background: url(../../images/zj/index/v4.png) center no-repeat;}
.sec1 .secContent .secItem:nth-child(2) em i{background: url(../../images/zj/index/v5.png) center no-repeat;}
.sec1 .secContent .secItem:nth-child(3) em i{background: url(../../images/zj/index/v6.png) center no-repeat;}
.sec1 .secContent .secItem:nth-child(4) em i{background: url(../../images/zj/index/v7.png) center no-repeat;}
.sec1 .secContent .secItem:nth-child(5) em i{background: url(../../images/zj/index/v8.png) center no-repeat;}
.sec1 .secContent .secItem .secLeft{margin-left: 15px;padding-top: 12px;}
.sec1 .secContent .secItem .secLeft p{font-size: 16px;color: #666666;margin-bottom: 4px;font-weight: bold;}
.sec1 .secContent .secItem .secLeft a{display: initial; font-size: 14px;color: #000000;position: relative;}
.sec1 .secContent .secItem .secLeft a:hover{color: #4582be;}
.sec1 .secContent .secItem .secLeft i{display: block;width: 1px;height: 16px;background-color: #000000;position: absolute;top: 3px;right: 0;}
.sec1 .secContent .secItem .secItemLink a:nth-child(1){padding-right: 6px;}
.sec1 .secContent .secItem .secItemLink a:nth-child(2){padding-left: 6px;}
.sec1 .secContent .secItem:hover em i{transform: rotateY(180deg);}
.sec1 .secContent .text_icon{display: flex;justify-content:center; margin-top: 16px; line-height: 20px; text-align: center;font-size: 14px;color: #fff;}
.sec1 .secContent .text_icon i{width: 25px;height:20px; background: url(../../images/zj/icon.png) center no-repeat;background-size: auto 18px;}


.sec1 .go{position: absolute;left: 50%;bottom: 60px;z-index: 3; margin-left: -62px;width: 124px;height: 34px; 
    visibility: visible;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    animation-delay: 0.8s;
    -webkit-animation-delay: 0.8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: slideInUp;
    animation-name: slideInUp;}
.sec1 .go i{padding-top: 39px; width: 124px;height: 34px;font-size: 16px;color: #fff;text-align: center; background: url(../../images/zj/index/v95.png) top 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;}

@keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-webkit-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-moz-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}
@-ms-keyframes TopBots {
    0% {transform:translateY(-8px)}
    50% {transform:translateY(0px)}
    100% {transform:translateY(-8px)}
}

/*绗簩灞�*/
.content{width: 100%;height: 100%;position: relative;z-index: 99999999; background: #f5f5f5;}


.title{line-height: 94px;font-size: 30px;font-weight: bold;color: #3476b7;}
.title b{float: left;font-weight: bold;}
.title .color_box{color: #cb3433;}
.title i{float: left;margin: 47px 0 0 11px; width: 228px;height: 1px;background: #e0e0e0;}



.ind01{margin-bottom: 20px; background:#fff url(../../images/zj/index/bac_2.jpg) center no-repeat;background-size: 100% auto;}
.ind01 .top{margin-bottom: 30px; background: #fff;border-bottom: #f5f5f5 2px solid;}
.ind01 .top b a{padding: 27px 0 20px; font-size: 30px;color: #3476b7;text-align: center;font-weight: bold;}
.ind01 .top .list_a{padding-bottom: 30px;}
.ind01 .top .list_a a{float: left;padding:0 1%; width: 31%;font-size: 20px;color: #666;text-align: center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind01 .top .list_a a:hover{color: #3b88d3;}

.ind01 .cen{float: left; width: 640px;height: 366px;}
.ind01 .swiper-slide a{display: block; position: relative;width:100%;height: 366px;overflow: hidden;}
.ind01 .swiper-slide a i{transition:all 0.5s;transform: scale(1);width: 100%;height: 100%;}
.ind01 .swiper-slide a .pos{position: absolute;left: 0px;bottom: 0px;width:100%;height: 60px;line-height: 60px;background: rgba(0,0,0,0.7); }
.ind01 .swiper-slide a .pos p{transition:all 0.5s 0.2s; margin-top: 60px;margin-left: 2%;width: 60%; font-size: 18px;color: #fff;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind01 .swiper-slide-active a .pos p{transition:all 0.5s 0.2s; margin-top: 0rem;}
/* .ind01 .swiper-slide-active a:hover i{transition:all 0.5s;transform: scale(1.06);} */
.ind01 .swiper-container-horizontal > .swiper-pagination-bullets{left:inherit;right: 2%;bottom: 15px; width: 36%;text-align: right;}
.ind01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 6px;}
.ind01 .swiper-pagination-bullet {width: 11px;height: 11px;display: inline-block;border-radius: 11px;opacity: 1;border: #fff 1px solid;background: none;}
.ind01 .swiper-pagination-bullet-active{background: #fff;}
.ind01 .swiper-button-next{transition: all 0.4s; right: -31px; width: 31px;height: 45px;background: url(../../images/index/icon_2.png) right center no-repeat;}
.ind01 .swiper-container:hover .swiper-button-next{transition: all 0.4s; right:0px;}

.ind01 .swiper-button-prev{transition: all 0.4s;left: -31px; width: 31px;height: 45px;background: url(../../images/index/icon_1.png) center no-repeat;}

.ind01 .swiper-container:hover .swiper-button-prev{transition: all 0.4s; left:0px;}

.ind01 .right{float: right; width: 525px;}
.ind01 .right .tab_tit a{transition:all 0.3s;float: left;margin-right: 11px; padding: 0 16px;line-height: 46px; font-size: 20px;border-radius: 4px;color: #333;cursor: pointer;background: #f5f5f5;}
.ind01 .right .tab_tit a.cur{transition:all 0.3s;color: #fff; background: #3076bc;}
.ind01 .right .tab_tit a:last-child{margin-right: 0;}
.ind01 .tab_next{height: 254px;overflow: hidden;}
.ind01 .tab_next1{height: 254px;overflow: hidden;display: none;}
.ind01 .list{position: relative;margin-top: 10px;}
.ind01 .list a{ line-height: 40px;}
.ind01 .list i{float: left;margin-right:0px;position: relative;z-index: 3; width: 15px;height: 40px;background: url(../../images/zj/icon/icon_1.png) left center no-repeat;}
.ind01 .list p{float: left;margin-right: 2px;width: auto; max-width: 69%; font-size: 16px;color: #333;}
.ind01 .list span{float: left;width: 31px;height: 40px;background: url(../../images/index/icon_3.png) left center no-repeat;}
.ind01 .list em{float: right;font-size: 16px;color: #666;}
.ind01 .list a:hover i{background: url(../../images/zj/icon/icon_1s.png) left center no-repeat;}
.ind01 .list a:hover p{color: #3076bc;}
.ind01 .list a:hover em{color: #3076bc;}

.ind02{margin-bottom: 20px; background: #fff;}
.ind02 .w1200{background: #f5f5f5;}
.ind02 .work{float: left;margin-right:20px; width: 386px;height: 910px; background: #fff;}
.ind02 .work_01{margin-bottom: 23px;}
.ind02 .work_01 b{padding:20px 10px; width: 21px;height: 101px;line-height: 26px;font-size: 20px;color: #fff;font-weight: bold; background: #3b88d3;}
.ind02 .work_01 .swiper-container{width: 317px;height: 141px; background: #f5f5f5;}
.ind02 .work_01 a{padding:17px 17px 3px; float: left;}
.ind02 .work_01 a .pic{margin: 0 auto 10px;width: 66px;height: 66px;background: #3b88d3;border-radius: 10px;}
.ind02 .work_01 a .pic i{transition: all 0.6s;width: 100%;height: 100%;}
.ind02 .work_01 a p{text-align: center; font-size: 16px;color: #333;}
.ind02 .work_01 a:hover .pic i{transform: rotateY(360deg);}
.ind02 .work_01 a:hover p{color: #3076bc;}

.ind02 .swiper-container-horizontal > .swiper-pagination-bullets{left:0;bottom: 4px; }
.ind02 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 4px;}
.ind02 .swiper-pagination-bullet {width: 7px;height: 7px;display: inline-block;border-radius: 11px;opacity: 1;}
.swiper-pagination-bullet{background: #fff;}
.swiper-pagination-bullet-active{background: #3b88d3;}
.ind02 .swiper-button-next{transition: all 0.4s; right: -31px; width: 31px;height: 45px;background: url(../../images/index/icon_2.png) right center no-repeat;}

.ind02 .work_02{margin-bottom: 20px;position: relative; width: 356px; border: #eee 1px solid;}
.ind02 .work_02 .pos{position: absolute;left: 0;top: -15px;width: 100%;text-align: center;}
.ind02 .work_02 .pos em{display: inline-block;padding:0 10px 0 33px;font-size: 20px;color: #333;background:#fff url(../../images/zj/icon/icon_2.png) 10px center no-repeat;}
.ind02 .work_02 .swiper-container{padding-bottom: 30px; margin: 33px 15px 0;}
.ind02 .work_02 a{float: left;margin:0 4px 10px; width:155px;height: 52px;line-height: 52px; text-align: center;font-size: 16px;color: #333;background: #f8f8f8;border-radius: 6px;}

.ind02 .work_02 a span{display: inline-block; padding-left: 32px;}
.ind02 .work_02 a:nth-child(2n){margin-right: 0;}
.ind02 .work_02 a:hover i{transform: rotateY(360deg);}

.ind02 .work_02 a:hover{color: #fff; background: #3b88d3;}

.ind02 .work_02 .a1 span{background: url(../../images/zj/index/work_4.png) left center no-repeat;}
.ind02 .work_02 .a1:hover span{background: url(../../images/zj/index/work_4s.png) left center no-repeat;}

.ind02 .work_02 .a2 span{background: url(../../images/zj/index/work_5.png) left center no-repeat;}
.ind02 .work_02 .a2:hover span{background: url(../../images/zj/index/work_5s.png) left center no-repeat;}

.ind02 .work_02 .a3 span{background: url(../../images/zj/index/work_6.png) left center no-repeat;}
.ind02 .work_02 .a3:hover span{background: url(../../images/zj/index/work_6s.png) left center no-repeat;}

.ind02 .work_02 .a4 span{background: url(../../images/zj/index/work_7.png) left center no-repeat;}
.ind02 .work_02 .a4:hover span{background: url(../../images/zj/index/work_7s.png) left center no-repeat;}


.swiper-pagination-bullet {background:#e6e6e6;}
.swiper-pagination-bullet-active{background: #3b88d3;}

.ind02 .work_02 .a5 span{background: url(../../zhongdian/1spypaq.png) left center no-repeat;}
.ind02 .work_02 .a5:hover span{background: url(../../zhongdian/1spypaq_hov.png) left center no-repeat;}

.ind02 .work_02 .a6 span{background: url(../../zhongdian/2hjbh.png) left center no-repeat;}
.ind02 .work_02 .a6:hover span{background: url(../../zhongdian/2hjbh_hov.png) left center no-repeat;}

.ind02 .work_02 .a7 span{background: url(../../zhongdian/3zdcq.png) left center no-repeat;}
.ind02 .work_02 .a7:hover span{background: url(../../zhongdian/3zdcq_hov.png) left center no-repeat;}

.ind02 .work_02 .a8 span{background: url(../../zhongdian/4jgsf.png) left center no-repeat;}
.ind02 .work_02 .a8:hover span{background: url(../../zhongdian/4jgsf_hov.png) left center no-repeat;}

.ind02 .work_04{margin-bottom: 25px;position: relative; width: 358px;}
.ind02 .work_04 a{cursor: pointer;float: left;margin-right: 4px; width:86px;height: 52px;line-height: 52px; text-align: center;font-size: 16px;color: #333;background: #f8f8f8;border-radius: 6px;}
.ind02 .work_04 .a4{
    /* width: 109px; */
    margin-right: 0;
}
.ind02 .work_04 a span{
    padding-left: 17px;
}
.ind02 .work_04 a:hover{
    color: #fff; background: #3b88d3;
}
.ind02 .work_04 .a1 span{background: url(../../images/zj/index/qixiang.png) 6px center no-repeat;background-size: 22px;}
.ind02 .work_04 .a1:hover span{background: url(../../images/zj/index/qixiangs.png) 6px center no-repeat;background-size: 22px;}

.ind02 .work_04 .a2 span{background: url(../../images/zj/index/gongshui.png) 6px center no-repeat;background-size: 22px;}
.ind02 .work_04 .a2:hover span{background: url(../../images/zj/index/gongshui.png) 6px center no-repeat;background-size: 22px;}

.ind02 .work_04 .a3 span{background: url(../../images/zj/index/gongdian.png) 6px center no-repeat;background-size: 25px;}
.ind02 .work_04 .a3:hover span{background: url(../../images/zj/index/gongdians.png) 6px center no-repeat;background-size: 25px;}

.ind02 .work_04 .a4 span{background: url(../../images/zj/index/jiaotong.png) 6px center no-repeat;background-size: 24px;}
.ind02 .work_04 .a4:hover span{background: url(../../images/zj/index/jiaotongs.png) 6px center no-repeat;background-size: 24px;}


.swiper-pagination-bullet {background:#e6e6e6;}
.swiper-pagination-bullet-active{background: #3b88d3;}



.ind02 .work_03{width: 358px;}
.ind02 .work_03 .tab_tit{ border-bottom: #ededed 1px dashed;}
.ind02 .work_03 .tab_tit div{position: relative;cursor: pointer;}
.ind02 .work_03 .tab_tit p,.ind02 .work_03 .tab_tit a{padding:0 20px; line-height: 52px;font-size: 20px;color: #333;}
.ind02 .work_03 .tab_tit i{position: absolute;right: 0;top: 16px;width: 2px;height:21px;background: #adadad;}
.ind02 .work_03 .tab_tit div:first-child p,.ind02 .work_03 .tab_tit div:first-child a{padding-left: 0;}
.ind02 .work_03 .tab_tit div.on p,.ind02 .work_03 .tab_tit div.on a{color: #3b88d3;}
.ind02 .work_03 .tab_tit div.on i{background: #b1cfed;}

.ind02 .work_03 .tab_next{position: relative;height: 300px;}
.ind02 .work_03 .tab_next .next{position: absolute;left: 0;top: 0;width: 100%;background: #fff;}
.ind02 .work_03 .swiper-container{margin-top: 29px;height: 270px;}
.ind02 .work_03 .icon_list a{float: left;width: 25%;}
.ind02 .work_03 .icon_list a .pic{margin: 0 auto 10px;width: 60px;height: 60px;background: #3b88d3;border-radius: 60px;}
.ind02 .work_03 .icon_list a .pic i{transition: all 0.6s;width: 100%;height: 100%;}
.ind02 .work_03 .icon_list a p{height: 52px; text-align: center; font-size: 15px;color: #555;overflow: hidden;}
.ind02 .work_03 .icon_list a:hover .pic i{transform: rotateY(360deg);}
.ind02 .work_03 .icon_list a:hover p{color: #3076bc;}

.ind02 .work_03 .list .swiper-slide div{width:368px;}
.ind02 .work_03 .list a{transition-duration: 0.3s;float: left;margin: 0 9px 10px 0; width:175px;height: 50px; background: #f8f8f8;border-radius: 6px;}
.ind02 .work_03 .list a p{transition-duration: 0.3s;line-height: 50px; text-align: center; font-size: 15px;color: #555;overflow: hidden;}
.ind02 .work_03 .list a:hover{transition-duration: 0.3s; background:#3076bc;}
.ind02 .work_03 .list a:hover p{transition-duration: 0.3s;color: #fff;}


.ind02 .work_03 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 11px; }

.ind02 .interact{float: left;padding:0 29px 0 28px; width: 329px;height: 910px; background: #fff;}
.ind02 .interact .title i{width: 198px;}
.ind02 .interact .top .pic{margin-bottom: 13px; width:329px;height: 84px; overflow: hidden;}
.ind02 .interact .top .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}
.ind02 .interact .top .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}

.ind02 .interact .top .next a{float: left;margin: 0 10px 10px 0; width:102px;height: 96px;border-radius: 6px;background: #f8f8f8;text-align: center;}
.ind02 .interact .top .next span{transition: all 0.5s; width: 100%;margin: 16px 0 6px; height: 35px;}
.ind02 .interact .top .next .a_1 span{background: url(../../images/zj/index/interact_2.png) center no-repeat;}
.ind02 .interact .top .next .a_2 span{background: url(../../images/zj/index/interact_3.png) center no-repeat;}
.ind02 .interact .top .next .a_3 span{background: url(../../images/zj/index/interact_4.png) center no-repeat;}
.ind02 .interact .top .next .a_4 span{background: url(../../images/zj/index/interact_5.png) center no-repeat;}
.ind02 .interact .top .next .a_5 span{background: url(../../images/zj/index/interact_6.png) center no-repeat;}
.ind02 .interact .top .next .a_6 span{background: url(../../images/zj/index/interact_7.png) center no-repeat;}


.ind02 .interact .top .next p{font-size:16px;color: #333;text-align: center;}

.ind02 .interact .top .next .a_3,.ind02 .interact .top .next .a_6{margin-right: 0;}
.ind02 .interact .top .next .a_7{transition-duration: 0.5s;margin-right: 0; width: 100%;height: 70px;}
.ind02 .interact .top .next .a_7 p{transition-duration: 0.5s; display: inline-block;padding-left: 50px ; line-height: 70px;background: url(../../images/zj/index/interact_8.png) left center no-repeat;}

.ind02 .interact .top .next a:hover span{transition: all 0.5s;transform: rotateY(360deg);}
.ind02 .interact .top .next a:hover p{color: #3076bc;}
.ind02 .interact .top .next .a_7:hover{transition-duration: 0.5s;background: #3b88d3;}
.ind02 .interact .top .next .a_7:hover p{transition-duration: 0.5s;color: #fff; background: url(../../images/zj/index/interact_8s.png) left center no-repeat;}
.ind02 .interact .bot .title_box{line-height: 51px;font-size: 20px;color: #3b88d3;border-bottom: #ededed 1px dashed;}
.ind02 .interact .bot .recommended{margin: 16px 0 20px 0;}
.ind02 .interact .bot .recommended span{float: left;padding:3px 9px; width: 37px;height: 49px; font-size: 18px;line-height: 24px;color: #cc352c; border: #d66356 1px solid; border-radius: 4px;}
.ind02 .interact .bot .recommended p{float: left;margin:4px 0 0 10px; width: 256px; font-size: 16px;line-height: 24px;color: #333;}

.ind02 .interact .bot .recommended:hover p{color: #3b88d3;}
.ind02 .interact .bot li i{float: left;margin:9px 12px 0 0; width: 58px;height: 22px;line-height: 22px;font-size: 14px;color: #666;text-align: center;border-radius: 20px;background: #ccc;}
.ind02 .interact .bot li p{float: left;width: 256px; font-size: 16px;line-height: 44px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.ind02 .interact .bot li.on i{background: #39c394;color: #fff;}
.ind02 .interact .bot li a:hover p{color: #3b88d3;}

.ind02 .government{padding-left: 30px;width: 356px;height: 910px; background: #fff;}
.ind02 .government .title i{width: 156px;}
.ind02 .government .tab{height: 330px;}
.ind02 .government .tab_tit{border-bottom: #ededed 1px dashed;}
.ind02 .government .tab_tit div{position: relative;cursor: pointer;}
.ind02 .government .tab_tit a,.ind02 .government .tab_tit p{padding:0 19px 16px;font-size: 20px;color: #333;}
.ind02 .government .tab_tit i{position: absolute;right: 0;top: 4px;width: 2px;height:21px;background: #adadad;}
.ind02 .government .tab_tit div:first-child p,.ind02 .government .tab_tit div:first-child a{padding-left: 0;}
.ind02 .government .tab_tit div:last-child p,.ind02 .government .tab_tit div:last-child a{padding-right: 0;}
.ind02 .government .tab_tit div.on p,.ind02 .government .tab_tit div.on a{color: #3b88d3;}
.ind02 .government .tab_tit div.on i{background: #b1cfed;}

.ind02 .government .list{position: relative;margin: 10px 0 12px;}
.ind02 .government .list a{ line-height: 41px;}
.ind02 .government .list i{float: left;margin-right:0px;width: 15px;height: 41px;background: url(../../images/zj/icon/icon_1.png) left center no-repeat;}
.ind02 .government .list p{float: left;width:320px; font-size: 16px;color: #333;}
.ind02 .government .list a:hover i{background: url(../../images/zj/icon/icon_1s.png) left center no-repeat;}
.ind02 .government .list a:hover p{color: #3076bc;}

.ind02 .government .pic{margin-bottom: 17px; width:358px;height: 97px; overflow: hidden;}
.ind02 .government .pic i{width: 100%;height: 100%;transform: scale(1);transition-duration: 0.5s;}

.ind02 .government .pic:hover i{transform: scale(1.1);transition-duration: 0.5s;}

.ind02 .government .icon_box{margin-top:22px}
.ind02 .government .icon_box a{float: left;margin:0 10px 10px 0; width: 172px;height: 66px;line-height: 66px; text-align: center;font-size: 16px;color: #333;background: #f8f8f8;border-radius: 4px;}
.ind02 .government .icon_box a i{transition: all 0.5s; display: inline-block;margin-right: 8px;width: 30px;height: 66px;text-indent: -9999999px;}
.ind02 .government .icon_box .i_1 i{background:url(../../images/zj/index/government_3.png) center no-repeat;}
.ind02 .government .icon_box .i_2 i{background:url(../../images/zj/index/government_4.png) center no-repeat;}
.ind02 .government .icon_box .i_3 i{background:url(../../images/zj/index/government_5.png) center no-repeat;}
.ind02 .government .icon_box .i_4 i{background:url(../../images/zj/index/government_6.png) center no-repeat;}
.ind02 .government .icon_box .i_5 i{background:url(../../images/zj/index/government_7.png) center no-repeat;}
.ind02 .government .icon_box .i_6 i{background:url(../../images/zj/index/government_8.png) center no-repeat;}




.ind02 .government .icon_box a span{display: inline-block;}
.ind02 .government .icon_box a:nth-child(2n){margin-right: 0;}
.ind02 .government .icon_box a:hover i{transform: rotateY(360deg);}

.ind03{padding-bottom: 1px;background: #fff;}
.ind03 .title i{width: 1069px;}
.ind03 .swiper-container{margin:0 auto 30px;width: 1200px;}
.ind03 .swiper-container:hover .swiper-button-next{right: 0;}
.ind03 .swiper-container:hover .swiper-button-prev{left: 0;}
.ind03 .swiper-container .swiper-slide{width: 202px;}
.ind03 .swiper a{float: left;margin-right:12px; width: 190px;height: 104px;overflow: hidden;}
.ind03 .swiper a i{transition: all 0.3s;transform: scale(1);width: 100%;height: 100%;}
.ind03 .swiper a:hover i{transition: all 0.3s;transform: scale(1.1);}



.ind03 .swiper .swiper-button-next{
    right: -40px;
    margin-top: -10px;
     width: 21px;
     height: 20px;
     background: url(../../images/index/icon_7.png) right center no-repeat;
     background-size: 20px auto;
     transition: all 0.5s;
}
.ind03 .swiper .swiper-button-prev{
    left: -40px;
    margin-top: -10px;
     width: 21px;
     height: 20px;
     background: url(../../images/index/icon_6.png) left center no-repeat;
     background-size: 20px auto;
     transition: all 0.5s;
}

.ind03 .wx{margin:23px 0 40px;height: 162px; background:#5b9bf2 url(../../images/zj/wx.jpg) left bottom no-repeat;background-size: 100% auto;}
.ind03 .wx .next{padding:22px 0 0 123px;}
.ind03 .wx .pic{float: left; margin:0 15px 0 15px; width: auto;height:auto;}
.ind03 .wx .pic .bor_box{margin-bottom:6px; width:86px;height:85px; text-align: center;border:#4587e7 4px solid;background:#4587e7;}
.ind03 .wx .pic .bor_box img{transition: all 0.5s; display: inline-block;max-width:85px; max-height: 85px; vertical-align: middle; -ms-interpolation-mode: bicubic;}
.ind03 .wx .pic .bor_box span{display: inline-block;height: 85px;width: 1px;vertical-align: middle;}
.ind03 .wx .pic .text{margin:0 auto; height: 19px; color: white;font-size: 16px; text-align: center;}


@media screen and (max-width:1201px){
    body{overflow-y: auto !important;}
    .title{line-height:7.2rem;font-size: 2.5rem;}
    .title i{float: right; margin: 3.6rem 0 0 0.5rem;width:calc(100% - 11rem);}
    .m_index{position: relative;z-index: 99999999; background: #f5f5f5;}
    .w1200{width: 92%;}
    .ind01{margin-bottom:0.5rem;}
    .ind01 .top{margin-bottom:2.3rem;}
    .ind01 .top b a{padding: 1.6rem 0 0.4rem; font-size: 1.8rem;}
    .ind01 .top .list_a{padding-bottom: 1.5rem;}
    .ind01 .top .list_a a{width: 48%;font-size: 1.2rem;line-height: 1.8rem;}

    /* .ind01 .top .list_a a:last-child, */
    .ind01 .top .list_a a:first-child{padding: 0; width: 100%;}

    .ind01 .cen{margin-bottom: 1.3rem; width:100%;height:19.4rem;}
    .ind01 .swiper-slide a{height: 19.4rem;}
    .ind01 .swiper-slide a .pos{height:3.1rem;line-height: 3.1rem; }
    .ind01 .swiper-slide a .pos p{margin-top: 3.1rem;width: 60%; font-size: 1.3rem;}
    .ind01 .swiper-slide-active a .pos p{ margin-top: 0rem;}
    .ind01 .swiper-container-horizontal > .swiper-pagination-bullets{bottom:calc(1.55rem - 7px); width: 36%;}
    .ind01 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.3rem;}
    .ind01 .swiper-pagination-bullet {width: 0.6rem;height: 0.6rem;border-radius: 0.6rem;}
    .ind01 .right{padding-bottom:0rem; width:100%;}
    .ind01 .right .tab_tit a{margin-right: 0.5rem; padding: 0 0.5rem;line-height: 2.9rem; font-size: 1.3rem;border-radius: 0.3rem;}
    .ind01 .tab_next{height: auto;}
    .ind01 .list{margin-top: 10px;}
    .ind01 .list a{ line-height: 2.9rem;}
    .ind01 .list i{ width:0.9rem;height:2.9rem;background: url(../../images/zj/icon/icon_1.png) left center no-repeat;}
    .ind01 .list p{max-width: calc(100% - 11.5rem);font-size: 1.4rem;}
    .ind01 .list span{width: 2.5rem;height:2.9rem;background: url(../../images/zj/mobile/icon_4.png) left center no-repeat;background-size: 2.5rem auto;}
    .ind01 .list em{font-size: 1.4rem;}

    .ind02{margin-bottom:1.5rem;background: #f5f5f5;}
    .ind02 .w {}
    .ind02 .work{float: none; margin-right:0;margin-bottom: 1.5rem; width:100%;height:auto;}
    .ind02 .work_01{margin-bottom:3.6rem;}
    .ind02 .work_01 b{padding:1.6rem 0.5rem; width:2.5rem;height:8.8rem;line-height:2.2rem;font-size: 1.7rem;text-align: center;font-weight: normal;}
    .ind02 .work_01 .right{width:calc(100% - 3.5rem);}
    .ind02 .work_01 .swiper-container{width:100%;height: 12rem;}
    .ind02 .work_01 a{padding:1.5rem 0 3px;width: 33.333%; }
    .ind02 .work_01 a .pic{margin: 0 auto 0.8rem;width: 5.6rem;height: 5.6rem;border-radius:0.4rem;}
    .ind02 .work_01 a p{font-size: 1.3rem;}


    .ind02 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 0.6rem; }
    .ind02 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 0.35rem;}
    .ind02 .swiper-pagination-bullet {width:0.6rem;height: 0.6rem;border-radius: 0.6rem;}

    .ind02 .work_02{margin-bottom: 20px;width: 100%;}
    .ind02 .work_02 .pos{top: -1.125rem;}
    .ind02 .work_02 .pos em{padding:0 1.5rem 0 3.6rem;font-size:1.7rem;background:#fff url(../../images/zj/icon/icon_2s.png) 1.4rem center no-repeat;background-size: 1.45rem auto;}
    .ind02 .work_02 .swiper-container{padding-bottom: 2.55rem; margin: 2.8rem 1.6rem 0;}
    .ind02 .work_02 a{margin:0 0.8rem 0.85rem; width:calc(50% - 1.6rem);height:4.5rem;line-height: 4.5rem;font-size:1.3rem;border-radius: 0.3rem;}

    .ind02 .work_02 a span{ padding-left: 2.7rem;}
    .ind02 .work_02 a:nth-child(2n){margin-right: 0;}

    .ind02 .work_02 .a1 span{background: url(../../images/zj/mobile/work_4.png) left center no-repeat;background-size: 1.85rem auto;}
    .ind02 .work_02 .a1:hover span{background: url(../../images/zj/mobile/work_4s.png) left center no-repeat;background-size: 1.85rem auto;}

    .ind02 .work_02 .a2 span{background: url(../../images/zj/mobile/work_5.png) left center no-repeat; background-size: 1.9rem auto;}
    .ind02 .work_02 .a2:hover span{background: url(../../images/zj/mobile/work_5s.png) left center no-repeat;background-size: 1.9rem auto;}

    .ind02 .work_02 .a3 span{background: url(../../images/zj/mobile/work_6.png) left center no-repeat; background-size: 1.6rem auto;}
    .ind02 .work_02 .a3:hover span{background: url(../../images/zj/mobile/work_6s.png) left center no-repeat;background-size: 1.6rem auto;}

    .ind02 .work_02 .a4 span{background: url(../../images/zj/mobile/work_7.png) left center no-repeat;background-size: 2.1rem auto; }
    .ind02 .work_02 .a4:hover span{background: url(../../images/zj/mobile/work_7s.png) left center no-repeat;background-size: 2.1rem auto;}

    .ind02 .work_02 .a5 span{background: url(../../zhongdian/1spypaq.png) left center no-repeat;background-size: 1.85rem auto;}
    .ind02 .work_02 .a5:hover span{background: url(../../zhongdian/1spypaq_hov.png) left center no-repeat;background-size: 1.85rem auto;}

    .ind02 .work_02 .a6 span{background: url(../../zhongdian/2hjbh.png) left center no-repeat; background-size: 1.9rem auto;}
    .ind02 .work_02 .a6:hover span{background: url(../../zhongdian/2hjbh_hov.png) left center no-repeat;background-size: 1.9rem auto;}

    .ind02 .work_02 .a7 span{background: url(../../zhongdian/3zdcq.png) left center no-repeat; background-size: 1.6rem auto;}
    .ind02 .work_02 .a7:hover span{background: url(../../zhongdian/3zdcq_hov.png) left center no-repeat;background-size: 1.6rem auto;}

    .ind02 .work_02 .a8 span{background: url(../../zhongdian/4jgsf.png) left center no-repeat;background-size: 2.1rem auto; }
    .ind02 .work_02 .a8:hover span{background: url(../../zhongdian/4jgsf_hov.png) left center no-repeat;background-size: 2.1rem auto;}
    
    .ind02 .work_02 .swiper-container-horizontal > .swiper-pagination-bullets {bottom: 1rem;}


    .ind02 .work_03{width: 100%;}
    .ind02 .work_03 .tab_tit p,.ind02 .work_03 .tab_tit a{padding:0 1.6rem; line-height:4.4rem;font-size: 1.7rem;}
    .ind02 .work_03 .tab_tit i{top: 1.35rem;height:1.7rem;}
    .ind02 .work_03 .tab_tit div:first-child p,.ind02 .work_03 .tab_tit div:first-child a{padding-left: 0;}
    .ind02 .work_03 .tab_next{height:25.4rem;}
    .ind02 .work_03 .swiper-container{margin-top:2.5rem;height: 23rem;}
    .ind02 .work_03 .icon_list a{width: 25%;}
    .ind02 .work_03 .icon_list a .pic{margin: 0 auto 0.9rem;width:5.2rem;height:5.2rem;border-radius:5.2rem;}
    .ind02 .work_03 .icon_list a p{height: 4rem; font-size: 1.3rem;}

    .ind02 .work_03 .list .swiper-slide div{width:auto;}
    .ind02 .work_03 .list a{margin: 0 0.8rem 0.8rem 0; width:calc(50% - 0.4rem);height: 4rem;border-radius: 0.4rem;}
    .ind02 .work_03 .list a:nth-child(2n){margin-right: 0;}
    .ind02 .work_03 .list a p{line-height: 4rem; font-size: 1.3rem;}


    .ind02 .work_03 .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 1.1rem; }
    .ind02 .work_04{
        width: 100%;
    }
    .ind02 .work_04 a{
        margin-right:2%;
        width: 23%;
    }
    .ind02 .work_04 a span{
        padding-left: 0.7rem;
    }
    .ind02 .work_04 .a1 span{background: url(../../images/zj/index/qixiang.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    .ind02 .work_04 .a1:hover span{background: url(../../images/zj/index/qixiangs.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    
    .ind02 .work_04 .a2 span{background: url(../../images/zj/index/gongshui.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    .ind02 .work_04 .a2:hover span{background: url(../../images/zj/index/gongshui.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    
    .ind02 .work_04 .a3 span{background: url(../../images/zj/index/gongdian.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    .ind02 .work_04 .a3:hover span{background: url(../../images/zj/index/gongdians.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    
    .ind02 .work_04 .a4 span{background: url(../../images/zj/index/jiaotong.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    .ind02 .work_04 .a4:hover span{background: url(../../images/zj/index/jiaotongs.png) 1.7rem center no-repeat;background-size: 1.5rem auto;}
    
    .ind02 .interact{float: none;margin-bottom:1.5rem; padding:0 0 1.5rem 0; width: 100%;height: auto;}
    .ind02 .interact .title i{width: calc(100% - 11rem);}
    .ind02 .interact .top .pic{margin-bottom:1.1rem; width:100%;height:7.2rem;}
    .ind02 .interact .top .next a{margin: 0 3.35% 1rem 0; width:31.1%;height:8.4rem;border-radius: 0.3rem;}
    .ind02 .interact .top .next a:nth-child(3n){margin-right: 0;}
    .ind02 .interact .top .next span{margin: 1.5rem 0 0.4rem; height:4rem;}
    .ind02 .interact .top .next p{font-size:1.3rem;}
    .ind02 .interact .top .next a:last-child{margin-right: 0;width: 100%; height: 6rem;text-align: center;}
    .ind02 .interact .top .next a:hover:last-child{background: #3076bc;}
    .ind02 .interact .top .next a:last-child p{display: inline-block; padding-left:4.3rem; line-height: 6rem;background: url(../../images/zj/mobile/interact_8.png) left center no-repeat;background-size: 2.55rem auto;}
    .ind02 .interact .top .next a:hover:last-child p{color: #fff; background: url(../../images/zj/mobile/interact_8s.png) left center no-repeat;background-size: 2.55rem auto;}


    .ind02 .interact .bot .title_box{line-height:4.5rem;font-size:1.7rem;}
    .ind02 .interact .bot .recommended{margin: 1.358rem 0 1rem 0;}
    .ind02 .interact .bot .recommended span{padding:0.4rem 0.8rem; width:3.2rem;height:4rem; font-size: 1.5rem;line-height: 2rem; border-radius:0.3rem;}
    .ind02 .interact .bot .recommended p{margin:0.4rem 0 0 0.8rem; width:calc(100% - 5.8rem); font-size: 1.3rem;line-height: 2rem;}
    .ind02 .interact .bot li i{margin:0.725rem 1.2rem 0 0; width: 5rem;height:1.9rem;line-height:1.8rem;font-size: 1.2rem;border-radius: 0.8rem;}
    .ind02 .interact .bot li p{width: calc(100% - 6.3rem); font-size: 1.3rem;line-height: 3.35rem;}

    .ind02 .government{float: none;padding:0 0 1.2rem; width: 100%;height: auto;}
    .ind02 .government .title i{width: calc(100% - 11rem);}
    .ind02 .government .tab{height: auto;}
    .ind02 .government .tab_tit p,.ind02 .government .tab_tit a{padding:0 1.5rem 1rem;font-size:1.7rem;}
    .ind02 .government .tab_tit i{top: 0.275rem;height:1.7rem;}

    .ind02 .government .list{margin: 0.5rem 0 0.6rem;}
    .ind02 .government .list a{line-height: 3.1rem;}
    .ind02 .government .list i{width:0.8rem;height:3.1rem;}
    .ind02 .government .list p{width:calc(100% - 1.4rem); font-size: 1.3rem;}

    .ind02 .government .pic{margin-bottom:1.15rem; width:100%;height:7.8rem;}
    .ind02 .government .icon_box{margin-top:1.7rem}
    .ind02 .government .icon_box a{margin:0 3.48% 0.8rem 0; width:48.26%;height:5.3rem;line-height: 5.3rem;font-size: 1.3rem;border-radius: 0.2rem;}
    .ind02 .government .icon_box a i{margin-right:0.7rem;width:2.5rem;height:5.3rem;}
    .ind03{padding-bottom: 1px;}
    .ind03 .title i{width: calc(100% - 11rem);}
    .ind03 .swiper-container{margin:0 auto 1.7rem;width: 100%;}
    .ind03 .swiper-container .swiper-slide{width:14.2rem;}
    .ind03 .swiper a{margin-right:0.9rem; width:13.3rem;height:6.4rem;}

    .ind03 .wx{margin-bottom:2.2rem;height: auto; background:#5b9bf2 url(../../images/zj/mobile/wx_bac.jpg) left bottom no-repeat;background-size: 100% auto;}
    .ind03 .wx .tit{margin:0 auto;padding:2.35rem 0 2.5rem;width: 63.18%;max-width: 436px;}
    .ind03 .wx .next{padding:0 2.1rem;}
    /* .ind03 .wx .pic{ margin-bottom:2.2rem;margin-right: calc((100% - 22.8rem)*0.25); width: auto;height:auto;} */
    .ind03 .wx .pic{margin: 0 0 2.2rem 0;width: 33%; height: auto;}
    .ind03 .wx .pic:nth-child(4n){margin-right: 0;}
    .ind03 .wx .pic .bor_box{margin: auto; width: 5rem;height: 5rem; text-align: center;border:#4587e7 0.35rem solid;}
    .ind03 .wx .pic .bor_box img{transition: all 0.5s; display: inline-block;width:calc(100% - 1px);max-width: 100%; max-height: 5rem; vertical-align: middle; -ms-interpolation-mode: bicubic;}
    .ind03 .wx .pic .bor_box span{display: inline-block;height: 5rem;width: 1px;vertical-align: middle;}
    .ind03 .wx .pic .text img{max-width: 100%; max-height: 1.35rem;}

    .m_suspension{position: fixed;right: 0;bottom: 30%;width: 6rem;height: 6rem;background:#bcd060 url(../../images/zj/mobile/icon_7.png) center no-repeat;background-size: 2.75rem auto;border-radius: 0.5rem;}

}
@media screen and (min-width:1201px){
    .sec1 .firContent .firTop,.sec1 .secContent{visibility: hidden;}
    .sec1.swiper-slide-active .firContent .firTop{
        visibility:visible;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        animation-delay: 0.3s;
        -webkit-animation-delay: 0.3s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }
    .sec1.swiper-slide-active .secContent{
        visibility:visible;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        animation-delay: 0.6s;
        -webkit-animation-delay: 0.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }
    .header,.ind01 .top,.ind01 .Nav_next,.ind02 .work,.ind02 .interact,.ind02 .government{visibility: hidden;}
    .sec2.swiper-slide-active .header{
        visibility:visible;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        animation-delay: 0.8s;
        -webkit-animation-delay: 0.8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInDown;
        animation-name: slideInDown;
    }
    .sec2.swiper-slide-active .ind01 .top,.sec2.swiper-slide-active .ind01 .Nav_next,.sec2.swiper-slide-active .ind02 .work,.sec2.swiper-slide-active .ind02 .interact,.sec2.swiper-slide-active .ind02 .government{
        visibility:visible;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        animation-delay: 1s;
        -webkit-animation-delay: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: slideInUp;
        animation-name: slideInUp;
    }
    .sec2.swiper-slide-active .ind01 .Nav_next{
        animation-delay: 1.2s;
        -webkit-animation-delay: 1.2s;
    }
    .sec2.swiper-slide-active .ind02 .work{
        animation-delay: 1.4s;
        -webkit-animation-delay:1.4s;
    }
    .sec2.swiper-slide-active .ind02 .interact{
        animation-delay: 1.6;
        -webkit-animation-delay: 1.6s;
    }
    .sec2.swiper-slide-active .ind02 .government{
        animation-delay: 1.8s;
        -webkit-animation-delay: 1.8s;
    }

}


@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -300px, 0);
        transform: translate3d(0, -300px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0, -300px, 0);
        transform: translate3d(0, -300px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0, 300px, 0);
        transform: translate3d(0, 300px, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}
@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(800px, 0, 0);
        transform: translate3d(800px, 0, 0);
        visibility: visible
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}
@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-800px, 0, 0);
        transform: translate3d(-800px, 0, 0);
        visibility: visible;
        opacity: 0;
    }
    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        opacity: 1;
    }
}