/*


* @Author: Dodo


* @Date:   2019-12-27 19:46:46


* @Last Modified by:   DoDo


* @Last Modified time: 2020-01-07 15:58:48


*/





@charset "utf-8";





body {


    overflow-x: hidden;


    background-attachment: fixed;


    -webkit-background-size: cover;


    background-size: cover;


    background-position: center;


}


body.on{


    overflow: hidden;


}





img {


    max-width: 100%;


}





a{


    outline: none;


}








@media screen and (min-width: 1366px){


    .container{


        width: 1200px;


        padding-left: 0;


        padding-right: 0;


    }


}


@media screen and (min-width: 1440px){


    .w1400.container{


        width: 1400px;


    }


}


@media screen and (min-width: 1660px){


    .w1600.container{


        width: 1600px;


    }


}


@media (min-width: 1440px) and (max-width: 1659px){


    .w1600.container{


        width: 1400px;


    }


}





.f0{


    font-size: 0;


}


.bg-f7f7f7{


    background: #f7f7f7;


}





/* header */


.header{


    position: fixed;


    left: 0;


    top: 0;


    right: 0;


    z-index: 100;


    padding-left: calc(3.125% + 300px);


    padding-right: 3.125%;


    padding-top: 15px;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.header-logo{


    float: left;


    margin-left: -300px;


}


.header-logo img{


    width: 210px;


    height: 70px;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.header-bream{


    position: absolute;


    right: 15px;


    top: 15px;


    width: 30px;


    height: 25px;


    padding-top: 12px;


    cursor: pointer;


    display: none;


}


.header-bream span{


    display: block;


    height: 1px;


    filter:alpha(opacity=100);  


    -moz-opacity:1;  


    -khtml-opacity: 1;  


    opacity: 1;


    background-color: #c8a063;


    -webkit-transition: all .5s;


    -moz-transition: all .5s;


    -o-transition: all .5s;


    transition: all .5s;


}


.header-bream::before,.header-bream:after{


    content: " ";


    position: absolute;


    left: 0;


    right: 0;


    height: 1px;


    background-color: #c8a063;


    -webkit-transition: all .5s;


    -moz-transition: all .5s;


    -o-transition: all .5s;


    transition: all .5s;


}


.header-bream::before{


    top: 2px;


}


.header-bream::after{


    bottom: 2px;


}





.header-bream.on span{


    filter:alpha(opacity=0); 


    -moz-opacity:0;  


    -khtml-opacity: 0;  


    opacity: 0;


}


.header-bream.on::before{


    top: 12px;


    -webkit-transform:rotate(45deg);


    -moz-transform:rotate(45deg);


    -o-transform:rotate(45deg);


    transform:rotate(45deg); 


}


.header-bream.on::after{


    bottom: 12px;


    -webkit-transform:rotate(-45deg);


    -moz-transform:rotate(-45deg);


    -o-transform:rotate(-45deg);


    transform:rotate(-45deg);


}





.header-lauguage{


    position: relative;


    float: right;


    font-size: 18px;


    margin-top: 15px;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.header-lauguage a{


    display: inline-block;


    color: #fff;


    text-transform: uppercase;


    line-height: 40px;


}


.header-lauguage .a-on{


    padding: 0 35px 0 15px;


    padding-right: 25px;


    background: url('../../static/images/icon-01-c017d0be6b26.png') right 10px center no-repeat;


}


.header-lauguage .a-down{


    position: absolute;


    left: 0;


    right: 0;


    top: 100%;


    background: #111;


    padding: 0 15px;


    filter:alpha(opacity=0);


    -moz-opacity:0;


    -khtml-opacity: 0;


    opacity: 0;


    visibility: hidden;


    transform: translateY(10px);


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}





.nav-toggle{


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.nav-list{


    float: left;


}


.nav-list li{


    float: left;


    line-height: 70px;


    margin-left: 50px;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.nav-list li a{


    font-size: 16px;


    color: #fff;


    cursor: pointer;


}


.nav-list li a.xz{


    color: #c8a063;


}





.header.xz{


    background: #111;


}





.public-abchor{


    position: absolute;


    margin-top: -80px;


}





/* banner */


.banner-index .bg-qp{


    width: 100vw;


    height: 100vh;


    background-position: center;


    background-repeat: no-repeat;


    -webkit-background-size: cover;


    background-size: cover;


}


.banner-index .div-pc,.banner-index .div-phone{


    background-attachment: fixed;


}


.banner-index .bg-logo,.banner-index .bg-logo-phone{


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    z-index: 5;


}


.banner-index .div-0{


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    background-color: rgba(0,0,0,.9);


    z-index: 3;


}


.banner{


    position: absolute;


    left: 0;


    top: 0;


    width: 100vw;


    height: 100vh;


    z-index: 10;


}


.banner .owl-dots{


    position: absolute;


    left: 0;


    right: 0;


    bottom: 20px;


    z-index: 20;


    font-size: 0;


    text-align: center;


}


.banner button.owl-dot{


    width: 10px;


    height: 10px;


    background: #fff;


    border-radius: 50%;


    margin: 0 5px;


}


.banner button.owl-dot.active{


    background: #c8a063;


}





.banner .div-mc{


    width: 100vw;


    height: 100vh;


}


.banner .div-word{


    position: absolute;


    left: 0;


    right: 0;


    top: 50%;


    transform: translate(0,-50%);


    z-index: 1;


    color: #fff;


    text-align: center;


}


.banner .div-word div{


    display: inline-block;


}


.banner .div-word .b-cn{


    font-size: 72px;


    color: #fff;


    line-height: 82px;


}


.banner .div-word .b-cn span{


    color: #c8a063;


}


.banner .div-word .span-en{


    font-size: 26px;


    line-height: 26px;


    text-transform: uppercase;


    margin-top: 16px;


}


.banner .owl-item.active .b-cn{


    -webkit-animation: fadeInUp 1.5s ease 0s both;


    -moz-animation: fadeInUp 1.5s ease 0s both;


    animation: fadeInUp 1.5s ease 0s both;


}


.banner .owl-item.active .span-en{


    -webkit-animation: fadeInUp 1.5s ease 0.5s both;


    -moz-animation: fadeInUp 1.5s ease 0.5s both;


    animation: fadeInUp 1.5s ease 0.5s both;


}





/* main */


.index-intro .div-img{


    float: left;


    width: 50%;


    -webkit-background-size: cover;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.index-intro .div-img img{


    width: 100%;


    display: none;


}


.index-intro .div-word{


    position: relative;


    float: right;


    margin-right: 3.125%;


    width: calc(46.875% + 100px);


    padding: 113px 80px 100px 80px;


    background: #fff;


    margin-left: -100px;


    margin-top: 100px;


    -webkit-box-shadow:0 0 16px rgba(0, 0, 0, .08);  


    -moz-box-shadow:0 0 16px rgba(0, 0, 0, .08);  


    box-shadow:0 0 16px rgba(0, 0, 0, .08); 


}


.index-intro .div-word::before{


    content: " ";


    position: absolute;


    left: 20px;


    top: 20px;


    right: 20px;


    bottom: 20px;


    border: 2px solid #c8a063;


}


.index-intro .div-word .div-des{


    font-size: 18px;


    line-height: 36px;


    color: #666;


    text-align: justify;


    margin-top: 45px;


}


.public-title{


    position: relative;


    padding-top: 25px;


}


.public-title .b-en{


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    font-size: 72px;


    line-height: 72px;


    color: rgba(200,160,99,.1);


    text-transform: uppercase;


}


.public-title .b-cn{


    font-size: 40px;


    line-height: 40px;


    color: #c8a063;


    padding-bottom: 25px;


    background: url('../../static/images/line-01-8751e8559e62.jpg') left bottom no-repeat;


}





.public-title.tc .b-cn{


    padding-bottom: 42px;


    background: url('../../static/images/line-02-fbba999fc872.png') center bottom no-repeat;


}


.public-title.tc.white .b-en{


    color: rgba(255,255,255,.1);


}


.public-title.tc.white .b-cn{


    color: #fff;


    background: url('../../static/images/line-05-5accd69e8c62.png') center bottom no-repeat;


}





.index-atlas{


    /*padding: 60px 0 80px 3.125%;*/


    padding: 60px 0 80px 0;


}





.index-atlas-01{


    position: relative;


    cursor: pointer;


}


.index-atlas-01>img{


    display: block;


    width: 100%;


}


.index-atlas-01 .div-mc{


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    background: rgba(0,0,0,.6);


    border: 6px solid #c8a063;


    filter:alpha(opacity=0);


    -moz-opacity:0;


    -khtml-opacity: 0;


    opacity: 0;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.index-atlas-01 .div-mc .mg-icon{


    position: absolute;


    left: 50%;


    top: 50%;


    transform: translate(-50%,-50%);


}





.index-atlas-01:hover .div-mc{


    filter:alpha(opacity=100);


    -moz-opacity:1;


    -khtml-opacity: 1;


    opacity: 1;


}





.index-team{


    padding-top: 70px;


    padding-bottom: 80px;


    background: #111;


}


.index-team-cont{


    padding-top: 20px;


}


.index-team-01{


    margin-top: 30px;


    background: #292929;


    color: #fff;


    text-align: center;


    padding-bottom: 23px;


    cursor: pointer;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.index-team-01 img{


    width: 100%;


    -webkit-transition: all .5s;


    -moz-transition: all .5s;


    -o-transition: all .5s;


    transition: all .5s;


}


.index-team-01 .b-name{


    font-size: 18px;


    line-height: 28px;


    padding-bottom: 7px;


    background: url('../../static/images/line-03-17890b66158d.jpg') center bottom no-repeat;


    margin-top: 25px;


    overflow: hidden;


    text-overflow:ellipsis;


    white-space: nowrap;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.index-team-01 .span-txt{


    font-size: 14px;


    line-height: 24px;


    margin-top: 5px;


    overflow: hidden;


    text-overflow:ellipsis;


    white-space: nowrap;


}





.index-culture{


    background: #000;


}


.index-culture-title{


    background: #c8a063;


    padding-top: 22px;


    padding-bottom: 30px;


}





.index-culture-cont{


    padding-bottom: 75px;


    background-position: center;


    background-repeat: no-repeat;


    -webkit-background-size: cover;


    background-size: cover;


    background-attachment: fixed;


}


.index-culture-title2{


    font-size: 30px;


    color: #fff;


    line-height: 30px;


    padding-bottom: 20px;


    background-repeat: no-repeat;


    background-position: left bottom;


    background-image: url('../../static/images/line-07-32b02c57ce6a.jpg');


}


.index-culture-title2.tc{


    background-position: center bottom;


}


.index-culture-top{


    background: url('../../static/images/line-06-24a8a99517a7.png') center top repeat-y;


}


.index-culture-01{


    float: left;


    width: 50%;


    font-size: 16px;


    line-height: 30px;


    color: #999;


    padding-top: 50px;


}


.index-culture-01 .div-des{


    padding-top: 22px;


}


.index-culture-value{


    font-size: 16px;


    line-height: 30px;


    color: #999;


    padding-top: 50px;


    border-top: 1px solid rgba(255,255,255,.1);


}


.index-culture-list{


    margin-top: 26px;


}


.index-culture-list li{


    padding-left: 388px;


}


.index-culture-list li .div-num{


    position: relative;


    float: left;


    margin-left: -388px;


    padding-right: 144px;


    width: 350px;


    background: url('../../static/images/line-08-51df33fad011.png') right center no-repeat;


    font-size: 30px;


    line-height: 170px;


    font-weight: bold;


    color: #999;


    text-align: center;


}


.index-culture-list li .div-num .span-num{


    position: absolute;


    left: 0;


    right: 144px;


    font-family: Arial;


    font-size: 170px;


    font-weight: black;


    color: rgba(255,255,255,.05);


}


.index-culture-list li .div-des{


    display: flex;


    align-items: center;


    min-height: 170px;


}





.index-case{


    padding-top: 70px;


    padding-bottom: 80px;


    background-position: center;


    background-repeat: no-repeat;


    -webkit-background-size: cover;


    background-size: cover;


    background-attachment: fixed;


}


.index-case .row{


    margin-left: 0;


    margin-right: 0;


    margin-top: 50px;


}


.index-case .row>div{


    padding-left: 0;


    padding-right: 0;


}


.index-case-01{


    position: relative;


    z-index: 0;


    height: 300px;


    line-height: 300px;


    text-align: center;


    background: #fff;


    cursor: pointer;


}





.index-case-01::before{


    content: " ";


    position: absolute;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.index-case-01 .span-img{


    position: relative;


    line-height: normal;


}


.index-case-01 .span-img img{


    max-width: 200px;


    max-height: 200px;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.index-case-01 .span-img .mgh{


    position: absolute;


    left: 0;


    top: 0;


    filter:alpha(opacity=0);


    -moz-opacity:0;


    -khtml-opacity: 0;


    opacity: 0;


    visibility: hidden;


}


.index-case-01 .span-txt{


    position: absolute;


    left: 15px;


    bottom: 15px;


    right: 15px;


    font-size: 16px;


    color: #fff;


    line-height: 26px;


    filter:alpha(opacity=0);


    -moz-opacity:0;


    -khtml-opacity: 0;


    opacity: 0;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}





/* footer */


.footer{


    color: #999;


    background-color: #111;


}


.foot-top{


    display: flex;


    justify-content: space-between;


    align-items: center;


    padding: 30px 0;


}


.f-cont{


    font-size: 14px;


    line-height: 24px;


}


.f-cont span{


    display: inline-block;


    margin: 0 16px;


}


.f-cont span:last-child{


    margin-right: 0;


}


.foot-bottom{


    border-top: 1px solid #292929;


    font-size: 14px;


    line-height: 24px;


    padding: 19px 15px 17px;


    text-align: center;


}


.foot-bottom .span-line{


    display: inline-block;


    font-size: 14px;


    margin: 0 32px;


}


.foot-bottom .span-01{


    display: inline-block;


}


.foot-bottom a{


    color: #999;


}











/* 图册弹窗 */


.public-tc{


    position: fixed;


    left: 0;


    top: 0;


    right: 0;


    bottom: 0;


    z-index: -100;


    background: #f5f5f5;


    filter:alpha(opacity=0);


    -moz-opacity:0;


    -khtml-opacity: 0;


    opacity: 0;


    -webkit-transition: all 0.3s ease 0s;


    -moz-transition: all 0.3s ease 0s;


    -o-transition: all 0.3s ease 0s;


    transition: all 0.3s ease 0s;


}


.public-tc.hidden{


    filter:alpha(opacity=100);


    -moz-opacity:1;


    -khtml-opacity: 1;


    opacity: 1;


    visibility: hidden;


}


.public-tc.on{


    filter:alpha(opacity=100);


    -moz-opacity:1;


    -khtml-opacity: 1;


    opacity: 1;


    visibility: visible;


    z-index: 105;


}


.public-tc-head{


    padding-top: 30px;


    padding-bottom: 30px;


    -webkit-background-size: cover;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


}


.public-tc-head .mg-logo{


    height: 70px;


}





.public-tc-close{


    position: absolute;


    right: 3.125%;


    top: 40px;


    z-index: 100;


    width: 50px;


    height: 50px;


    cursor: pointer;


}





.public-cont{


    position: relative;


    margin-top: 80px;


}


.public-arrowLeft,.public-arrowRight{


    position: absolute;


    top: 50%;


    transform: translateY(-50%);


    width: 70px;


    height: 70px;


    -webkit-background-size: cover;


    background-size: cover;


    background-position: center;


    background-repeat: no-repeat;


    cursor: pointer;


}


.public-arrowLeft{


    left: -100px;


    background-image: url('../../static/images/arrow-left-466f1f9b60d3.png');


}


.public-arrowRight{


    right: -100px;


    background-image: url('../../static/images/arrow-right-702d56f7678c.png');


}





.tuce-tc .public-cont{


    height: calc(100vh - 346px);


}


.public-area{


    position: absolute;


    left: 100px;


    top: 0;


    right: 100px;


    bottom: 0;


    padding: 50px;


    background: #fff;


}


.tuce-owl .owl-item .tuce-01{


    display: flex;


    height: calc(100vh - 446px);


    justify-content: center;


    align-items: center;


}


.tuce-owl .owl-item .tuce-01 img{


    display: inline-block;


    width: auto;


    max-width: 100%;


    max-height: calc(100vh - 446px);


}


.tuce-owl .owl-dots{


    display: none;


}





.tuce-bt{


    font-size: 18px;


    height: 56px;


    line-height: 28px;


    text-align: center;


    font-weight: bold;


    color: #333;


    margin-top: 25px;


}











/* 团队弹窗 */


.team-tc .public-cont,.case-tc .public-cont{


    height: calc(100vh - 290px);


}


.team-02{


    padding-left: 325px;


    font-size: 16px;


    color: #666;


    line-height: 30px;


}


.team-02 .span-img{


    float: left;


    width: 275px;


    margin-left: -325px;


}


.team-02 .div-title{


    padding-bottom: 26px;


    border-bottom: 1px dotted #e9e9e9;


}


.team-02 .div-title .b-name{


    font-size: 40px;


    color: #333;


    line-height: 40px;


    padding-bottom: 21px;


    background: url('../../static/images/line-03-17890b66158d.jpg') left bottom no-repeat;


}


.team-02 .div-title .span-txt{


    font-size: 18px;


    color: #333;


    line-height: 28px;


    margin-top: 15px;


}


.team-02 .div-des{


    margin-top: 26px;


    height: calc(100vh - 545px);


}


.team-02 .div-zw{


    font-size: 18px;


    line-height: 28px;


    color: #333;


    padding-bottom: 15px;


}








.mCSB_scrollTools .mCSB_draggerRail{


    background: #e5e5e5;


}


.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,


.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{


    background: #c8a063;


}








/* 案例弹窗 */


.case-owl .team-02 .span-img{


    width: 300px;


    height: 300px;


    line-height: 300px;


    vertical-align: middle;


    text-align: center;


    background: #f6f6f6;


} 


.case-owl .owl-item .team-02 .span-img img{


    display: inline-block;


    width: auto;


    max-width: 100%;


    max-height: 300px;


} 































img[data-catalog-media]{border-radius:8px;}

body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;}

.template-contact-number{display:inline-block;white-space:nowrap;word-break:keep-all;overflow-wrap:normal;}


@media (min-width:768px){picture[data-refreshed-banner]{display:contents;}}
@media (min-width:768px){[data-banner-text-host]{position:relative;box-sizing:border-box;}}
@media (min-width:768px){[data-banner-text-layer]{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden;}}
@media (min-width:768px){[data-banner-text-layer]>span{position:absolute;display:block;color:white;font-family:"Noto Sans SC",sans-serif;font-weight:600;line-height:1.25;text-shadow:0 2px 5px rgba(0,0,0,.65);overflow-wrap:anywhere;}}
@media (min-width:768px){[data-banner-placeholder]{display:none;}}
@media (min-width:768px){[data-banner-replaced-copy]{display:none;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]{display:flex;align-items:flex-start;justify-content:center;padding:30px max(12%,calc((100% - 1080px)/2));box-sizing:border-box;overflow:visible;background:transparent;flex-direction:column;padding-top:32px;padding-bottom:32px;}}
@media (min-width:768px){[data-banner-text-panel]{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:min(620px,62%);padding:28px 34px 30px;margin:0 18px;background:linear-gradient(100deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);border-left:1px solid rgba(255,255,255,.45);box-shadow:0 14px 34px rgba(0,0,0,.14);}}
@media (min-width:768px){[data-banner-text-panel]>span{position:static;display:block;flex:0 1 auto;left:auto;top:auto;width:auto;max-width:100%;margin:0;color:white;font-size:19px;font-weight:500;line-height:1.55;letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;text-shadow:0 2px 6px rgba(0,0,0,.65);}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:15px;letter-spacing:.18em;line-height:1.2;opacity:.88;text-transform:none;}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-title]{font-size:44px;font-weight:750;line-height:1.18;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]{align-items:flex-end;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=right]>[data-banner-text-panel]{border-left:0;border-right:1px solid rgba(255,255,255,.45);align-items:flex-end;text-align:right;background:linear-gradient(260deg,rgba(8,18,32,.68),rgba(8,18,32,.24) 88%,transparent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow][data-banner-align=center]>[data-banner-text-panel]{align-items:center;text-align:center;}}
@media (min-width:768px){[data-banner-accent]{display:block;width:72px;height:16px;flex:0 0 16px;background:url("../../static/images/desktop-banners/banner-accent.svg") left center/contain no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3));}}
@media (min-width:768px){[data-banner-text-panel]>[data-banner-text-features]{font-size:16px;border-top:1px solid rgba(255,255,255,.5);padding-top:14px;margin-top:4px;opacity:.95;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{max-width:68%;padding:20px 24px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-title]{font-size:30px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow]>[data-banner-text-panel]{box-sizing:border-box;width:min(720px,100%);max-width:100%;flex:0 0 auto;overflow:visible;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>span{flex:none;height:auto;max-height:none;white-space:normal;overflow:visible;text-overflow:clip;word-break:normal;overflow-wrap:anywhere;-webkit-line-clamp:unset;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:48px;line-height:1.25;border:0;padding:0;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-eyebrow]{font-size:20px;letter-spacing:0;color:var(--banner-accent);}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-features]{font-size:18px;}}
@media (min-width:768px) and (max-width:1100px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]>[data-banner-text-title]{font-size:36px;}}
@media (min-width:768px){[data-banner-text-flow]{--banner-accent:#337ab7;flex-direction:column;}}
@media (min-width:768px){[data-banner-text-title]{font-weight:800;border-left:5px solid var(--banner-accent);padding-left:18px;}}
@media (min-width:768px){[data-banner-text-panel]>span:not([data-banner-text-title]){padding-left:23px;}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel]{background:rgba(0,0,0,.3);border:1px solid rgba(255,255,255,.55);border-top:4px solid var(--banner-accent);}}
@media (min-width:768px){img[data-src="static/images/1642239012262135-4843ea5c24e2.jpg"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1642239012262135-4843ea5c24e2.jpg"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1642239012262135-4843ea5c24e2.jpg"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1642239012262135-4843ea5c24e2.jpg"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/45b781d2ead5.jpg.webp"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/45b781d2ead5.jpg.webp"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/45b781d2ead5.jpg.webp"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/45b781d2ead5.jpg.webp"]{content:url("../../static/images/desktop-banners/45b781d2ead5.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/1642239019188476-bb733e113671.jpg"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/1642239019188476-bb733e113671.jpg"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/1642239019188476-bb733e113671.jpg"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/1642239019188476-bb733e113671.jpg"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-src="static/images/desktop-banners/0e247e4d26d6.jpg.webp"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-src$="/static/images/desktop-banners/0e247e4d26d6.jpg.webp"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-original="static/images/desktop-banners/0e247e4d26d6.jpg.webp"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){img[data-original$="/static/images/desktop-banners/0e247e4d26d6.jpg.webp"]{content:url("../../static/images/desktop-banners/0e247e4d26d6.jpg.webp");}}
@media (min-width:768px){[data-banner-text-layer][data-banner-text-flow] [data-banner-text-panel][data-banner-text-panel]>span{color:#f8fafc;}}
@media screen and (min-width:1024px){@media screen and (min-width: 1200px){.public-arrowLeft:hover{background-image:url("../../static/images/desktop-brand/chevron-left-2a447eca9f.svg");}}}
@media screen and (min-width:1024px){@media screen and (min-width: 1200px){.public-arrowRight:hover{background-image:url("../../static/images/desktop-brand/chevron-right-165e527351.svg");}}}
@media screen and (min-width:1024px){.public-arrowLeft{background-image:url("../../static/images/desktop-brand/chevron-left-9c141cbec6.svg");}}
@media screen and (min-width:1024px){.public-arrowRight{background-image:url("../../static/images/desktop-brand/chevron-right-1a3c3fa0ca.svg");}}
@media (min-width:768px){[data-desktop-empty-media]{background-image:var(--desktop-region-image);background-position:center;background-size:cover;background-repeat:no-repeat;min-height:280px;}}