main.customization-main .inner-banner{background:var(--color)}

.row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}
.row-reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}
.row-jsb{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.row-jc{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.row-ac{-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.row-as{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}
.row-ae{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}
.row-js{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}
.row-je{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
.row-nowrap{-ms-flex-wrap:nowrap;flex-wrap:nowrap}
.col-24{width:100%}
.col-23{width:95.8333333333%}
.col-22{width:91.6666666667%}
.col-21{width:87.5%}
.col-20{width:83.3333333333%}
.col-19{width:79.1666666667%}
.col-18{width:75%}
.col-17{width:70.8333333333%}
.col-16{width:66.6666666667%}
.col-15{width:62.5%}
.col-14{width:58.3333333333%}
.col-13{width:54.1666666667%}
.col-12{width:50%}
.col-11{width:45.8333333333%}
.col-10{width:41.6666666667%}
.col-9{width:37.5%}
.col-8{width:33.3333333333%}
.col-7{width:29.1666666667%}
.col-6{width:25%}
.col-5{width:20.8333333333%}
.col-4{width:16.6666666667%}
.col-3{width:12.5%}
.col-2{width:8.3333333333%}
.col-1{width:4.1666666667%}
.g-x-20{margin-left:-10px;margin-right:-10px}
.g-x-20>.col{padding-left:10px;padding-right:10px}
.g-x-50{margin-left:-25px;margin-right:-25px}
.g-x-50>.col{padding-left:25px;padding-right:25px}
.row-cols-4>.col{width:25%}
.row-cols-3>.col{width:33.3333%}
.mt-7{margin-top:70px}
.mb-5{margin-bottom:50px}
@media (max-width:768px){
.row-cols-sm-2>.col{width:50%}
.row-cols-sm-1>.col{width:100%}
.g-x-sm-20{margin-left:-10px;margin-right:-10px}
.g-x-sm-20>.col{padding-left:10px;padding-right:10px}
.g-x-sm-10{margin-left:-5px;margin-right:-5px}
.g-x-sm-10>.col{padding-left:5px;padding-right:5px}
.col-sm-24{width:100%}
.mt-sm-4{margin-top:40px}
.mb-sm-3{margin-bottom:30px}
.mb-sm-2{margin-bottom:20px}
}
img{vertical-align:middle}
.imgbox{overflow:hidden}
.imgbox img{-webkit-transition:all .2s ease;transition:all .2s ease;display:block}
.imgbox img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}
.customization.siggle-page .l-wrap{max-width:100%;margin:0}
.customization-main *{-webkit-box-sizing:border-box;box-sizing:border-box}
.customization-main .container{max-width:1536px;margin:0 auto}
.customization-main .container .box{width:100%;margin-right:0}
@media (max-width:1600px){
.customization-main .container{padding:0 15px}
}
.cus-title{font-size:28px;font-weight:700;text-align:center}
.cus-title p{display:inline-block;position:relative}
.cus-title p:after{content:"";position:absolute;width:101%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);bottom:-20px;height:1px;background:#0271b8}
@media (max-width:1024px){
.cus-title{font-size:22px}
.cus-title p:after{bottom:-10px}
}
.cus-con1 .cus-img{text-align:center;position:relative}
.cus-con1 .cus-img .img1{padding-top:2.1vw;margin-top:10vw;padding-left:9.373vw;padding-right:9.373vw;margin-bottom:8vw}
.cus-con1 .cus-img .img2{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%}
.cus-con2 .cus2-list li{margin-bottom:20px}
.cus-con2 .cus2-list li img{width:100%}
.cus-con2 .cus2-list li .box{border-image-source:linear-gradient(90deg,#0271b8,#0271b8 50%,#000 50%);border-width:10px;border-style:solid;border-image-slice:1;padding:4px;position:relative}
.cus-con2 .cus2-list li .back{position:absolute;top:0;left:0;z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%;background:#fff;opacity:1;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:scale(0);transform:scale(0);-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}
.cus-con2 .cus2-list li:hover .back{-webkit-transform:scale(1);transform:scale(1)}
@media (max-width:768px){
.cus-con3 ul{-ms-flex-wrap:wrap;flex-wrap:wrap}
.cus-con3 ul li{width:100%;text-align:center}
}
.cus-con6 .cus6-list li{margin-bottom:50px}
.cus-con6 .cus6-list li p{background-color:#0271b8;width:80%;margin:25px auto 0;text-align:center;color:#fff;font-size:24px}
@media (max-width:768px){
.cus-con6 .cus6-list li{margin-bottom:20px}
.cus-con6 .cus6-list li p{width:100%;margin-top:10px;font-size:18px}
}
.cus-con4{padding:100px 0;background:-webkit-gradient(linear,left top,right top,color-stop(0,#cdd5db),color-stop(18%,#cdd5db),color-stop(18%,#f6f6f6),to(#f6f6f6));background:linear-gradient(90deg,var(--color) 0,var(--color) 18%,#f6f6f6 18%,#f6f6f6 100%)}
@media (max-width:1024px){
.cus-con4{padding:40px 0}
}
.cus-con4 .cus4-tit{max-width:900px}
.cus-con4 .cus4-tit p{font-size:36px;font-weight:700;line-height:1.33333;padding-left:25px;text-transform:uppercase}
@media (max-width:1024px){
.cus-con4 .cus4-tit{max-width:100%}
.cus-con4 .cus4-tit p{font-size:24px}
}
@media (max-width:768px){
.cus-con4 .cus4-tit{max-width:100%}
.cus-con4 .cus4-tit p{font-size:22px;width:100%;padding-left:0;margin-top:15px}
}
.cus-con4 .cus4-box #iframeContainer{width:100%;height:100%;text-align:center;}
.cus-con4 .cus4-box #iframeContainer img{width:auto;max-width:100%;}
.cus-con4 .cus4-box .right{background-color:#fff;-webkit-box-shadow:0 0 24px rgba(48,48,48,.11);box-shadow:0 0 24px rgba(48,48,48,.11);padding:60px 50px;position:relative;}
.cus-con4 .cus4-box .right p.contact-more{position:absolute;bottom:-40px;right:0;font-weight:var(--fontbold7)}
@media (max-width:1366px){
.cus-con4 .cus4-box .right{padding:30px;width:44%}
}
.cus-con4 .cus4-box .right .rightP1{font-size:80px;font-family:Times New Roman;font-style:italic}
.cus-con4 .cus4-box .right .rightP2{font-size:24px;text-align: end;}
.cus-con4 .cus4-box .right .rightIcons{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-flex:1;-ms-flex:1;flex:1;padding-left:20px;margin:20px 0}
.cus-con4 .cus4-box .right .rightIcons .rightIcon1{width:30%;background-color:#f7f7f7;padding:8px 10px}
.cus-con4 .cus4-box .right .rightIcons .rightIcon1.act{background:#ccc}
.cus-con4 .cus4-box .right .rightIcons2{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:14px;text-align:center;margin-top:20px}
.cus-con4 .cus4-box .right .rightIcons2 span{font-style:normal;line-height:1}
.cus-con4 .cus4-box .right .rightIcons2 .rightIcon2:last-child{width:52%}
.cus-con4 .cus4-box .right .rightIcons2 .rightIcon2:not(:last-child){width:15%}
.cus-con4 .cus4-box .right .rightTabs{margin-top:20px}
.cus-con4 .cus4-box .right .rightTabs .tab{padding:8px 10px;width:25%;font-weight:700;text-align:center;cursor:pointer}
.cus-con4 .cus4-box .right .rightTabs .tab.act{background-color:#ededed}
.cus-con4 .cus4-box .right #tab2,.cus-con4 .cus4-box .right #tab3,.cus-con4 .cus4-box .right #tab4{display:none}
.cus-con4 .cus4-box .right .rightTabicons{display:-webkit-box;display:-ms-flexbox;display:flex;background-color:#ededed;padding:10px;-ms-flex-wrap:wrap;flex-wrap:wrap}
.cus-con4 .cus4-box .right .rightTabicons .rightTabicon{width:22%;background:#fff;margin:0 1.5%;text-align:center;padding:15px 10px;font-style:normal;cursor:pointer;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}
.cus-con4 .cus4-box .right .rightTabicons .rightTabicon.act{background:#ccc}
@media (max-width:1024px){
.cus-con4 .cus4-box{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}
.cus-con4 .cus4-box .left{width:100%}
.cus-con4 .cus4-box .left #iframeContainer img{width:auto;display:block;margin:0 auto}
.cus-con4 .cus4-box .right{width:100%;margin:20px 0 65px}
.cus-con4 .cus4-box .right .rightP1{font-size:24px}
}
@media (max-width:768px){
.cus-con4 .cus4-box .right{padding:15px}
.cus-con4 .cus4-box .right .rightP4Span{width:100%}
.cus-con4 .cus4-box .right .rightIcons{padding-left:0}
.cus-con4 .cus4-box .right .rightIcons2{-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:0}
.cus-con4 .cus4-box .right .rightIcons2 .rightIcon2:not(:last-child){width:33%}
.cus-con4 .cus4-box .right .rightIcons2 .rightIcon2:last-child{width:auto;margin-top:10px}
.cus-con4 .cus4-box .right .rightTabicons{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.cus-con4 .cus4-box .right .rightTabicons .rightTabicon{width:48%;margin:0 0 2% 0}
.cus-con4 .cus4-box .right .rightTabs .tab{width:50%}
}

.cus-con2 .cus2-list li .frame-title{text-align:center;margin-top: 20px;font-weight: var(--fontbold7);font-size: 18px;}