﻿#iwhy{margin-top:0;background:none;display:flex;height:auto;}
.iwhyvideo{width:calc(100% - 540px);position:relative;}
.iwhyvideo video{position:absolute;top:0;left:0;width: 100%;height: 100%;object-fit:cover}
.iwhycent{width:540px;position:static;}
@media (max-width:1280px){.iwhycent{padding:40px}}
@media (max-width:1024px){#iwhy{flex-direction:column}
.iwhyvideo{width:100%;}
.iwhyvideo video{position:relative}
.iwhycent{width:100%;}}
@media (max-width:450px){.iwhycent{padding:30px 15px}}
#iabout{background:var(--fontcolor);padding-bottom:30px;margin-bottom:50px;}
.ibtit, .ibwor, #iabout .iabtn, #iabout .iabtn i{color:#fff!important}
.ibtit:before{background:#fff}
.iprlist li a{border:1px solid var(--fontcolor);padding:5px 5px 10px;margin:0 5px}
.iprig span i{color:#fff}
.iprig span{background:var(--fontcolor)}
@media (max-width:900px){.iprlist li a{margin:0}}
@media (max-width:540px){.iprone{width:calc(100% - 30px);margin-left:15px}
.iprig{margin-right:15px}}
@media (min-width:1025px){.iabrg img{width:85%;margin:auto}}
@media (min-width:901px){#iproduct .iprone{width:80%}
#iproduct  .iprig{width:20%;margin:0 auto;display:flex;justify-content:center}
.iabrg {top: 0;padding-top: 30px;width: 40%;}
}
.inewlist li{position:relative;}
.inewlist li .allink{display:block;width:100%;height:100%;position:absolute;top:0;left:0;cursor:pointer;}
@media (max-width:500px){.inewbtn{float:none;margin-left:auto}}
.inewbtn{border-color:#191816;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;color:#191816}
.inewbtn span:first-child:before{background:#fff}
.inewbtn{border:none}
@media (max-width:440px){.iprlist li{display:flex;flex-wrap:wrap;justify-content:space-between}
.iprlist li>div{width:calc(50% - 8px);}
.iprlist li>div:nth-child(-n+2){margin-bottom:16px}}
.iprlist li .ippic{aspect-ratio:1/1;height: auto;display:block;width:100%;}
.iprlist-next,.iprlist-prev{transition:.5s;float:left;margin-left:20px;cursor:pointer;display:block;width:94px;height:55px;border-radius:4px;border:2px solid #191816;text-align:center;line-height:51px;background:var(--fontcolor)}
.iprlist-next em,.iprlist-next i,.iprlist-prev em,.iprlist-prev i{color:#fff;display:inline-block}
.iprlist-prev em,.iprlist-prev i{transform:rotate(180deg)}
@media (max-width:768px){.iprlist li {display:flex;flex-wrap:wrap;justify-content:space-between;}
.iprlist li>div{width:48%;height: 48%;}
.iprlist li>div:nth-child(-n+2){margin-bottom:15px}
}
.iprlist li{height:auto;display:flex;}
.iprlist li>a{flex:1;}