@charset "utf-8";
/* CSS Document */
* { font-family: "畂叛"; margin: 0; padding: 0; outline: none; -webkit-font-smoothing: antialiased !important; -ms-text-size-adjust: 100% !important; -webkit-text-size-adjust: 100% !important; }
* { -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight: rgba(0,0,0,0); -webkit-text-size-adjust: none; }
section { display: block; }
html { font-family: "microsoft yahei"; line-height: 1.15; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
img{ border: none;vertical-align: top; }
ul, li { padding: 0; list-style: none; }
.qing { display: block; clear: both; overflow: hidden; }
.lf { display: block; float: left; overflow: hidden; }
#workbox { position: relative; z-index: 6; overflow: hidden; }
#workbox .workshow { float: left; display: block; overflow: hidden; width: 20%; position: relative; cursor: pointer; }
/*#workbox .workshow:before { box-sizing: border-box; position: absolute; content: ''; right: 30px; left: 30px; top: 30px; bottom: 150px; -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index: 4; }*/
#workbox .workshow:hover:before { opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); }
 @media only screen and (max-width:768px) {
#workbox .workshow, .work-size { width: 50%; }
}
@media only screen and (min-width:768px) {
#workbox .workshow, .work-size { width: 33.33%; }
}
@media only screen and (min-width:1260px) {
#workbox .workshow, .work-size { width: 25%; }
}
@media only screen and (min-width:1800px) {
#workbox .workshow, .work-size { width: 20%; }
}
@media only screen and (min-width:2400px) {
#workbox .workshow, .work-size { width: 16.66%; }
}
.workshow a { display: block; position: relative; overflow: hidden; text-decoration: none; }
.workimg { display: block; margin: 0; width: 100%; transition: -webkit-transform 0.3s linear; transition: -moz-transform 0.3s linear; transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.work-imgbox { overflow: hidden; display: block; position: relative; }
.docBubble { position: absolute; max-width: 220px; margin-left: -188px; text-align: left; text-align: left; z-index: 100; display: none; line-height: 30px; font-size: 16px; color: #FFF; }
.docBubble .tl, .docBubble .tr, .docBubble .bl, .docBubble .inner, .docBubble .triangle-t, UNUSED.docBubble .triangle-b, UNUSED.docBubble .close { background-image: url(../images/tel/manhua_bubbletips.png); _background-image: url(../images/tel/manhua_bubbletips_ie6.png); }
.docBubble .tl { float: left; background-position: -20px 0; }
.docBubble .tr { position: absolute; right: -12px; top: 0; width: 12px; height: 12px; background-position: 100% 0; }
.docBubble .bl { position: absolute; left: 0; bottom: -12px; width: 12px; height: 12px; background-position: -20px 100%; }
.docBubble .inner { position: relative; left: 12px; width: 200px; margin: 12px 0 -12px 0; max-width: 200px; background-position: 100% 100%; padding: 0 12px 12px 2px; _padding-bottom: 12px; }
.docBubble .triangle-t { position: absolute; z-index: 2; top: -7px; margin-left: 170px; width: 15px; height: 8px; overflow: hidden; }
/*.docBubble .close { position: absolute; z-index: 1; top: 10px; right: 2px; width: 9px; height: 9px; text-indent: -99em; overflow: hidden; background-position: 0 -25px; cursor: pointer; }*/
.docBubble .inner .cont { overflow: hidden; zoom: 1; line-height: 20px; }
.nav_tel:hover .nav_tel2, .nav_tel_2:hover .nav_tel2_2 { animation: nav_tel2 0.5s linear infinite alternate both; -webkit-animation: nav_tel2 0.5s linear infinite alternate both; -moz-animation: nav_tel2 0.5s linear infinite alternate both; -o-animation: nav_tel2 0.5s linear infinite alternate both; }
.nav { animation: nav 0.8s cubic-bezier(1, .57, .48, 1.1) both; -webkit-animation: nav 0.8s cubic-bezier(1, .57, .48, 1.1) both; -moz-animation: nav 0.8s cubic-bezier(1, .57, .48, 1.1) both; -ms-animation: nav 0.8s cubic-bezier(1, .57, .48, 1.1) both; -o-animation: nav 0.8s cubic-bezier(1, .57, .48, 1.1) both; }
.logo_ny { animation: logo_ny 0.8s cubic-bezier(1, .57, .48, 1.1) both; -webkit-animation: logo_ny 0.8s cubic-bezier(1, .57, .48, 1.1) both; -moz-animation: logo_ny 0.8s cubic-bezier(1, .57, .48, 1.1) both; -ms-animation: logo_ny 0.8s cubic-bezier(1, .57, .48, 1.1) both; -o-animation: logo_ny 0.8s cubic-bezier(1, .57, .48, 1.1) both; }
.fobg_ser { background: #ebebeb; padding: 52px 30px; }


#workbox { position: relative; width: 100%; height: 100%; }
#workbox .workshow { float: left; display: block; overflow: hidden; width: 20%; position: relative; cursor: pointer; }
#workbox .workshow:before { box-sizing: border-box; position: relative; content: ''; right: 30px; left: 30px; top: 30px; bottom: 150px; -webkit-transform: scale(1.4); transform: scale(1.4); opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; z-index: 4; }
#workbox .workshow:hover:before { opacity: 1; top: 0; -webkit-transform: scale(1); transform: scale(1); }
#workbox .opacity1 { opacity: 1; }
.work-size { width: 50%; }
 @media only screen and (max-width:768px) {
#workbox .workshow, .work-size { width: 50%; }
}
@media only screen and (min-width:768px) {
#workbox .workshow, .work-size { width: 33.33%; }
}
@media only screen and (min-width:1260px) {
#workbox .workshow, .work-size { width: 25%; }
}
@media only screen and (min-width:1800px) {
#workbox .workshow, .work-size { width: 20%; }
}
@media only screen and (min-width:2400px) {
#workbox .workshow, .work-size { width: 16.66%; }
}
.workshow a { display: block; overflow: hidden; text-decoration: none; }
.workimg { display: block; margin: 0; width: 100%; transition: -webkit-transform 0.3s linear; transition: -moz-transform 0.3s linear; transition: transform 0.3s linear; -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); }
.work-imgbox img { font-size: 14px; color: #666; }
.workinfo { color: #fff; transition: background-color 0.5s, color 0.5s, bottom 0.5s; -webkit-transition: background-color 0.5s, color 0.5s, bottom 0.5s; position: absolute; width: 100%; bottom: -70px; overflow: hidden; z-index: 3; }
.workinfo h2 { text-transform: uppercase; font-weight: 400; padding: 16px 20px; font-size: 14px; line-height: 24px; }
.work-imgbox { overflow: hidden; }
#workbox .workshow:hover .workinfo { background-image: none; bottom: 0; background-color: #000; color: #d5d5d5; }
#workbox .workshow .work-imgbox:before { content: ''; width: 100%; height: 100%; position: absolute; display: block; z-index: 3; background: rgba(0,0,0,0.7); opacity: 0; top: -100%; transition: opacity 0.35s; -webkit-transition: opacity 0.35s; }
#workbox .workshow:hover .work-imgbox:before { opacity: 1; top: 0; }
#workbox .workshow:hover .workimg { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
.workshow .woim1 { position: absolute; left: -68px; top: 36%; margin-top: -34px; z-index: 4; }
.workshow .woim2 { position: absolute; right: -34px; top: 36%; margin-top: -16px; z-index: 4; }
.workshow .woim1, .workshow .woim2 { -webkit-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; -moz-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; -o-transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.1s; }
.workshow:hover .woim1 { left: 50%; margin-left: -34px; }
.workshow:hover .woim2 { right: 50%; margin-right: -17px; }
.read { padding: 38px 0 65px; position: relative; }
.read a { width: 164px; height: 40px; display: block; margin: 0 auto; background: url(../images/rdbg.png) center center no-repeat; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; position: relative; overflow: hidden; }
.read a img { position: absolute; left: 0; }
.rea1 { top: 0px; }
.rea2 { top: 40px; }
.rea1, .rea2 { -webkit-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -moz-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); -o-transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); transition: all 0.4s cubic-bezier(1, .57, .48, 1.4); }
.read a:hover .rea1 { top: -40px; }
.read a:hover .rea2 { top: 0px; }
* { -webkit-tap-highlight-color: rgba(255,0,0,0); }
.fl { float: left; }
.fr { float: right; }
.container { width: 1300px; margin: 0 auto; }
.wbanner { position: relative; padding: 2.1rem 0 0; background: url('../images/wban-bg.png') repeat-y; background-size: 100% 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.wban-text-block { display: block; width: 5.8rem; margin-left: .08rem;
}
.wban-text { display: block; font-size: 0; }
.wban-text img { width: 100%; vertical-align: top; }
.wban-text1 { width: 3.96rem; margin-bottom: .16rem;
}
.wban-text2 { width: 5.8rem; }
.wban-cercle { position: relative; width: 6.29rem; height: 2.31rem; margin: .64rem 0 1.35rem;
}
.wban-cercle span { position: absolute; display: block; background: rgba(255, 255, 255, .2); border-radius: 100%; text-align: center; color: #fff; }
.wbanc1 { width: 1.13rem; height: 1.13rem; left: 0; top: 0.58rem; font-size: .24rem;
line-height: 1.13rem; }
.wbanc2 {
 width: .55rem;
 height: .55rem;
 left: .7rem; top: 0.05rem; font-size: .14rem;
 line-height: .55rem;
}
.wbanc3 {
 width: .74rem;
 height: .74rem; left: 1.24rem; top: 0.33rem; font-size: .16rem;
 line-height: .74rem;
}
.wbanc4 {
 width: .70rem;
 height: .70rem; left: 1.22rem; top: 1.17rem; font-size: .16rem;
 line-height: .70rem;
}
.wbanc5 {
 width: .34rem;
 height: .34rem; left: 1.66rem; top: 1.9rem; font-size: .24rem;
 line-height: .20rem;
}
.wbanc6 {
 width: .6rem;
 height: .6rem; left: 2.19rem; top: 0.19rem; font-size: .16rem;
 line-height: .6rem;
}
.wbanc7 {
 width: .55rem;
 height: .55rem; left: 1.94rem; top: 0.85rem; font-size: .14rem;
 line-height: .55rem;
}
.wbanc8 {
 width: .87rem;
 height: .87rem; left: 2.08rem; top: 1.44rem; font-size: .20rem;
 line-height: .87rem;
}
.wbanc9 {
 width: .59rem;
 height: .59rem; left: 2.98rem; top: 0; font-size: .18rem;
 line-height: .59rem;
}
.wbanc10 {
 width: .71rem;
 height: .71rem; left: 2.67rem; top: 0.7rem; font-size: .16rem;
 line-height: .71rem;
}
.wbanc11 {
 width: .99rem;
 height: .99rem; left: 3.67rem; top: .07rem;
 font-size: .22rem;
 line-height: .99rem;
}
.wbanc12 {
 width: .86rem;
 height: .86rem; left: 3.35rem; top: 1.06rem; font-size: .20rem;
 line-height: .86rem;
}
.wbanc13 {
 width: .60rem;
 height: .60rem; left: 4.42rem; top: .93rem;
 font-size: .14rem;
 line-height: .60rem;
}
.wbanc14 {
 width: .7rem;
 height: .7rem; left: 4.21rem; top: 1.57rem; font-size: .16rem;
 line-height: .7rem;
}
.wbanc15 { width: 1.13rem; height: 1.13rem; left: 5.16rem; top: .49rem;
 font-size: .24rem;
line-height: 1.13rem; }
.wban-ipone { position: relative; }
.wban-ibg { display: block; width: 4.45rem; }
.wban-ibg img { width: 100%; vertical-align: top; }
.wban-iicon { display: block; position: absolute; }
.wban-iicon img { vertical-align: top; width: 100%; }
.wban-iicon1 {
 width: .93rem; left: -0.14rem; top: 1.89rem; }
.wban-iicon2 {
 width: .68rem;
 right: .16rem; top: 2.18rem; }
.wban-iicon3 {
 width: .58rem;
 left: .36rem; top: 3.81rem; }
.wban-iicon4 {
 width: .93rem; right: -0.21rem; top: 3.83rem; }
.retail { width: 100%; padding-top: 0.9rem; background: url('../images/retail-bg.jpg') top center no-repeat; background-size: auto auto; overflow: hidden; }
.retail-tit { font-size: 34px; font-weight: normal; text-align: center; line-height: 1; color: #333; }
.retail-defect-list { margin-top: 0.7rem; overflow: hidden; }
.rdl-items { float: left; width: 25%; padding: 0 0.5rem; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rdl-items span { display: block; text-align: center; }
.rdl-pic { width: 0.86rem; height: 0.746rem; margin: 0 auto; }
.rdl-pic img { max-width: 100%; vertical-align: top; }
.rdl-text { margin-top: 0.24rem; font-size: 18px; line-height: 30px; color: #333; }
.retail-new { margin-top: 1.04rem; }
.retail-new-main { position: relative; width: 2.775rem; margin: 0 auto; margin-top: 0.6rem; }
.rnm-phone { display: block; }
.rnm-phone img { max-width: 100%; vertical-align: top; }
.rnm-sayl, .rnm-sayr { position: absolute; display: block; font-size: 20px; line-height: 0.56rem; color: #333; z-index: 1; }
.rnm-sayl { top: 0.58rem; left: -4.56rem; width: 4.32rem; padding: 0 0.53rem 0.21rem 0.4rem; background: url('../images/rnm-sayl.png') no-repeat; background-size: 100% auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.rnm-sayr { top: 0.83rem; right: -4.8rem; width: 4.42rem; padding: 0 .4rem .21rem .6rem;
background: url('../images/rnm-sayr.png') no-repeat; background-size: 100% auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pattern-tit { margin: 0.96rem auto 0.88rem; font-size: 34px; font-weight: normal; text-align: center; line-height: 1; color: #ff6600; }
.pattern-list { overflow: hidden; }
.pattern-items { float: left; width: 25%; padding: 0.55rem 0.44rem 0.24rem; background: #f1faf4; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pattern-items-bg2 { background: #f5efe1; }
.pi-tit { display: block; font-size: 22px; line-height: 2em; text-align: center; color: #118537; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.pi-pic { display: block; width: 1.48rem; margin: 0 auto; }
.pi-pic img { width: 100%; vertical-align: top; }
.pi-art { display: block; font-size: 14px; line-height: 26px; height: 9.28em; text-align: center; color: #464646; overflow: hidden; }
.solutions-plan {
 padding: .4rem 0 2.5rem; background: #3ea26f; }
.stp-block { width: 17rem; max-width: 100%; margin: 0 auto; }
.solutions-tit { font-size: 32px; font-weight: normal; text-align: center; line-height: 1.5em; color: #fff; }
.stp-block { position: relative; margin-top: .4rem;
padding-top: 2.2rem; }
.stp-nav { overflow: hidden; }
.stp-nav-items { float: left; width: 1.41rem; margin-left: .55rem;
overflow: hidden; }
.stp-nav-pic { display: block; width: 1.41rem; height: 1.41rem; border-radius: 100%; overflow: hidden; cursor: pointer; margin: 0 auto; }
.stp-nav-pic img { width: 100%; border-radius: 100%; vertical-align: top; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; }
.stp-nav-pic:hover img, .stp-nav-items.on .stp-nav-pic img { -webkit-filter: none; -moz-filter: none; -ms-filter: none; -o-filter: none; filter: none; filter: none; }
.stp-nav-tit { display: block; margin-top: .2rem;
 padding-bottom: .2rem;
font-size: 16px; line-height: 1.5em; height: 3em; text-align: center; color: #fff; }
.stp-content { position: absolute; width: 4.46rem; height: 8.88rem; left: 50%; top: 0; padding: .8rem .18rem .9rem;
background: url('../images/stp-content-bg.png') no-repeat; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; overflow: hidden; }
.stp-citems { position: relative; width: 4.1rem; height: 7.18rem; margin-bottom: 0.9rem; border: .05rem solid #000;
overflow: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stp-ipic { display: block; height: 7.08rem; overflow: auto; }
.stp-ipic img { width: 100%; vertical-align: top; }
.solutions-best { min-height: 7.34rem; padding-top: 2.52rem; background: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stb-tit { display: block; font-size: 36px; font-weight: normal; text-align: center; line-height: 1.5em; color: #ff6600; }
.stb-tit2 { display: block; width: 56em; max-width: 96%; margin: .16rem auto 0;
font-size: 16px; font-weight: normal; line-height: 27px; text-align: center; }
.solutions-best { padding-bottom: 0.7rem;background-image: url(../images/best_bg.jpg); }
.stb-main { overflow: hidden; }
.stb-block { width: 13rem; max-width: 100%; margin: 0 auto; padding-top: .3rem;
}
.stb-items { float: left; width: 10%; margin-top: .3rem;
 padding: .1rem;
font-size: 16px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.stb-items span { display: block; text-align: center; }
.stb-icon { width: 0.51rem; margin: 0 auto; }
.stb-text {
 margin-top: .13rem; font-size: 16px; line-height: 1; color: #3ea26f; text-align: center; }
.choose {padding: .67rem 0 1.49rem; overflow: hidden;background-image: url(../images/choose_bg.jpg);}
.choose-tit { font-size: 40px; font-weight: normal; line-height: 1; text-align: center; color: #ff6600; }
.choose-tit2 {
 margin-top: .14rem; font-size: 16px; font-weight: normal; text-align: center; line-height: 28px; color: #585858; }
.choose-list {
 margin-top: .8rem; overflow: hidden; }
.choose-items { float: left; width: 25%; padding: 0 .34rem;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.choose-icon { display: block; width: 1.5rem; margin: 0 auto; }
.choose-icon img { width: 100%; vertical-align: top; }
.choose-itit { display: block; margin-top: .24rem;
font-size: 18px; line-height: 1; text-align: center; color: #585858; }
.choose-iart { display: block; margin-top: .16rem;
font-size: 14px; line-height: 24px; text-align: center; color: #8f8f8f; }



@media only screen and (max-width: 1740px) {
.stp-nav-items { width: 1.21rem; margin-left: 0.42rem; }
.stp-nav-pic { display: block; width: 1.21rem; height: 1.21rem; }
}
 @media only screen and (max-width: 1680px) {
}
 @media only screen and (max-width: 1440px) {
.pi-tit { font-size: 18px; }
.solutions { overflow: hidden; }
.stp-content { width: 4rem; height: 7.96rem; background-size: 100% auto; }
.stp-block { padding-bottom: 1.6rem; }
.stp-nav-items { width: 1.21rem; margin-left: 0.26rem; }
.stp-nav-pic { display: block; width: 1.11rem; height: 1.11rem; }
.stp-citems { width: 3.64rem; height: 6.28rem; }
.stp-ipic { height: 6.18rem; }
.solutions-plan { padding-bottom: 0rem; }
}
 @media only screen and (max-width: 1200px) {
.container { width: 100%; padding: 0 5%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.pattern-items { width: 50%; }
.pattern-items:nth-child(3) { float: right; }
.pattern-items:nth-child(5) { float: right; }
.rnm-sayl { left: -3.46rem; }
.rnm-sayr { right: -3.68rem; }
.wban-text-block { margin: 0 auto; }
.wban-text1 { margin: 0 auto .16rem;
}
.wban-l { float: none; }
.wban-cercle { margin: .64rem auto 0.8rem;
}
.wban-ipone { width: 4.45rem; float: none !important; margin: 0 auto; }
.wban-ibg { position: relative; }
.wban-cercle span { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.wban-iicon1 { width: 1.23rem; left: -0.44rem; top: 1.29rem; }
.wban-iicon2 {
 width: .98rem;
 right: .06rem; top: 1.48rem; }
.wban-iicon3 {
 width: .88rem;
 left: .06rem; top: 3.81rem; }
.wban-iicon4 { width: 1.23rem; right: -0.21rem; top: 3.83rem; }
.stp-nav-items:nth-child(3) { margin-right: 0 !important; }
.stp-main { position: relative; padding: 0.6rem 0 1rem; }
.stp-block { position: relative; max-width: 100vw; display: table; padding-top: 0.6rem; padding-bottom: .6rem;
margin: 0 auto; }
.stp-content { left: 51vw; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.stp-nav { width: 50vw; }
}
 @media only screen and (width: 1024px) {
.rnm-phone { margin-left: -15px; }
}
 @media only screen and (max-width: 992px) {
.retail { background-repeat: repeat-y; }
.rdl-items { width: 50%; margin-bottom: 0.5rem; }
.choose-items { width: 50%; margin-bottom: .34rem;
}
.rnm-sayl, .rnm-sayr { font-size: 18px; line-height: 0.5rem; }
.rnm-sayl { left: -3.56rem; }
.rnm-sayr { right: -3.6rem; width: 3.86rem; padding-left: 0.4rem; }
}
 @media only screen and (max-width: 768px) {
.retail-tit { line-height: 1.6em; }
.retail-new { margin-top: 0.5rem; }
.retail-new-main { width: 90vw; margin-top: 0; }
.rnm-phone { text-align: center; padding-top: 0.5rem; }
.rnm-sayl { display: block; position: relative; width: 60vw; left: 0; padding-bottom: 0; line-height: 0.66rem; }
.rnm-sayr { float: right; display: block; position: relative; right: auto; width: 60vw; margin-bottom: 1rem; padding-bottom: 0; padding-left: 0.7rem; line-height: 0.66rem; }
.stp-content { left: 43vw; }
.stb-items { width: 12.5%; }
.solutions-best { min-height: 7.14rem; padding-top: 0.82rem; }
}
 @media only screen and (max-width: 736px) {
.retail-tit { font-size: 26px; }
.rdl-text { font-size: 16px; }
.pattern-items { float: none; width: 100%; }
.pattern-items:nth-child(3) { float: none; }
.pattern-items:nth-child(5) { float: none; }
.pattern-tit { padding: 0 4vw; font-size: 26px; line-height: 1.6em; }
.choose hgroup { padding: 0 4vw; }
.choose .choose-tit { font-size: 26px; line-height: 1.6em; }
.rnm-sayl, .rnm-sayr { line-height: 1.2rem; }
.pattern-items { border: 0 none; border-bottom: 1px solid #fff; }
.pattern-items:last-child { border-bottom: 0 none; }
.solutions-tit { font-size: 26px; }
.stp-nav-tit { font-size: 14px; }
.stb-tit { font-size: 26px; }
.stb-items { width: 25%; }
.stb-icon { width: auto; }
.stp-nav-items { width: 1.61rem; }
.stp-content { left: 54vw; }
.solutions-best { padding-top: 2.42rem; }
}
 @media only screen and (max-width: 480px) {
.retail-tit { font-size: 26px; }
.rdl-text { font-size: 16px; }
.pattern-items { float: none; width: 100%; }
.pattern-items:nth-child(3) { float: none; }
.pattern-items:nth-child(5) { float: none; }
.pattern-tit { padding: 0 4vw; font-size: 26px; line-height: 1.6em; }
.choose hgroup { padding: 0 4vw; }
.choose .choose-tit { font-size: 26px; line-height: 1.6em; }
.rnm-sayl { display: block; position: relative; width: 90vw; left: 50%; padding-bottom: 0; margin-left: -42vw; line-height: 1rem; }
.rnm-sayr { display: block; position: relative; right: auto; width: 90vw; left: 0; margin-bottom: 1rem; padding-bottom: 0; padding-left: 0.7rem; margin-left: -42vw; line-height: 1rem; }
.pattern-items { border: 0 none; border-bottom: 1px solid #fff; }
.pattern-items:last-child { border-bottom: 0 none; }
.solutions-tit { font-size: 26px; }
.stp-nav-tit { font-size: 14px; }
.stb-tit { font-size: 26px; }
.stb-items { width: 25%; }
.stb-icon { width: auto; }
.stp-nav { width: 100vw; }
.stp-content { height: 7.96rem; position: relative; margin-top: .6rem;
margin-bottom: -40%; left: 50vw; margin-left: -2rem; }
.stp-nav-items { width: 33.33%; padding: 0.5%; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.solutions-best { padding-top: 2.8rem; }
}
 @media only screen and (max-width: 568px) {
.rnm-sayl, .rnm-sayr { font-size: 14px; line-height: 1rem; }
}
 @media only screen and (max-width: 375px) {
.rnm-sayl, .rnm-sayr { font-size: 14px; line-height: 0.8rem; }
.stp-main { padding-bottom: 0; }
.stp-block { padding-top: 0; }
.stp-nav { width: 100vw; }
.stp-content { height: 7.99rem; position: relative; margin-top: .6rem;
margin-bottom: -40%; left: 50vw; margin-left: -2rem; }
.stp-nav-items { width: 33.33%; padding: 0.5%; margin: 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.solutions-best { padding-top: 3.4rem; }
}
 @media only screen and (max-width: 320px) {
.solutions-best { padding-top: 2.8rem; }
}


[data-aos][data-aos][data-aos-duration='50'], body[data-aos-duration='50'] [data-aos] {
transition-duration:50ms
}
[data-aos][data-aos][data-aos-delay='50'], body[data-aos-delay='50'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='50'].aos-animate, body[data-aos-delay='50'] [data-aos].aos-animate { transition-delay: 50ms }
[data-aos][data-aos][data-aos-duration='100'], body[data-aos-duration='100'] [data-aos] {
transition-duration:.1s
}
[data-aos][data-aos][data-aos-delay='100'], body[data-aos-delay='100'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='100'].aos-animate, body[data-aos-delay='100'] [data-aos].aos-animate { transition-delay: .1s }
[data-aos][data-aos][data-aos-duration='150'], body[data-aos-duration='150'] [data-aos] {
transition-duration:.15s
}
[data-aos][data-aos][data-aos-delay='150'], body[data-aos-delay='150'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='150'].aos-animate, body[data-aos-delay='150'] [data-aos].aos-animate { transition-delay: .15s }
[data-aos][data-aos][data-aos-duration='200'], body[data-aos-duration='200'] [data-aos] {
transition-duration:.2s
}
[data-aos][data-aos][data-aos-delay='200'], body[data-aos-delay='200'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='200'].aos-animate, body[data-aos-delay='200'] [data-aos].aos-animate { transition-delay: .2s }
[data-aos][data-aos][data-aos-duration='250'], body[data-aos-duration='250'] [data-aos] {
transition-duration:.25s
}
[data-aos][data-aos][data-aos-delay='250'], body[data-aos-delay='250'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='250'].aos-animate, body[data-aos-delay='250'] [data-aos].aos-animate { transition-delay: .25s }
[data-aos][data-aos][data-aos-duration='300'], body[data-aos-duration='300'] [data-aos] {
transition-duration:.3s
}
[data-aos][data-aos][data-aos-delay='300'], body[data-aos-delay='300'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='300'].aos-animate, body[data-aos-delay='300'] [data-aos].aos-animate { transition-delay: .3s }
[data-aos][data-aos][data-aos-duration='350'], body[data-aos-duration='350'] [data-aos] {
transition-duration:.35s
}
[data-aos][data-aos][data-aos-delay='350'], body[data-aos-delay='350'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='350'].aos-animate, body[data-aos-delay='350'] [data-aos].aos-animate { transition-delay: .35s }
[data-aos][data-aos][data-aos-duration='400'], body[data-aos-duration='400'] [data-aos] {
transition-duration:.4s
}
[data-aos][data-aos][data-aos-delay='400'], body[data-aos-delay='400'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='400'].aos-animate, body[data-aos-delay='400'] [data-aos].aos-animate { transition-delay: .4s }
[data-aos][data-aos][data-aos-duration='450'], body[data-aos-duration='450'] [data-aos] {
transition-duration:.45s
}
[data-aos][data-aos][data-aos-delay='450'], body[data-aos-delay='450'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='450'].aos-animate, body[data-aos-delay='450'] [data-aos].aos-animate { transition-delay: .45s }
[data-aos][data-aos][data-aos-duration='500'], body[data-aos-duration='500'] [data-aos] {
transition-duration:.5s
}
[data-aos][data-aos][data-aos-delay='500'], body[data-aos-delay='500'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='500'].aos-animate, body[data-aos-delay='500'] [data-aos].aos-animate { transition-delay: .5s }
[data-aos][data-aos][data-aos-duration='550'], body[data-aos-duration='550'] [data-aos] {
transition-duration:.55s
}
[data-aos][data-aos][data-aos-delay='550'], body[data-aos-delay='550'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='550'].aos-animate, body[data-aos-delay='550'] [data-aos].aos-animate { transition-delay: .55s }
[data-aos][data-aos][data-aos-duration='600'], body[data-aos-duration='600'] [data-aos] {
transition-duration:.6s
}
[data-aos][data-aos][data-aos-delay='600'], body[data-aos-delay='600'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='600'].aos-animate, body[data-aos-delay='600'] [data-aos].aos-animate { transition-delay: .6s }
[data-aos][data-aos][data-aos-duration='650'], body[data-aos-duration='650'] [data-aos] {
transition-duration:.65s
}
[data-aos][data-aos][data-aos-delay='650'], body[data-aos-delay='650'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='650'].aos-animate, body[data-aos-delay='650'] [data-aos].aos-animate { transition-delay: .65s }
[data-aos][data-aos][data-aos-duration='700'], body[data-aos-duration='700'] [data-aos] {
transition-duration:.7s
}
[data-aos][data-aos][data-aos-delay='700'], body[data-aos-delay='700'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='700'].aos-animate, body[data-aos-delay='700'] [data-aos].aos-animate { transition-delay: .7s }
[data-aos][data-aos][data-aos-duration='750'], body[data-aos-duration='750'] [data-aos] {
transition-duration:.75s
}
[data-aos][data-aos][data-aos-delay='750'], body[data-aos-delay='750'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='750'].aos-animate, body[data-aos-delay='750'] [data-aos].aos-animate { transition-delay: .75s }
[data-aos][data-aos][data-aos-duration='800'], body[data-aos-duration='800'] [data-aos] {
transition-duration:.8s
}
[data-aos][data-aos][data-aos-delay='800'], body[data-aos-delay='800'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='800'].aos-animate, body[data-aos-delay='800'] [data-aos].aos-animate { transition-delay: .8s }
[data-aos][data-aos][data-aos-duration='850'], body[data-aos-duration='850'] [data-aos] {
transition-duration:.85s
}
[data-aos][data-aos][data-aos-delay='850'], body[data-aos-delay='850'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='850'].aos-animate, body[data-aos-delay='850'] [data-aos].aos-animate { transition-delay: .85s }
[data-aos][data-aos][data-aos-duration='900'], body[data-aos-duration='900'] [data-aos] {
transition-duration:.9s
}
[data-aos][data-aos][data-aos-delay='900'], body[data-aos-delay='900'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='900'].aos-animate, body[data-aos-delay='900'] [data-aos].aos-animate { transition-delay: .9s }
[data-aos][data-aos][data-aos-duration='950'], body[data-aos-duration='950'] [data-aos] {
transition-duration:.95s
}
[data-aos][data-aos][data-aos-delay='950'], body[data-aos-delay='950'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='950'].aos-animate, body[data-aos-delay='950'] [data-aos].aos-animate { transition-delay: .95s }
[data-aos][data-aos][data-aos-duration='1000'], body[data-aos-duration='1000'] [data-aos] {
transition-duration:1s
}
[data-aos][data-aos][data-aos-delay='1000'], body[data-aos-delay='1000'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1000'].aos-animate, body[data-aos-delay='1000'] [data-aos].aos-animate { transition-delay: 1s }
[data-aos][data-aos][data-aos-duration='1050'], body[data-aos-duration='1050'] [data-aos] {
transition-duration:1.05s
}
[data-aos][data-aos][data-aos-delay='1050'], body[data-aos-delay='1050'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1050'].aos-animate, body[data-aos-delay='1050'] [data-aos].aos-animate { transition-delay: 1.05s }
[data-aos][data-aos][data-aos-duration='1100'], body[data-aos-duration='1100'] [data-aos] {
transition-duration:1.1s
}
[data-aos][data-aos][data-aos-delay='1100'], body[data-aos-delay='1100'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1100'].aos-animate, body[data-aos-delay='1100'] [data-aos].aos-animate { transition-delay: 1.1s }
[data-aos][data-aos][data-aos-duration='1150'], body[data-aos-duration='1150'] [data-aos] {
transition-duration:1.15s
}
[data-aos][data-aos][data-aos-delay='1150'], body[data-aos-delay='1150'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1150'].aos-animate, body[data-aos-delay='1150'] [data-aos].aos-animate { transition-delay: 1.15s }
[data-aos][data-aos][data-aos-duration='1200'], body[data-aos-duration='1200'] [data-aos] {
transition-duration:1.2s
}
[data-aos][data-aos][data-aos-delay='1200'], body[data-aos-delay='1200'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1200'].aos-animate, body[data-aos-delay='1200'] [data-aos].aos-animate { transition-delay: 1.2s }
[data-aos][data-aos][data-aos-duration='1250'], body[data-aos-duration='1250'] [data-aos] {
transition-duration:1.25s
}
[data-aos][data-aos][data-aos-delay='1250'], body[data-aos-delay='1250'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1250'].aos-animate, body[data-aos-delay='1250'] [data-aos].aos-animate { transition-delay: 1.25s }
[data-aos][data-aos][data-aos-duration='1300'], body[data-aos-duration='1300'] [data-aos] {
transition-duration:1.3s
}
[data-aos][data-aos][data-aos-delay='1300'], body[data-aos-delay='1300'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1300'].aos-animate, body[data-aos-delay='1300'] [data-aos].aos-animate { transition-delay: 1.3s }
[data-aos][data-aos][data-aos-duration='1350'], body[data-aos-duration='1350'] [data-aos] {
transition-duration:1.35s
}
[data-aos][data-aos][data-aos-delay='1350'], body[data-aos-delay='1350'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1350'].aos-animate, body[data-aos-delay='1350'] [data-aos].aos-animate { transition-delay: 1.35s }
[data-aos][data-aos][data-aos-duration='1400'], body[data-aos-duration='1400'] [data-aos] {
transition-duration:1.4s
}
[data-aos][data-aos][data-aos-delay='1400'], body[data-aos-delay='1400'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1400'].aos-animate, body[data-aos-delay='1400'] [data-aos].aos-animate { transition-delay: 1.4s }
[data-aos][data-aos][data-aos-duration='1450'], body[data-aos-duration='1450'] [data-aos] {
transition-duration:1.45s
}
[data-aos][data-aos][data-aos-delay='1450'], body[data-aos-delay='1450'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1450'].aos-animate, body[data-aos-delay='1450'] [data-aos].aos-animate { transition-delay: 1.45s }
[data-aos][data-aos][data-aos-duration='1500'], body[data-aos-duration='1500'] [data-aos] {
transition-duration:1.5s
}
[data-aos][data-aos][data-aos-delay='1500'], body[data-aos-delay='1500'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1500'].aos-animate, body[data-aos-delay='1500'] [data-aos].aos-animate { transition-delay: 1.5s }
[data-aos][data-aos][data-aos-duration='1550'], body[data-aos-duration='1550'] [data-aos] {
transition-duration:1.55s
}
[data-aos][data-aos][data-aos-delay='1550'], body[data-aos-delay='1550'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1550'].aos-animate, body[data-aos-delay='1550'] [data-aos].aos-animate { transition-delay: 1.55s }
[data-aos][data-aos][data-aos-duration='1600'], body[data-aos-duration='1600'] [data-aos] {
transition-duration:1.6s
}
[data-aos][data-aos][data-aos-delay='1600'], body[data-aos-delay='1600'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1600'].aos-animate, body[data-aos-delay='1600'] [data-aos].aos-animate { transition-delay: 1.6s }
[data-aos][data-aos][data-aos-duration='1650'], body[data-aos-duration='1650'] [data-aos] {
transition-duration:1.65s
}
[data-aos][data-aos][data-aos-delay='1650'], body[data-aos-delay='1650'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1650'].aos-animate, body[data-aos-delay='1650'] [data-aos].aos-animate { transition-delay: 1.65s }
[data-aos][data-aos][data-aos-duration='1700'], body[data-aos-duration='1700'] [data-aos] {
transition-duration:1.7s
}
[data-aos][data-aos][data-aos-delay='1700'], body[data-aos-delay='1700'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1700'].aos-animate, body[data-aos-delay='1700'] [data-aos].aos-animate { transition-delay: 1.7s }
[data-aos][data-aos][data-aos-duration='1750'], body[data-aos-duration='1750'] [data-aos] {
transition-duration:1.75s
}
[data-aos][data-aos][data-aos-delay='1750'], body[data-aos-delay='1750'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1750'].aos-animate, body[data-aos-delay='1750'] [data-aos].aos-animate { transition-delay: 1.75s }
[data-aos][data-aos][data-aos-duration='1800'], body[data-aos-duration='1800'] [data-aos] {
transition-duration:1.8s
}
[data-aos][data-aos][data-aos-delay='1800'], body[data-aos-delay='1800'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1800'].aos-animate, body[data-aos-delay='1800'] [data-aos].aos-animate { transition-delay: 1.8s }
[data-aos][data-aos][data-aos-duration='1850'], body[data-aos-duration='1850'] [data-aos] {
transition-duration:1.85s
}
[data-aos][data-aos][data-aos-delay='1850'], body[data-aos-delay='1850'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1850'].aos-animate, body[data-aos-delay='1850'] [data-aos].aos-animate { transition-delay: 1.85s }
[data-aos][data-aos][data-aos-duration='1900'], body[data-aos-duration='1900'] [data-aos] {
transition-duration:1.9s
}
[data-aos][data-aos][data-aos-delay='1900'], body[data-aos-delay='1900'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1900'].aos-animate, body[data-aos-delay='1900'] [data-aos].aos-animate { transition-delay: 1.9s }
[data-aos][data-aos][data-aos-duration='1950'], body[data-aos-duration='1950'] [data-aos] {
transition-duration:1.95s
}
[data-aos][data-aos][data-aos-delay='1950'], body[data-aos-delay='1950'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='1950'].aos-animate, body[data-aos-delay='1950'] [data-aos].aos-animate { transition-delay: 1.95s }
[data-aos][data-aos][data-aos-duration='2000'], body[data-aos-duration='2000'] [data-aos] {
transition-duration:2s
}
[data-aos][data-aos][data-aos-delay='2000'], body[data-aos-delay='2000'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2000'].aos-animate, body[data-aos-delay='2000'] [data-aos].aos-animate { transition-delay: 2s }
[data-aos][data-aos][data-aos-duration='2050'], body[data-aos-duration='2050'] [data-aos] {
transition-duration:2.05s
}
[data-aos][data-aos][data-aos-delay='2050'], body[data-aos-delay='2050'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2050'].aos-animate, body[data-aos-delay='2050'] [data-aos].aos-animate { transition-delay: 2.05s }
[data-aos][data-aos][data-aos-duration='2100'], body[data-aos-duration='2100'] [data-aos] {
transition-duration:2.1s
}
[data-aos][data-aos][data-aos-delay='2100'], body[data-aos-delay='2100'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2100'].aos-animate, body[data-aos-delay='2100'] [data-aos].aos-animate { transition-delay: 2.1s }
[data-aos][data-aos][data-aos-duration='2150'], body[data-aos-duration='2150'] [data-aos] {
transition-duration:2.15s
}
[data-aos][data-aos][data-aos-delay='2150'], body[data-aos-delay='2150'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2150'].aos-animate, body[data-aos-delay='2150'] [data-aos].aos-animate { transition-delay: 2.15s }
[data-aos][data-aos][data-aos-duration='2200'], body[data-aos-duration='2200'] [data-aos] {
transition-duration:2.2s
}
[data-aos][data-aos][data-aos-delay='2200'], body[data-aos-delay='2200'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2200'].aos-animate, body[data-aos-delay='2200'] [data-aos].aos-animate { transition-delay: 2.2s }
[data-aos][data-aos][data-aos-duration='2250'], body[data-aos-duration='2250'] [data-aos] {
transition-duration:2.25s
}
[data-aos][data-aos][data-aos-delay='2250'], body[data-aos-delay='2250'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2250'].aos-animate, body[data-aos-delay='2250'] [data-aos].aos-animate { transition-delay: 2.25s }
[data-aos][data-aos][data-aos-duration='2300'], body[data-aos-duration='2300'] [data-aos] {
transition-duration:2.3s
}
[data-aos][data-aos][data-aos-delay='2300'], body[data-aos-delay='2300'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2300'].aos-animate, body[data-aos-delay='2300'] [data-aos].aos-animate { transition-delay: 2.3s }
[data-aos][data-aos][data-aos-duration='2350'], body[data-aos-duration='2350'] [data-aos] {
transition-duration:2.35s
}
[data-aos][data-aos][data-aos-delay='2350'], body[data-aos-delay='2350'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2350'].aos-animate, body[data-aos-delay='2350'] [data-aos].aos-animate { transition-delay: 2.35s }
[data-aos][data-aos][data-aos-duration='2400'], body[data-aos-duration='2400'] [data-aos] {
transition-duration:2.4s
}
[data-aos][data-aos][data-aos-delay='2400'], body[data-aos-delay='2400'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2400'].aos-animate, body[data-aos-delay='2400'] [data-aos].aos-animate { transition-delay: 2.4s }
[data-aos][data-aos][data-aos-duration='2450'], body[data-aos-duration='2450'] [data-aos] {
transition-duration:2.45s
}
[data-aos][data-aos][data-aos-delay='2450'], body[data-aos-delay='2450'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2450'].aos-animate, body[data-aos-delay='2450'] [data-aos].aos-animate { transition-delay: 2.45s }
[data-aos][data-aos][data-aos-duration='2500'], body[data-aos-duration='2500'] [data-aos] {
transition-duration:2.5s
}
[data-aos][data-aos][data-aos-delay='2500'], body[data-aos-delay='2500'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2500'].aos-animate, body[data-aos-delay='2500'] [data-aos].aos-animate { transition-delay: 2.5s }
[data-aos][data-aos][data-aos-duration='2550'], body[data-aos-duration='2550'] [data-aos] {
transition-duration:2.55s
}
[data-aos][data-aos][data-aos-delay='2550'], body[data-aos-delay='2550'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2550'].aos-animate, body[data-aos-delay='2550'] [data-aos].aos-animate { transition-delay: 2.55s }
[data-aos][data-aos][data-aos-duration='2600'], body[data-aos-duration='2600'] [data-aos] {
transition-duration:2.6s
}
[data-aos][data-aos][data-aos-delay='2600'], body[data-aos-delay='2600'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2600'].aos-animate, body[data-aos-delay='2600'] [data-aos].aos-animate { transition-delay: 2.6s }
[data-aos][data-aos][data-aos-duration='2650'], body[data-aos-duration='2650'] [data-aos] {
transition-duration:2.65s
}
[data-aos][data-aos][data-aos-delay='2650'], body[data-aos-delay='2650'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2650'].aos-animate, body[data-aos-delay='2650'] [data-aos].aos-animate { transition-delay: 2.65s }
[data-aos][data-aos][data-aos-duration='2700'], body[data-aos-duration='2700'] [data-aos] {
transition-duration:2.7s
}
[data-aos][data-aos][data-aos-delay='2700'], body[data-aos-delay='2700'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2700'].aos-animate, body[data-aos-delay='2700'] [data-aos].aos-animate { transition-delay: 2.7s }
[data-aos][data-aos][data-aos-duration='2750'], body[data-aos-duration='2750'] [data-aos] {
transition-duration:2.75s
}
[data-aos][data-aos][data-aos-delay='2750'], body[data-aos-delay='2750'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2750'].aos-animate, body[data-aos-delay='2750'] [data-aos].aos-animate { transition-delay: 2.75s }
[data-aos][data-aos][data-aos-duration='2800'], body[data-aos-duration='2800'] [data-aos] {
transition-duration:2.8s
}
[data-aos][data-aos][data-aos-delay='2800'], body[data-aos-delay='2800'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2800'].aos-animate, body[data-aos-delay='2800'] [data-aos].aos-animate { transition-delay: 2.8s }
[data-aos][data-aos][data-aos-duration='2850'], body[data-aos-duration='2850'] [data-aos] {
transition-duration:2.85s
}
[data-aos][data-aos][data-aos-delay='2850'], body[data-aos-delay='2850'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2850'].aos-animate, body[data-aos-delay='2850'] [data-aos].aos-animate { transition-delay: 2.85s }
[data-aos][data-aos][data-aos-duration='2900'], body[data-aos-duration='2900'] [data-aos] {
transition-duration:2.9s
}
[data-aos][data-aos][data-aos-delay='2900'], body[data-aos-delay='2900'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2900'].aos-animate, body[data-aos-delay='2900'] [data-aos].aos-animate { transition-delay: 2.9s }
[data-aos][data-aos][data-aos-duration='2950'], body[data-aos-duration='2950'] [data-aos] {
transition-duration:2.95s
}
[data-aos][data-aos][data-aos-delay='2950'], body[data-aos-delay='2950'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='2950'].aos-animate, body[data-aos-delay='2950'] [data-aos].aos-animate { transition-delay: 2.95s }
[data-aos][data-aos][data-aos-duration='3000'], body[data-aos-duration='3000'] [data-aos] {
transition-duration:3s
}
[data-aos][data-aos][data-aos-delay='3000'], body[data-aos-delay='3000'] [data-aos] {
transition-delay:0
}
[data-aos][data-aos][data-aos-delay='3000'].aos-animate, body[data-aos-delay='3000'] [data-aos].aos-animate { transition-delay: 3s }
[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
transition-timing-function:cubic-bezier(.25, .25, .75, .75)
}
[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
transition-timing-function:ease
}
[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
transition-timing-function:ease-in
}
[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
transition-timing-function:ease-out
}
[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
transition-timing-function:ease-in-out
}
[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
transition-timing-function:cubic-bezier(.6, -.28, .735, .045)
}
[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
transition-timing-function:cubic-bezier(.175, .885, .32, 1.275)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
transition-timing-function:cubic-bezier(.68, -.55, .265, 1.55)
}
[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
transition-timing-function:cubic-bezier(.47, 0, .745, .715)
}
[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
transition-timing-function:cubic-bezier(.39, .575, .565, 1)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
transition-timing-function:cubic-bezier(.445, .05, .55, .95)
}
[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
transition-timing-function:cubic-bezier(.55, .085, .68, .53)
}
[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
transition-timing-function:cubic-bezier(.25, .46, .45, .94)
}
[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
transition-timing-function:cubic-bezier(.455, .03, .515, .955)
}
[data-aos^=fade][data-aos^=fade] {
opacity:0;
transition-property:opacity, transform
}
[data-aos^=fade][data-aos^=fade].aos-animate { opacity: 1; transform: translate(0) }
[data-aos=fade-up] {
transform:translateY(100px)
}
[data-aos=fade-down] {
transform:translateY(-100px)
}
[data-aos=fade-right] {
transform:translate(-100px)
}
[data-aos=fade-left] {
transform:translate(100px)
}
[data-aos=fade-up-right] {
transform:translate(-100px, 100px)
}
[data-aos=fade-up-left] {
transform:translate(100px, 100px)
}
[data-aos=fade-down-right] {
transform:translate(-100px, -100px)
}
[data-aos=fade-down-left] {
transform:translate(100px, -100px)
}
[data-aos^=zoom][data-aos^=zoom] {
opacity:0;
transition-property:opacity, transform
}
[data-aos^=zoom][data-aos^=zoom].aos-animate { opacity: 1; transform: translate(0) scale(1) }
[data-aos=zoom-in] {
transform:scale(.6)
}
[data-aos=zoom-in-up] {
transform:translateY(100px) scale(.6)
}
[data-aos=zoom-in-down] {
transform:translateY(-100px) scale(.6)
}
[data-aos=zoom-in-right] {
transform:translate(-100px) scale(.6)
}
[data-aos=zoom-in-left] {
transform:translate(100px) scale(.6)
}
[data-aos=zoom-out] {
transform:scale(1.2)
}
[data-aos=zoom-out-up] {
transform:translateY(100px) scale(1.2)
}
[data-aos=zoom-out-down] {
transform:translateY(-100px) scale(1.2)
}
[data-aos=zoom-out-right] {
transform:translate(-100px) scale(1.2)
}
[data-aos=zoom-out-left] {
transform:translate(100px) scale(1.2)
}
[data-aos^=slide][data-aos^=slide] {
transition-property:transform
}
[data-aos^=slide][data-aos^=slide].aos-animate { transform: translate(0) }
[data-aos=slide-up] {
transform:translateY(100%)
}
[data-aos=slide-down] {
transform:translateY(-100%)
}
[data-aos=slide-right] {
transform:translateX(-100%)
}
[data-aos=slide-left] {
transform:translateX(100%)
}
[data-aos^=flip][data-aos^=flip] {
backface-visibility:hidden;
transition-property:transform
}
[data-aos=flip-left] {
transform:perspective(2500px) rotateY(-100deg)
}
[data-aos=flip-left].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-right] {
transform:perspective(2500px) rotateY(100deg)
}
[data-aos=flip-right].aos-animate { transform: perspective(2500px) rotateY(0) }
[data-aos=flip-up] {
transform:perspective(2500px) rotateX(-100deg)
}
[data-aos=flip-up].aos-animate { transform: perspective(2500px) rotateX(0) }
[data-aos=flip-down] {
transform:perspective(2500px) rotateX(100deg)
}
[data-aos=flip-down].aos-animate { transform: perspective(2500px) rotateX(0) }