.banner-video{width: 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(1.2); z-index: 0;} .container{width:100%;/*padding-right:15px;padding-left:15px;*/margin-right:auto;margin-left:auto} .container{ min-width:90%;} @media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}} /* 姒х婢*/.jiantou{cursor: default;} .swiper-pagination{font-size: 16px;left: 50%;transform: translate(-50%, 10px);-webkit-transform: translate(-50%, 10px);-moz-transform: translate(-50%, 10px);-ms-transform: translate(-50%, 10px);-o-transform: translate(-50%, 10px);} .swiper-pagination .swiper-pagination-bullet-active{background-color: #333;} .kzqybox_pagination{display: flex;align-items: center;} .swiper-pagination span{margin: 0 3px;} .swiper-pagination span{background-color: rgba(0, 0, 0, 0.4);} .kzqybox_pagination span{margin: 0 10px;width: 6px;height: 6px;background-color: rgba(255, 255, 255, .98);} .kzqybox_pagination .swiper-pagination-bullet-active{background-color: transparent; border: 4px solid #fff;} .kzqy{position: absolute;bottom: 70px;left: 0;width: 100%;z-index: 5;} .kzqybox{display: flex;justify-content: flex-end;align-items: flex-end;} .kzqybox_l{margin-right: 65px;display: flex;align-items: center;} .kzqybox_r{width: 120px;display: flex;align-items: flex-end;line-height: 1; font-family:"din";} .kzqybox_rl{font-family: "din"; font-size: 48px;color: #fff;} .kzqybox_rc{padding-bottom: 10px;margin: 0 15px;font-size: 20px;color: rgba(255, 255, 255, .2);} .kzqybox_rr{padding-bottom: 5px;font-family: "din"; font-size: 24px;color: rgba(255, 255, 255, .2);} .kzqybox_per, .kzqybox_next{width:22px;height:40px;display: flex;/*align-items: center;justify-content: center;cursor: pointer;*/ outline: none;} .kzqybox_per i, .kzqybox_next i{font-size: 26px;color: #fff; font-family: "Microsoft YaHei";} .kzqybox_pagination{position: static;transform: translate(0, 0);-webkit-transform: translate(0, 0);-moz-transform: translate(0, 0);-ms-transform: translate(0, 0);-o-transform: translate(0, 0);} .kzqybox_y{margin: 0 20px;display: flex;align-items: center;} .kzqybox_y span{width: 7px;height: 7px;background-color: rgba(255, 255, 255, 0.2);border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;-ms-border-radius: 100%;-o-border-radius: 100%;margin: 0 10px;cursor: pointer;} .kztop{position: absolute;bottom: 170px;right: 2.5%;z-index: 5;} .kztopbox{margin-bottom: 10px;display: flex;align-items: center;transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);cursor: pointer;} .kztopbox_y{font-family: 'ProximaNova-Regular';text-transform: uppercase;font-size: 15px;color: rgba(255, 255, 255, .2);transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;} .kztopbox_i i{margin-left: 6px;font-size: 30px;color: rgba(255, 255, 255, .2);transition: all .4s;} .kztopbox:hover .kztopbox_y, .kztopbox:hover i{color: #fff;} .kztopimg{cursor: pointer;} .bannerbox { background-color: #111; min-height: 500px; } .bannersldtxt_p p { font-size: 16px; color: #fff; line-height: 29px; } .banner{position: relative; height: calc(100vh - 0px); transition: ease .3s;} .bannerbox{width: 100%; height: 100%; overflow: hidden;} .banner_container{width: 100%; height: 100%;} .banner_slide{height: auto;} .banner_slide .banner_slidea{position: relative; display: block; width: 100%; height: 100%;} .banner_slideaimg{height: 100%; overflow: hidden;} .banner_slideaimg img{width: 100%; height: 100%; object-fit: cover;} .banner_prod{position: absolute; right: 5%; bottom: 0; height: 90%; transition: ease .3s;} .banner_prod img{display: block; transition: ease .3s; /* width: 746px; max-width: 100%; */ height: 100%;} .banner_slideatxt{transition: ease .3s; } .banner_slideatxt{position: absolute;padding:1.5% 0 90px;top: 0;left: 0;width: 100%;height: 100%;z-index: 5;display: flex;flex-direction: column;justify-content: center;} .bannersldtxt_h{font-size: 48px;color: #fff;} .bannersldtxt_y{margin: 5px 0 30px 0; font-family: "Microsoft YaHei"; text-transform: uppercase;font-size:4vw; font-weight:bold;line-height: 110px;color: #fff; text-shadow: 5px 0 10px rgba(0,0,0,.3); letter-spacing: 2.5px;} .bannersldtxt_p{/*width: 48%;*/font-size: 16px;color: #fff;line-height: 26px;} .bannersldtxt_m{display: inline-block;position: relative;padding: 10px 2px;margin-top: 80px;font-size: 16px;color: #fff;border-bottom: 2px solid #002fa7;} .bannersldtxt a{;color: #fff; font-size: 16px;} .bannersldtxt_m::after{content: '';position: absolute;left: 0;bottom: -2px;width: 0;height: 2px;background-color: #f08300;z-index: 2;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;} .bannersldtxt_m:hover::after{width: 100%;} @media screen and (max-width: 1800px) { .banner_prod img { /* width: 700px; */ height: 85%; margin-top: 20%; } } @media screen and (max-width: 1600px) { /* banner*/ /*.banner_slideatxt{padding: 100px 0 80px;}*/ .bannersldtxt_h{font-size: 40px;} .bannersldtxt_y{line-height: 90px;} .bannersldtxt_p{font-size: 16px;line-height: 26px;} .bannersldtxt_m{font-size: 16px;}} @media screen and (max-width: 1400px) { /*.banner_slideatxt{padding: 90px 0 60px;}*/ .bannersldtxt_h{font-size: 2.6vw;} .bannersldtxt_y{/*font-size: 70px;*/line-height: 70px;} .bannersldtxt_p{font-size: 14px;line-height: 24px;} .bannersldtxt_m{font-size: 14px;} } @media screen and (max-width: 1200px) { .banner_prod{right: 0;} .banner_prod img{/* width: 650px;*/height: 80%;margin-top: 28.5%;} /* banner*/.bannersldtxt_h{font-size: 32px;} .bannersldtxt_y{font-size:56px;line-height: 64px;} .bannersldtxt_p{font-size: 13px;line-height: 23px;} .bannersldtxt_m{font-size: 13px;} .kzqy{bottom: 80px;} .kzqybox_rl{font-size: 42px;} .kzqybox_rr{font-size: 20px;} .kztop{bottom: 180px;} } @media screen and (max-width: 992px) { /*.banner_slideatxt{padding: 80px 30px 50px;}*/ .banner_prod{right: 5%;} .banner_prod img{/* width: 550px;*/height: 60%;margin-top: 76.5%;} /* banner*/.bannersldtxt_h{font-size: 30px;} .bannersldtxt_y{font-size: 56px;} } em,i {font-style: normal;} .f25{font-size: 2.5vw !important; letter-spacing:3px;} .banners0{ padding-top:0px !important;}