/*===============================banner=======================================*/
#defbanner{padding-top:0px;}
.swiper-slide-b{ position:relative; z-index:10;}
.swiper-slide-b a{display:block;position:relative;width:100%;height:100%;}
.swiper-slide-b a .img_pic{display:block;width:100%;height:100%;background-position:top center;position:relative;}
.swiper-slide-b a .img_cover{display:none; width:80%;height:auto;text-align:left;position:absolute; left:10%;top:50%;transform:translateY(-50%); z-index:12;}
.swiper-slide-b a .img_cover strong{font-size:28px;color:#fff;display:block;}
.swiper-slide-b a .img_cover h1{display:block;width:100%;line-height:2;padding:0%; z-index:91;color:#fbf20d;font-size:68px;text-shadow:5px 5px 2px #00000030;position:relative;}
.swiper-slide-b a .img_cover h1:after{display:block;width:60px;height:4px;content:"";background:#fff;position:absolute;left:0;bottom:0;}
.swiper-slide-b a .img_cover h2{display:block;width:100%;line-height:2; padding:0%;z-index:91;color:#fbf20d;font-size:28px;text-shadow:2px 2px 2px #00000030;margin-top:16px;}
.swiper-slide-b a .img_cover ._btn1{text-align:center;margin:30px 0;}
@media screen and (max-width:1080px) {
    #defbanner{padding-top:0px;}
    .swiper-slide-b a .img_cover strong{font-size:28px;color:#fff;display:none;}
    .swiper-slide-b a .img_cover h1{font-size:24px;}
    .swiper-slide-b a .img_cover h1:after{display:none;width:60px;height:2px;content:"";background:#fff;position:absolute;left:0;bottom:0;}
    .swiper-slide-b a .img_cover h2{font-size:18px;margin-top:0;}
    .swiper-slide-b a .img_cover{display:block; width:80%;height:auto;text-align:left;position:absolute; left:10%;top:20%;transform:translateY(-0%); z-index:12;}
    /*
    .swiper-slide-b .img_cover div.text_bg{display:block;width:600px;height:100px;padding:2%; position:relative;top:initial;left:4%;z-index:90;}
    .swiper-slide-b .img_cover h1{display:block;width:100%;height:60px;line-height:1; padding:0%; position:absolute;top:calc(50% - 30px);left:0;z-index:91;color:#ffffff;font-size:32px;}
    .swiper-slide-b .img_cover h2{display:block;width:100%;height:60px;line-height:60px; padding:0%; position:absolute;top:50%;left:0;z-index:91;color:#ffffff96;font-size:18px;text-shadow:initial;}
    .swiper-slide-b .img_cover a{display:none;}
    */
    .swiper-button-prev-white,.swiper-button-next-white{display:none;}
}
/*===============================default common=======================================*/
.ad{display:block;width:100%;}
.ad img{width:100%;}
.defblock{font-size:12pt;line-height:28px;color:#666;}
.defblock {padding:60px 0px 60px 0px;}
.defblock .pagewd {margin:0px auto;}
.defblock .pagewd h3 {font-weight:400;height:auto;min-height:80px; color:#000;text-align:center;margin-bottom:30px;position:relative;}
.defblock .pagewd h3:after{display:block;content:"";clear:both;width:100%; }
.defblock .pagewd h3.cen{text-align:center;}
.defblock .pagewd h3 i{display: block;font-size: 16px;color: #000;text-transform: uppercase;font-weight: bold;line-height: 30px;}
.defblock .pagewd h3 small {display: block;font-size:32px;font-weight:500;z-index:9;position:relative;margin-top:0px;
                             background: #fafafa;
                             -webkit-background-clip: text;
                             -webkit-text-fill-color: transparent; 
                             text-transform:uppercase;color:#0354a3;
                             font-weight:bold;
}
.defblock .pagewd h3 small em{color:#000000;}
.defblock .pagewd h3 font {display:block; margin-left:0px;color:#0354a3;font-size:18pt; line-height:40px;position:relative;top:20px;z-index:1}
.defblock .pagewd .pagemore01 {font-size:10pt; margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#999;line-height:46px;/*background:#f1f1f1;*/ border:1px solid #f1f1f1;}
.defblock .pagewd .pagemore02 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;color:#fff;line-height:46px;background: #000000;transform: translateX(0);}
.defblock .pagemore03 {font-size:10pt;margin: 50px 0;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:right; color:#fff;line-height:46px;background: #000000;transform: translateX(0);}
.defblock .pagewd .pagemore01:hover,.defblock .pagewd .pagemore02:hover{width:220px;transition: all ease 0.5s;}
/*
.defblock .pagewd h3 small:before, .defblock .pagewd h3 small:after {content: '';position: absolute; top: 50%;background: #062568;width: 120px;height: 2px;z-index:1}
.defblock .pagewd h3 small:before {left: calc(43% - 120px);}
.defblock .pagewd h3 small:after {right: calc(43% - 120px);}
*/
.defblock .about_mgr{margin:0% auto 0% auto;padding:0px 0% 0px 0%;}
.def_yslist{padding:60px 0% 60px 0%;}
.readmore {
    background:#e82523;
    color: #ffffff;
    border: 1px solid #e82523;
    height: 40px;
    line-height: 40px;
    width:120px;
    border-radius:5px;
    display:block;
    margin:0px auto 60px auto;
}
/*主打产品*/
.defitem_list{padding-bottom:60px;}
.defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
.defitemwrap {padding:0px 0px;}
.defitembox {display: block;width: 100%;overflow:hidden;}
.defitembox a {display:block;width:100%;overflow:hidden;margin:30px auto;}
.defitembox a img{display:block;width:100%;margin:0px auto; transition:all .3s;background:#000000;border-radius:0%;transition:all .3s;}
.defitembox span.faa{font-size:20px;font-weight:600;}
.defitembox p{font-size:12pt;text-align:left;color:#999;}
.defitembox:hover a img{display:block;overflow:hidden;background:#923047;transform:rotateY(180deg); transition:all .3s;}
/*公司介绍*/

ul._icon {display:flex;justify-content:left;margin:60px auto;}
ul._icon a{display:block;flex:1;margin-right:60px;text-align:center;font-size:small;}
ul._icon a font.iconfont{display:block;width:80px;height:80px;margin:0px auto;line-height:80px;text-align:center;font-size:60px;color:#0354a3;}

.defabout-wrap{width:100%;margin:0px auto;color:#333;padding:0px 0 0px 0;position:relative;z-index:0}

.def_about{position:relative;z-index:0;display:block;background:url(../images/bg_about.jpg) no-repeat center center; background-attachment:fixed;}
.def_about h3{text-align:left;-webkit-text-fill-color:initial;}
.def_about h3 font{text-align:left;color:#0354a3;-webkit-text-fill-color:initial;}
.def_about .pagewd h3 small{text-align:left;color:#0354a3;-webkit-text-fill-color:initial;}
.defabout-wrap{display:block;position:relative;z-index:3;background:initial;}
.defabout-wrap:after{display:block;content:"";width:100%;clear:both;}

.swiper._priceSwiper{width:100%;height:40px;overflow:hidden;}
.swiper._priceSwiper a{color:#fff;line-height:40px;}
.swiper._priceSwiper .iconfont{color:#faee10;font-size:24px;line-height:40px;}
.swiper .swiper-pagination-bullets{display:none;}

.page_index_text{display:block;float:left;width:100%;padding-left:0%; text-align:left;font-size:12pt;color:#999;z-index:2;position:relative;margin-top:3%;padding-left:0%;padding-bottom:0%;}
.page_index_text h2{margin-bottom:16px;position:relative;color:#0354a3;}
.page_index_text h1{font-size:32px;color:#000;margin-bottom:30px;font-weight:400;}
.def_about .pagwd .page_index_text h3{color:#333;}
.page_index_text span{display:block;width:100%;color:#333;margin:20px auto}
.page_index_text a.readmore{display:block;width:120px;color:#fff;background:#e82523; border:1px solid #e82523;font-size:12px;text-align:center;margin-top:30px;margin-left:initial;margin-right:initial;}
.page_index_text .contel{margin-top:40px;font-size:24px;line-height:40px;}
.page_index_text .contel span.iconfont{color:#fff;background:#0354a3;border-radius:50%;display:inline;float:left; width:40px;height:40px;text-align:center;line-height:40px;margin:0px;margin-right:20px;}
.def_count{background:url(../images/bg_count.jpg) no-repeat top center;background-attachment:fixed;position:relative;z-index:0;}
.def_count:after{display:block;width:100%;height:100%;content:"";position:absolute;background: #000000;opacity:0.8;left:0px;top:0px;z-index:1;}
.def_count .pagewd{position:relative;z-index:2;}
.page_count{display:block;float:initial;width:100%;z-index:2;padding-top:106px;padding-bottom:20px;z-index:2;}
.page_count .about_box{clear:both; display:block;width:100%; margin-right:0;font-size:32px;line-height:2;letter-spacing:.125em;padding:10px 0;position:relative;text-align:center;
                       border-top:1px solid #dcdcdc;
}
.page_count .about_box:last-child{border-bottom:1px solid #dcdcdc;}
.page_count .about_box:after{display:block;content:"";width:100%;clear:both;}
.page_count .about_box:before{display:block;width:40px;height:1px;content:"";background:#0354a3;position:absolute;left:0;top:-1px;animation: move-line 4s linear infinite;}
.page_count .about_box+.about_box:before{ animation-delay: 0.75s;}
.page_count .about_box+.about_box+.about_box:before{ animation-delay: 1.5s;}
@keyframes move-line {
    0% {left: -24px}
    100% {left: 100%}
}

.page_count .about_box b{display:inline;float:left;min-width:220px; color:#333;font-size:70px;text-align:right;}
.page_count .about_box font{font-size:14px;position:absolute;top:0px;right:20%;color:#333;}
.page_count .about_box span{display:inline;float:left; font-size:14px;letter-spacing:initial;color:#333;position:absolute;left:240px;bottom:40px;}
.page_count .about_box:nth-child(4n+1) b{min-width:220px;}
.page_count .about_box:nth-child(4n+1) span{left:240px;}
.page_count .about_box:hover{color:#000000}
.page_count .about_box+.about_box+.about_box:hover{color:#000000}

.page_sop img{width:100%;}
.page_sop .swiper-slide{text-align:center;font-size:small;position:relative;}
.page_sop .swiper-slide label{display:block;width:100%;height:100%;line-height:100%;color:#fff; position:absolute;left:0px;top:0px;background:linear-gradient(180deg,#00000000, #00000050);}
.page_sop .swiper-slide label em {display:block;width:100%;height:40px;line-height:40px;position:absolute;bottom:0;}


._fpic{display:block;position:relative;}
._fpic ul li {display:inline;float:left;width:32%;margin-right:2%;}
._fpic ul li:last-child{margin-right:0;}
._fpic ul li img{border-radius:10px;}


.defblock.def_video {display:block;width:100%;margin:0px auto 0 auto;position:relative;z-index:0;}
.defblock.def_video:after{display:block;content:"";width:100%;clear:both;}
.defblock.def_video video{width:100%;}

.def_video{display:block;overflow:hidden;}
.def_video .pagewd {position: relative;z-index:2;}
.def_video .bg_layer{display:block;width:100%;position:absolute;left:0;top:0;z-index:1;}
.def_video .pagewd .fl{width:40%;min-height:400px;background:#000;position:relative;}
.def_video .pagewd:after{display:block;content:"";width:100%;clear:both;}

.video {display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;}
.video img {width: 100%;}
.video span.iconfont{display:block;position:absolute;left:calc(50% - 40px);top:calc(50% - 40px);width:80px;height:80px;line-height:80px;text-align:center; font-size:49px;color:#ffffff;opacity:0.85;font-weight:300;background:#0354a3;border-radius:50%;}

@media screen and (min-width:1081px) and (max-width:1360px) {
    .defblock .pagewd {margin:0px auto;text-align:center;width:95%;}
    .page_index_pic img{width:400px;}
    #footer_warp .pagewd{width:95%;}
}

.def_hots {background: #f7f7f7;}
@media screen and (max-width:1080px) {
    .defblock .pagewd h3 {font-weight:400;height:auto; color:#000;text-align:center;margin-bottom:30px;position:relative;min-height:initial;}
    .defblock .pagewd h3 small:after {display: block;content: "";width: 60px;height: 2px;background: #0354a3;position: absolute;left:calc(50% - 30px);bottom: -10px;}
    .defblock .pagewd h3.contel{text-align:center;justify-content:center;}
    .defblock .pagewd h3 small:before, .defblock .pagewd h3 small:after {content: '';position: absolute; top: 50%;background: #062568;width: 120px;height: 2px;z-index:1;display:none;}
    .defblock .pagewd h3 small:before {left: calc(43% - 120px);}
    .defblock .pagewd h3 small:after {right: calc(43% - 120px);}

    .page_index_text .contel span.iconfont{display:inline;float:initial;font-size:20px;line-height:20px;padding:5px;margin-right:5px;}

    .defblock{padding:30px 0px 30px 0px;font-size:14px;}
    .defblock .pagewd {clear:both; width:100%;padding:0%; margin:0px auto;position:relative;}
    .def_bb{padding:0px 0px 0px 0px;background:#fff;}
    .def_bgrdp70 {padding:30px 0px 30px 0px;}
    .def_bg{background:rgba(55,79,90,.9);background-size:400% auto;padding:20px 0px 20px 0px;}    
    .defblock .about_mgr{width:100%; margin:0% auto 0% auto;padding:0px 0 0px 0;}   
    /*公司介绍*/
    .def_about {padding:30px 0 30px 0;}
    .def_about .pagewd{padding:0%;width:100%;}
    .page_index_text h1{font-size:28px;}
    .page_index_text{width:45%;padding:50px 2.5% 0px 2.5%; text-align:left;font-size:12pt;color:#999;}
    /*主打产品*/
    .defitem_list:after{display:block;content:"";width:100%;height:1px;clear:both;margin-bottom:0px;}
}
._pover {display:block;position:relative;z-index:0;}         
._pover:after {display:block;position:absolute;content:"";width:100%;height:100%;background:#ffffff;opacity:0;left:0;top:0;transition:all .3s;}
._pover:hover:after {display:block;position:absolute;content:"";width:100%;height:0%;background:#ffffff;opacity:0.95;left:0%;top:50%;transition:all .3s;}
._pover:before {display:block;position:absolute;content:"";width:100%;height:100%;background:#ffffff;opacity:0;left:0;top:0;transition:all .4s;z-index:2;}
._pover:hover:before {display:block;position:absolute;content:"";width:0%;height:100%;background:#ffffff;opacity:0.95;left:50%;top:0;transition:all .4s;z-index:2;}

._yover{display:block;position:relative;}
._yover:before{display:block;content:""; width:200px;height:200px;border-radius:20px; background:#ffffff;opacity:0.2;transform:rotate(45deg);position:absolute;left:-125px;bottom:0;transition:all .3s;}
._yover:after{display:block;content:""; width:200px;height:200px;border-radius:20px; background:#ffffff;opacity:0.2;transform:rotate(45deg);position:absolute;left:-150px;bottom:-50px;transition:all .5s;}
._yover:hover:before{display:block;content:""; width:400px;height:400px;border-radius:0px; background:#ffffff;opacity:0.3;transform:rotate(0deg);position:absolute;left:0px;bottom:0;transition:all .3s;}
._yover:hover:after{display:block;content:""; width:200px;height:200px;border-radius:20px; background:#ffffff;opacity:0.3;transform:rotate(135deg);position:absolute;left:initial;right:-150px; bottom:25px;transition:all .5s;}


             
.def_about .anim-icon{display:block;position:absolute;width:100%;min-height:720px;height:100%;left:0;top:0;}
.def_about .icon__layer{position:absolute;width:100%;height:100%;left:0;bottom:0;background-repeat:repeat-x;background-attachment:fixed;}
/*产品*/

/*分类*/
.defblock .pagewd ul.def_catalist {display:flex;justify-content:center;margin:30px auto 30px auto;}
.defblock .pagewd ul.def_catalist li{margin:0 1%;}
.defblock .pagewd ul.def_catalist li h3{display:block;width:120px;height:50px;background:#f6f7fb;line-height:50px;padding:0 25px;border-radius:25px;text-align:center;margin-bottom:0px;}
.defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
.defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
.defblock .pagewd ul.def_catalist li h3.cur{background:#0354a3;}
.defblock .pagewd ul.def_catalist li h3.cur a{color:#fff;}

.def_bgtype{padding:3% 0 2% 0;}
.showbox3451{display:inline;float:left;margin-bottom:2%}
.showbox3451 ._pic{display:block;width:100%;overflow:hidden;position:relative;}
.showbox3451 ._pic img{transition:all .3s}
.showbox3451 ._tit{display:block;padding:20px;text-align:left;position:relative}
.showbox3451 ._tit a{display:block;position:relative}
.showbox3451 ._tit a:after{display:block;content:"";width:100%;clear:both}
.showbox3451 ._tit a:before{display:block;content:"";width:40px;height:1px;background:#232323;clear:both;position:absolute;right:0;bottom:0;transition:all .3s}
.showbox3451:hover{box-shadow:0 0 30px rgba(0,0,0,.14)}
.showbox3451:hover ._tit{background:#0354a3}
.showbox3451:hover ._tit a{color:#fff}
.showbox3451:hover ._tit a:before{display:block;content:"";width:100%;height:1px;background:#fff;clear:both;position:absolute;right:0;bottom:0;transition:all .3s}
.showbox3451:hover ._pic a img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition:.3s transform}
.showbox3451 ._tit span{display:inline;float:left;width:calc(100% - 60px);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.showbox3451 ._tit em{display:block;width:40px;height:40px;font-size:28px;text-align:center;line-height:40px;position:absolute;right:0;bottom:0}
.showbox3451 ._pic img{display:block;width:100%}

/*优势*/
.defblock .pagewd .ysmenu{display:block;float:initial;width:80%;margin:0 10%;}
.defblock .pagewd .yslist{display:block;float:initial;width:100%;margin:60px auto 60px auto;}
.defblock .pagewd .yslist:after{display:block;content:"";width:100%;clear:both;}
.defblock .pagewd .yslist .ysbox{display:inline;float:left; border-radius:10px;padding:0 0px;position:relative;z-index:0;overflow:hidden;border:1px solid #dcdcdc;color:#fff;}
.defblock .pagewd .yslist .ysbox .iconfont{display:block;width:120px;height:120px;margin:2% auto 0 auto;line-height:120px;font-size:54px;}
.defblock .pagewd .yslist .ysbox img{width:50%;border-radius:50%;margin:0px auto;z-index:2;position:relative;border:2px solid #000000;}
.defblock .pagewd .yslist .ysbox h4{display:block;position:relative;height:60px;line-height:60px;font-size:18px;}
.defblock .pagewd .yslist .ysbox h4:after{display:block;content:"";width:40px;height:4px;background:#000000;position:absolute;left:calc(50% - 20px);bottom:0px;}
.defblock .pagewd .yslist .ysbox p{display:block;width:80%;padding:0 10%;font-size:small;min-height:100px;color:#fff;}

.def_yslist{position:relative;display:block;min-height:720px;padding-bottom:0;background:#f7f8fd;}
.def_yslist .anim-icon{display:block;position:relative;width:100%;min-height:720px}
.def_yslist .icon__layer{position:absolute;width:100%;height:500px;right:0;bottom:0;background-repeat:repeat-x;animation:slidetwo 100s linear infinite;-webkit-animation:slidetwo 100s linear infinite}
.def_yslist .about_mgr{position:absolute;width:80%;left:10%;top:120px}

.ysmenu {display:block;position:relative;top:30px;}
.ysmenu ._txt{color:#333;text-align:left;}
.ysmenu ._btn{color:#fff;display:block;width:160px;height:38px;line-height:38px;text-align:center;border:1px solid #dcdcdc; margin-top:60px;font-size:small;position:relative;z-index:0;}
.ysmenu ._btn:after{opacity:0;width:0%;background:#fff;height:100%;content:"";display:block;position:absolute;left:0;top:0;z-index:-1;transition:all .3s;}
.ysmenu ._btn:hover{color:#0354a3;display:block;width:160px;height:38px;line-height:38px;text-align:center;border:1px solid #0354a3; margin-top:60px;}
.ysmenu ._btn:hover:after{opacity:1;width:100%;background:#fff;transition:all .3s;}
.ysmenu ._pic{display:block;width:100%;}
.ysmenu ._pic img{display:block;width:100%;}
/*关于我们*/
.def_about h3 small{text-align:left;}
.page_index_fact{display:inline;float:left;width:45%;overflow:hidden;padding:0px 0;position:relative;}
.page_index_fact ._fpic{padding:20px 0;}
.page_index_fact ._fpic img{width:100%;transition:all .3s;}
.page_index_count{display:inline;float:right;width:40%;overflow:hidden;padding:0px 0;position:relative;}
.page_index_count:after{display:block;content:"";width:40px;height:1px;background:#0354a3;position:absolute;left:0;bottom:20px;animation: move-line 4s linear infinite;}
@media screen and (max-width:1080px) {
    .page_index_fact{display:inline;float:right;width:100%;overflow:hidden;padding:0px 0;position:relative;}
    .def_application{display:block;position:relative;width:95%;padding:0 2.5%;}

    .page_index_count{display:inline;float:right;width:100%;overflow:hidden;padding:0px 0;position:relative;}
}
/*工程案例*/
.showbox345{display:inline;float:left;position:relative;}
.showbox345 .showbox_pic{display:block;width:100%;position:relative;z-index:0;}
.showbox345 .showbox_pic a{display:block;width:100%;position:relative;z-index:1;}
.showbox345 .showbox_pic a img{display:block;width:100%;transition:all .3s;}
.showbox345 .showbox_pic{display:block;width:100%;position:relative;z-index:0;}
.showbox345 .showbox_tit {display:block;opacity:0; position:absolute; width:100%;height:100%; left:0;top:0; text-align:center;overflow:hidden; margin-top:0px;background:#0354a3;z-index:2;transition:all .3s;}
.showbox345 .showbox_tit a{display:block;position:relative;top:50%;transform:translateY(-50%);line-height:40px;color:#fff;}
.showbox345 .showbox_tit a {display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.showbox345:hover .showbox_pic a img {-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);transition: .3s transform;}
.showbox345:hover .showbox_tit {display:block;opacity:0.85;transition:all .3s;}
.def_case{position:relative;}
.def_case .anim-icon{display:block;content:""; position:absolute;width:100%;height:100%;right:0px;top:0px;background:url(../images/shape-08.png) no-repeat 1400px center;background-size:40%;background-attachment:fixed;}
.def_case .icon__layer{display:block;content:""; position:absolute;width:100%;height:500px;right:0;bottom:0;background-repeat:repeat-x;}
/*客户反馈*/
.def_customer {display:block;position:relative;background:#000;}
.def_customer:before{display:block;content:"";width:100%;height:100%;position:absolute;background: #062568;opacity:0;left:0;top:0;}
.def_customer:after{display:block;content:"";width:100%;clear:both; }
.def_customer .pagewd h3 small{color:#fff}
.def_customer .pagewd h3 font{color:#fff}

.def_yslist .anim-icon{display:block;position:relative;width:100%;min-height:720px}
.def_customer .icon__layer4{position:absolute;width:100%;height:60px;left:0;top:0;background-repeat:repeat-x;animation:slideone 100s linear infinite;-webkit-animation:slideone 100s linear infinite}
.def_customer .icon__layer6{position:absolute;width:100%;height:60px;right:0;bottom:0;background-repeat:repeat-x;animation:slidetwo 100s linear infinite;-webkit-animation:slidetwo 100s linear infinite}
.def_customer .icon__layer7{position:absolute;width:432px;height:414px;left:0;bottom:120px;background-repeat:repeat-x;}
.showbox3453 {border:1px solid #ffffff50;border-radius:20px;position:relative;margin-top:60px;margin-bottom:120px;}
.showbox3453 ._shap{display:block;width:60px;height:40px;font-size:32px;color:#fff;background:#0354a3;position:absolute;top:-20px;right:40px;}
.showbox3453 ._shap b{color:#fff;display:block;width:100%;height:40px;line-height:40px;text-align:center;font-size:32px;}
.showbox3453 ._txt{color:#fff;padding:20px 40px;text-align:left;}
.showbox3453 ._pic{display:block;width:calc(100% - 80px);height:80px;padding:0 40px;text-align:left;color:#fff;}
.showbox3453 ._pic a.pic{display:inline;float:left;width:60px;height:60px;border-radius:50%;margin-right:20px;}
.showbox3453 ._pic a.pic img{display:block;width:100%;height:100%;border-radius:50%;}
.showbox3453 ._pic span{display:block;line-height:30px;}
.showbox3453 ._pic span.time_fmart{display:block;line-height:30px;font-size:10px;}
/*资讯动态*/
.showbox3452 ._time{line-height:60px;text-align:left;color:#777;}
.showbox3452 ._time b.icon-calendar{margin-left:20px;}
.showbox3452 ._pic{display:block;width:100%;overflow:hidden;position:relative;}
.showbox3452 ._pic img{display:block;width:100%; transition:all .3s;border-radius:10px;}
.showbox3452 ._tit{text-align:left;padding:30px 0;font-weight:bold;}
.showbox3452 ._tit span{display:block; min-height:80px;line-height:40px;}
.showbox3452 ._tit ._titmore{display:block;font-weight:400;font-size:small;text-decoration:underline;}

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

    body {overflow-x:hidden;}

    .def_count .pagewd:after{display:block;content:"";width:100%;clear:both;}
    .page_count{display:block;float:left;width:100%;z-index:2;padding-top:20px;padding-bottom:20px}
    .page_count .about_box{display:inline;flex:initial;float:left;width:50%;clear:initial;}
    .page_count .about_box b{text-align:center;}
    .def_about:before{display:none;}
    .def_about:after{display:none;}
    .page_index_tit{display:block;float:left;width:95%;height:auto;z-index:2;position:relative;text-align:left;background:#000000;margin:0;padding:5% 2.5%;border:0;}
    .page_index_text{display:block;float:right;width:90%;padding:2.5% 5%;text-align:center;font-size:14px;color:#999;z-index:2;position:relative;margin-top:0px;margin-bottom:30px;}
    .page_index_text h2:after{display:block;content:"";width:60px;height:1px;position:absolute;left:calc(50% - 30px);bottom:-10px;background:#e82523;}

    .defhotewrap{display:block;width:95%;padding:0 2.5%; }
    .defhotewrap  .col-4{display:block;width:100%;margin-right:0;}

    .defblock.def_video {display:block;width:100%;margin:0px auto 0 auto;padding:0;}
    .defblock .pagemore03 {font-size:10pt;margin: 50px auto;width: 200px;height: 46px;border-radius: 50px;text-align: center;transition: all ease 0.5s;display: block;float:initial; color:#fff;line-height:46px;background: #000000;transform: translateX(0);}

    .def_video .pagewd .fl{width:100%;min-height:initial;}
    .def_video .video{position:relative;}
    .tt_video{display:inline;float:left;width:100%;position:relative;text-align:center;padding-top:60px;}
    .tt_video p{text-align:center;}
    .bg_video{display:inline;float:right;width:100%;position:relative;}


}
@media screen and (max-width:1080px) {
    /*优势*/
    .defblock .pagewd .ysmenu{display:block;float:initial;width:100%;}
    .defblock .pagewd .yslist{display:block;float:initial;width:100%;margin:-100px auto 30px auto;}
    .defblock .pagewd .yslist:after{display:block;content:"";width:100%;clear:both;}
    .defblock .pagewd .yslist .ysbox{display:inline;float:left; border-radius:10px;padding:0 0px;position:relative;z-index:0;overflow:hidden;border:1px solid #ffffff50;color:#fff;}
    .defblock .pagewd .yslist .ysbox .iconfont{display:block;width:80px;height:80px;margin:2% auto 0 auto;line-height:80px;font-size:42px;}
    .defblock .pagewd .yslist .ysbox img{width:50%;border-radius:50%;margin:0px auto;z-index:2;position:relative;border:2px solid #000000;}
    .defblock .pagewd .yslist .ysbox h4{display:block;position:relative;height:60px;line-height:60px;font-size:18px;}
    .defblock .pagewd .yslist .ysbox h4:after{display:block;content:"";width:40px;height:4px;background:#000000;position:absolute;left:calc(50% - 20px);bottom:0px;}
    .defblock .pagewd .yslist .ysbox p{display:block;width:80%;padding:0 10%;font-size:small;min-height:100px;color:#fff;}

    .def_yslist{background:#0354a3;position:relative;display:block;min-height:initial;padding-bottom:0;height:initial;}
    .def_yslist:after{display:block;content:"";width:100%;clear:both;}
    .def_yslist .anim-icon{display:block;position:relative;width:100%;min-height:1080px}
    .def_yslist .icon__layer{position:absolute;width:100%;height:500px;right:0;bottom:0;background-repeat:repeat-x;animation:slidetwo 100s linear infinite;-webkit-animation:slidetwo 100s linear infinite}
    .def_yslist .about_mgr{position:absolute;width:90%;left:5%;top:60px}
    .def_yslist .pagewd h3 small{color:#fff}
    .def_yslist .pagewd h3 small:after{background:#fff}
    .def_yslist .pagewd h3 font{color:#fff}

    .ysmenu {display:block;position:relative;top:30px;}
    .ysmenu ._txt{color:#fff;text-align:left;}
    .ysmenu ._btn{color:#fff;display:block;width:160px;height:38px;line-height:38px;text-align:center;border:1px solid #fff; margin:30px auto;font-size:small;position:relative;z-index:0;}
    .ysmenu ._btn:after{opacity:0;width:0%;background:#fff;height:100%;content:"";display:block;position:absolute;left:0;top:0;z-index:-1;transition:all .3s;}
    .ysmenu ._btn:hover{color:#0354a3;display:block;width:160px;height:38px;line-height:38px;text-align:center;border:1px solid #0354a3; margin-top:60px;}
    .ysmenu ._btn:hover:after{opacity:1;width:100%;background:#fff;transition:all .3s;}
    .ysmenu ._pic{display:block;width:100%;}
    .ysmenu ._pic img{display:block;width:100%;}
    /*分类*/
    .defblock .pagewd ul.def_catalist {display:block;flex-wrap:wrap; justify-content:center;margin:30px auto 2.5% auto;}
    .defblock .pagewd ul.def_catalist:after{display:block;content:"";width:100%;clear:both; }
    .defblock .pagewd ul.def_catalist li{margin:0 0%;width:30%;float:left;}
    .defblock .pagewd ul.def_catalist li h3{display:block;width:120px;height:50px;background:#fff;line-height:50px;padding:0 25px;border-radius:0px;text-align:center;margin-bottom:0px;}
    .defblock .pagewd ul.def_catalist li h3 a{font-weight:500;font-size:small;display:block;color:#888;}
    .defblock .pagewd ul.def_catalist li h3 a:after{display:none;}
    .defblock .pagewd ul.def_catalist li h3.cur{background:initial;}
    .defblock .pagewd ul.def_catalist li h3.cur a{color:#000000;font-weight:bold;}
    /*.showbox310{width:calc(100% - 0px);margin-right:0px;}
    .showbox310 .showbox_pic a.pic{width:calc(100% - 2px);margin-right:0px;}*/
    .defblock .pagewd .yslist {display:block;width:95%; margin:60px auto 30px auto;justify-content:initial;clear:both;}
    .defblock .pagewd .yslist:after{display:block;content:"";width:100%;clear:both;}
    .defblock .pagewd .yslist .ysbox{flex:initial;display:inline;float:left;position:relative;transform-origin:initial;transform:initial;}
    .defblock .pagewd .yslist .ysbox+.ysbox+.ysbox{transform-origin:initial;transform:initial;}
    .defblock .pagewd .yslist .ysbox p{display:block;width:80%;padding:0 10%;font-size:small;min-height:120px;}

    .faqbox{display:inline;float:left;text-align:left;border:0px solid #390;width:calc(95% - 0px);padding:5px 2.5%;margin-bottom:0px;margin-right:0%;
            border-top:1px dashed #dcdcdc;
    }
    .faqbox a{font-size:small;}
    .faqbox:nth-child(3n){margin-right:0}

    .defitem_list{display:block;width:90%;padding:0 5%;}
    .def_solutionlst{display:block;width:90%;padding:0 5%;}
    .defblock .pagewd h3 small{font-size:22px;font-weight:500;}
    /*.page_index_text {font-size:small;}*/
    .page_index_text h2{font-size:22px;display:none;}
    .def_customer .pagewd,.def_news .pagewd{width:90%;}
}
/*about.html*/
.page_about_count {display: block;padding:80px 0;background: url(/upload/image/20230906/6382959008930707732672320.jpg) no-repeat center center;background-attachment: fixed;position:relative;z-index:0;}
.page_about_count:after {display: block;content: "";width: 100%;height: 100%;background:#0354a3;position: absolute;left: 0;top: 0;opacity: 0.9;z-index:-1;}
.page_about_count .page_count .about_box{padding-left:20px;}
.page_about_count .page_count .about_box:before{display:block;content:"";width:1px;height:100%;background:#fff;position:absolute;left:0px;top:0px;opacity:0.5;}     
.page_about_count .page_count .about_box:after{display:block;content:"";width:5px;height:30px;background:#fff;position:absolute;left:-2px;top:0px;opacity:0.95;}  
.page_about_count .page_count .about_box b{display:inline;float:left;min-width:180px; color:#fff;font-size:70px;}
.page_about_count .page_count .about_box font{font-size:14px;position:absolute;top:0px;right:20%;color:#fff;}
.page_about_count .page_count .about_box span{display:inline;float:left; font-size:14px;letter-spacing:initial;color:#fff;position:absolute;left:180px;bottom:40px;}
.page_about_count .page_count .about_box:hover{color:#000000}
.page_about_count .page_count .about_box:nth-child(4n+1) b{min-width:220px;}
.page_about_count .page_count .about_box:nth-child(4n+1) span{left:240px;}
.page_about_count .page_count .about_box+.about_box+.about_box:hover{color:#000000}
@media screen and (max-width:1080px) {
    .page_about_count .page_count{padding:0;}
    .page_about_count .page_count .about_box{ padding-left:20px;width:calc(50% - 20px);margin-bottom:2%;}
    .page_about_count .page_count .about_box:before{display:block;content:"";width:1px;height:100%;background:#fff;position:absolute;left:5px;top:0px;opacity:0.5;}     
    .page_about_count .page_count .about_box:after{display:block;content:"";width:5px;height:30px;background:#fff;position:absolute;left:3px;top:calc(50% - 15px);opacity:0.95;}  
    .page_about_count .page_count .about_box b{display:block;float:initial;min-width:100%; color:#fff;font-size:36px;}
    .page_about_count .page_count .about_box font{font-size:14px;position:absolute;top:0px;right:20%;color:#fff;}
    .page_about_count .page_count .about_box span{display:block;float:initial; font-size:14px;letter-spacing:initial;color:#fff;position:relative;left:initial;bottom:initial;}
    .page_about_count .page_count .about_box:hover{color:#000000}
    .page_about_count .page_count .about_box+.about_box+.about_box:hover{color:#000000}

    .page_about_count .page_count .about_box:nth-child(2n+1):before{display:none;}
    .page_about_count .page_count .about_box:nth-child(2n+1):after{display:none;}
}
.def_solution {
    background: #f7f8fd;
}
.def_about{position:relative;z-index:0;display:block;background:#FAFAFA; background-attachment:fixed;}
.def_bgprod {background:#fff;text-align:center;color:#fff;background-attachment:fixed;}
.def_news{color:#fff;background-attachment:fixed;position:relative;overflow:hidden;}
.def_case{color:#fff;background-attachment:fixed;position:relative;overflow:hidden;}
.def_case .caselist{padding-bottom:60px;}

.def_news .bg_layer{display:block;width:100%;height:100%; position:absolute;left:0;top:0;}
.def_case .bg_layer{display:block;width:100%;height:100%; position:absolute;left:0;top:0;}
/*service*/
.svrbox {display:block;width:50%;min-height:300px; float:left;position:relative;margin-top:2%;}
.svrbox .pic{display:inline;width:80%;position:absolute;left:0%;text-align:left;overflow:hidden;}
.svrbox .pic img{width:100%;}
.svrbox .txt{display:block;width:40%;position:absolute;right:10%; top:-15%; background:#f6f7fb;padding:5%;color:#333;transition:all .3s;}
.svrbox .txt{border-left:4px solid #1bb088;}
.svrbox .txt p.fac{color:#666;}
.svrbox:hover .txt{right:15%; top:-10%;background:#f6f7fb90;transition:all .3s;}

.svrbox:nth-child(2n) {display:block;width:50%;min-height:300px; float:right;position:relative;margin-top:2%}
.svrbox:nth-child(2n) .pic{display:inline;width:80%;position:absolute;right:0%;left:initial;text-align:right;overflow:hidden;}
.svrbox:nth-child(2n) .pic img{width:100%;margin-left:0%;}
.svrbox:nth-child(2n) .txt{display:block;width:40%;position:absolute;left:initial;left:10%; top:-15%; background:#f6f7fb;padding:5%;color:#333;}
.svrbox:nth-child(2n) .txt{border-right:4px solid #1bb088;border-left:initial;}
.svrbox:nth-child(2n):hover .txt{left:15%; top:-10%; background:#f6f7fb90;transition:all .3s;}

.in-rz{margin:90px auto 90px auto}
.in-rz:after{display:block;content:"";width:100%;clear:both}
.in-rz li{float:left;width:15%;margin-right:2%}
.in-rz li:last-child{float:left;width:15%;margin-right:0}
.in-rz li a{color:#333}
.in-rz li .wrap{display:table;width:150px;height:150px;position:relative;margin:0 auto}
.in-rz li .wrap:before{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;content:'';border:4px solid #1bb088;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotate(0);transform:rotate(0)}
.in-rz li .wrap:after{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:10px;content:'';border:4px solid #1bb088;border-bottom-color:#1bb088;border-left-color:#1bb088;-webkit-transition:all .5s;transition:all .5s;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.in-rz li .inner{display:table-cell;vertical-align:middle;text-align:center;padding:0 25px}
.in-rz li .inner p{margin:0}
.in-rz li .wrap:hover:before{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
.in-rz li .wrap:hover:after{-webkit-transform:rotate(360deg);transform:rotate(360deg)}


/*公司介绍*/
.def_about{position:relative;z-index:0;display:block;padding:120px 0 0 0;/*height:460px;overflow:hidden;*/}
.def_about:after{display:block;width:100px;height:auto; content:"HENAN DIXI ELECTRIC CO.,LTD";line-height:120px; color:#ffffff20;position:absolute;left:10%;top:50%;font-size:100PX;
                 transform:translateY(-60%);
                 -ms-writing-mode:bt-rl;
}
.def_about .bg_layer{display:none;content:"";width:100%;height:700px;position:absolute;left:0;top:0;z-index:1;}
.def_about .pagewd{position:relative;z-index:3;background:initial;}
.def_about .pagewd .page_index_text h3{color:#333;}
.def_about .pagewd .mould95400{display:block;position:relative;}
.def_about .pagewd .mould95400:after{display:block;content:"";width:100%;clear:both;}            
.def_about .pagewd .com_pic{display:inline;float:left;width:50%;height:100%;position:relative;z-index:0;}
.def_about .pagewd .com_pic img{width:100%;}
.def_about .pagewd .con_txt{text-align:left;color:#333;width:40%;padding:0% 5% 5% 5%;}
.def_about .pagewd .com_pic .com_piclist{width:calc(100% - 100px); }
._tag {display:block;width:160px;background:#0354a3;opacity:0.98;padding:40px 20px 20px 20px;color:#fff;position:absolute;right:0px;top:0px;z-index:3;}
._tag label{font-size:100px;margin-top:20px;}
._tag label em{font-size:14px;}
._tag font{display:block;height:60px;line-height:30px;border-top:1px solid #fff;margin-top:20px;padding-top:20px;text-transform:uppercase;}
._btnpiclist {display:block;width:100px;height:50px;position:absolute;left:0;bottom:0px;z-index:9;}
._btnpiclist div{display:inline;float:left;width:50%;}
._btnpiclist div span{display:block;width:50px;height:50px;line-height:50px;text-align:center;background:#e82523;font-size:28px;color:#fff;}
._btnpiclist div+div span{background:#0354a3;}
._btnpiclist .swiper-button-disabled span{background:#999;}

.def_brand{position:relative;z-index:0;display:block;padding:60px 0;/*height:460px;overflow:hidden;background:url(../images/bg_brand.jpg) no-repeat center center;background-attachment:fixed;*/overflow:hidden;}
.def_brand h3 small{text-align:center;color:#fff;}
.def_brand .bg_layer{display:block;width:100%;position:absolute;left:0;top:0;text-align:center;}
.def_brand .bg_layer img{display:block;margin:-60px auto;width:100%;}
.brandpic {display:block;position:absolute;top:-50px;right:-0px;transition:all .3s;}
.brandlist {display:block;align-items:stretch;color:#333;width:100%;padding-top:60px;}
.brandlist:after{display:block;content:"";width:100%;clear:both;}

.customerbox{align-items:strech;}
.customerbox label{display:block;position:relative;}
.customerbox label em{display:block;font-size:small;text-transform:uppercase;font-weight:300;}
.customerbox label font{font-size:18px;padding:4px 15px;background:#0354a3;border-radius:5px;color:#fff;}
.customerbox label:after{display:block;width:40px;height:4px;content:"";background:#0354a3;position:absolute;left:0;bottom:0;transition:all .3s;}
.customerbox:hover label:after{display:block;width:100%;height:4px;content:"";background:#0354a3;position:absolute;left:0;bottom:0;transition:all .3s;}
.customerbox p{display:block;margin-top:0px;}
.customerbox p span{display:block;text-transform:uppercase;font-weight:300;}
.customerbox{display:inline;float:left;margin-bottom:0px;}
.customerbox p img{display:block;width:100%; }

.casebox{align-items:strech;}
.casebox label{display:block;position:relative;text-align:left;}
.casebox label em{display:block;font-size:small;text-transform:uppercase;font-weight:300;color:#fff;}
.casebox label font{font-size:18px;padding:4px 15px;background:#0354a3;border-radius:5px;color:#fff;}
.casebox label:after{display:block;width:40px;height:4px;content:"";background:#0354a3;position:absolute;left:0;bottom:0;transition:all .3s;}
.casebox:hover label:after{display:block;width:100%;height:4px;content:"";background:#0354a3;position:absolute;left:0;bottom:0;transition:all .3s;}
.casebox p{display:block;margin-top:10px;}
.casebox p span{display:block;text-transform:uppercase;font-weight:300;}
.casebox{display:inline;float:left;margin-bottom:60px;}
.casebox p img{display:block;width:100%; }

.defblock .contact ul {display:flex;justify-content:center;width:80%;margin:0px auto;}
.defblock .contact ul li{flex:1;text-align:center;margin:0 20px;padding:20px 50px;position:relative;z-index:0;color:#fff;}
.defblock .contact ul li:after{display:block;content:"";width:100%;height:100%;background:#0354a3;position:absolute;left:0;top:0;opacity:0.58;z-index:-1;transition:all .3s;}
.defblock .contact ul li:before{display:block;content:"";width:calc(100% - 40px);height:calc(100% - 40px); border:1px dashed #fff; position:absolute;left:20px;top:20px;opacity:0.28;z-index:1;transition:all .3s;}
.defblock .contact ul li em{display:block;width:80px;height:80px;line-height:80px;text-align:center;font-size:72px;color:#fff;margin:0px auto;}
.defblock .contact ul li strong{display:block;}
.defblock .contact ul li label{line-height:30px;min-height:60px;font-size:small;}
.defblock .contact ul li:hover:after{opacity:1;transition:all .3s;}
.defblock .contact ul li:hover:before{opacity:1;transition:all .3s;}
.defblock .pagewd h3 small{-webkit-text-fill-color:initial;}
.defblock .contact a.maps {display:block;width:calc(80% - 40px);margin:40px auto;}
.defblock .contact a.maps img{width:100%;text-align:center;}

.waveWrapper{overflow:hidden;position:absolute;left:0;right:0;bottom:0;margin:auto;display:block;width:100%;height:100%;z-index:-1;}
.waveWrapperInner{position:absolute;width:100%;overflow:hidden;height:100%;bottom:-1px;background-image:#fff;z-index:2;}
.bgTop{z-index:15;opacity:.5}
.bgMiddle{z-index:10;opacity:.75}
.bgBottom{z-index:5}
.wave{position:absolute;left:0;width:200%;height:100%;background-repeat:repeat no-repeat;background-position:0 bottom;transform-origin:center bottom}
.waveTop{background-size:50% 100px}
.waveAnimation .waveTop{animation:move-wave 3s;-webkit-animation:move-wave 3s;-webkit-animation-delay:1s;animation-delay:1s}
.waveMiddle{background-size:50% 120px}
.waveAnimation .waveMiddle{animation:move_wave 10s linear infinite}
.waveBottom{background-size:50% 100px}
.waveAnimation .waveBottom{animation:move_wave 15s linear infinite}

@media screen and (max-width:1080px) {
    .mlft {margin:30px auto;}
    .def_about{display:block; padding:0 0 0px 0;}
    .def_about:after{display:none;}
    .def_about h3 small{text-align:center;}
    .def_about .pagewd .con_txt{display:block; text-align:left;color:#333;width:90%;padding:5% 5% 5% 5%;background:initial;}
    .def_about .pagewd .con_txt:after{display:block;content:"";width:100%;clear:both;}
    .def_about .pagewd .com_pic{display:inline;float:left; width:100%;height:100%;position:relative;z-index:3;}
    .def_about .pagewd .com_pic .com_piclist{width:calc(100% - 0px); }
    .defblock .pagewd h3 font{font-size:14pt;}

    ._tag {display:block;width:calc(100% - 40px);background:#0354a3;opacity:0.98;padding:20px 20px 20px 20px;color:#fff;position:relative;left:0px;top:0px;z-index:3;}
    ._tag label{font-size:40px;margin-top:20px;}
    ._tag label em{font-size:14px;}
    ._tag font{display:block;height:60px;line-height:30px;border-top:1px solid #fff;margin-top:10px;padding-top:10px;text-transform:uppercase;font-size:12px;}

    .def_brand  h3 small{text-align:center;}

    ._btnpiclist {display:block;width:100px;height:50px;position:absolute;left:calc(50% - 50px);bottom:-25px;z-index:9;}


    .brandlist{width:90%;padding-top:60px;}
    .brandbox{display:inline;float:left;width:49%;margin-right:2%; margin-bottom:60px;}
    .brandbox:nth-child(3n){margin-right:2%;}
    .brandbox+.brandbox+.brandbox+.brandbox+.brandbox{width:49%;}
    .brandbox:nth-child(2n){margin-right:0%;}

    .brandbox label:after{display:block;width:40px;height:4px;content:"";background:#0354a3;position:absolute;left:0px;bottom:0;}
    .brandpic {display:block;width:50%; position:absolute;top:initial; right:-0px;transition:all .3s;}
    .brandpic img{width:100%;}

    .def_case .caselist{width:90%;margin:0px auto;}

    .defblock .contact ul {display:block;justify-content:center;width:100%;margin:0px auto;}
    .defblock .contact ul li{flex:initial;text-align:center;margin:0 20px 20px 20px;background:#ffffff50;padding:20px 50px;display:block;width:initial;}
    .defblock .contact ul li em{display:block;width:80px;height:80px;line-height:80px;text-align:center;font-size:72px;color:#fff;margin:0px auto;}
    .defblock .contact ul li strong{display:block;}
    .defblock .contact ul li label{line-height:30px;min-height:60px;font-size:small;}
    .defblock .pagewd h3 small{-webkit-text-fill-color:initial;}
    .defblock .contact a.maps {display:block;width:90%;margin:20px auto;}
    .defblock .contact a.maps img{width:100%;text-align:center;}

    .foots{display:block;}

    .waveWrapper{display:none;}

    .def_bgprod {
        padding-top: 60px;
    } 

}

/*wave*/
@keyframes move_wave {
0% {transform: translateX(0) translateZ(0) scaleY(1)}
50% {transform: translateX(-25%) translateZ(0) scaleY(0.55)}
100% {transform: translateX(-50%) translateZ(0) scaleY(1)}
}