.fixed:before{ content: ''; display: table }
.fixed:after{ content: ''; display: table; clear: both }
.fixed{ *zoom: 1;}

.main{max-width: 1920px;margin: 0 auto;width: 100%;}
.sertab{text-align: center;margin: 0 0 50px;}
.sertab a{text-align: center;background-color: #eef1f3;display: inline-block;border-radius: 3px;color: #434343;font-size: 16px;line-height: 50px;width: 250px;padding: 0 10px;margin: 0 10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.sertab .cur{background-color: #0174c4;color: #FFF;}
.about-list li{margin: 0 0 36px;}
.about-list li:nth-child(2n) .a-item{flex-direction: row-reverse;}
.about-list .a-item{display: flex;color: #333333;line-height: 2.2;}
.about-list .a-item img{max-width: 98%;height: auto;margin: auto 1%;}
.about-list .text{padding: 0 5%;display: flex;flex-direction: column;justify-content: center;}
.about-list .imgshow{flex-shrink: 0;width: 49%;}
.about-list .imgshow img{width: 100%;}
.content-about{padding-bottom: 100px;}
@media screen and (max-width: 768px){
.about-list .text, .about-list .imgshow{width: 100%;}
.about-list .text{margin-top: 20px;padding: 0;}
.about-list .a-item{flex-wrap: wrap;flex-direction: column-reverse;}
.about-list li:nth-child(2n) .a-item{flex-direction: row-reverse;flex-direction: column-reverse;}
.content-about{padding: 0 0 40px;}}

.solution-list .text{padding: 0 5% 0 10%;float: left;flex-shrink: 0;box-sizing: border-box;width: 44%;text-align: center;display: flex;flex-direction: column;justify-content: center;align-items: center;background-color: #0174c4;color: #FFF;}
.solution-list .s-item{overflow: hidden;display: flex;}
.solution-list h3{font-size: 30px;color: #FFF;}
.solution-list p{color: #FFF;font-size: 20px;text-align: center;width: 60%;margin: 20px auto 50px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.solution-list .see-more{background-color: #FFF;color: #0174c4;display: inline-block;font-size: 16px;border-radius: 23px;line-height: 46px;height: 46x;padding: 0 32px;}
.solution-list .imgshow{float: right;width: 56%;flex-shrink: 0;position: relative;}
.solution-list .imgshow a{position: relative;padding-bottom: 55%;display: block;}
.solution-list .imgshow a img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}
.solution-list li:nth-child(2n) .text{background-color: #FFF;color: #333;}
.solution-list li:nth-child(2n) .text h3, .solution-list li:nth-child(2n) .text p{color: #333;}
.solution-list li:nth-child(2n) .text .see-more{background-color: #0174c4;color: #FFF;}
.solution-list li:nth-child(2n) .s-item{flex-direction: row-reverse;}
.solution-list .two .imgshow{width: 63.4%;}
.solution-list .two .text{width: 36.6%;padding: 0 !important;}
@media screen and (max-width: 1460px){
.sertab a{width: 160px;font-size: 14px;}
.solution-list .text{padding: 0 2.5%;}
.solution-list p{font-size: 14px;}
.solution-list h3{font-size: 24px;}}
@media screen and (max-width: 768px){
.sertab{margin: 0 0 40px;}
.sertab>div{
    margin: -5px;
}
.sertab a{width: calc(100% / 4 - 14px);line-height: 45px;margin: 5px;}
.solution-list .text, .solution-list .imgshow{width: 100%;}
.solution-list .text{padding: 20px;}
.solution-list .s-item{flex-wrap: wrap;flex-direction: column-reverse;}
.solution-list .two .imgshow, .solution-list .two .text{width: 100%;}
.solution-list p{width: 100%;}
.solution-list li:nth-child(2n) .s-item{flex-direction: column-reverse;}
.solution-list .two .text{padding: 20px !important;}}

.content-left{float: left;width: 24%;margin-bottom: 50px;line-height: 1.5;}
.content-product{display: flex;justify-content: space-between;padding: 50px 0;}
.proclass .prott{height: 56px;border-radius: 8px 8px 0 0;line-height: 56px;background-color: #0174c4;padding-left: 35px;}
.proclass .prott h2{color: #FFF;font-size: 18px;font-weight: bold;line-height: inherit;}
.proclass li{margin: 0 0 3px;}
.proclass li .icon{color: #333;flex-shrink: 0;margin-right: 10px;transition: all 0.5s;}
.proclass .act .icon{transform: rotate(90deg);}
.proclass .act dl{display: block;}
.proclass .cur .icon{transform: rotate(90deg);}
.proclass dl{margin: 0;padding: 8px 0;border-left: 1px solid #EEEEEE;border-right: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;display: none;}
.proclass dd{margin: 0;}
.proclass dd a{display: block;color: #333;padding: 6px 20px 6px 53px;transition: all 0.3s;}
.proclass dd a:hover{color: #0174c4;}
.proclass dd a.cur{color: #0174c4;font-weight: bold;}
.proclass h3{padding: 20px 12px 20px 33px;background-size: cover;color: #666;font-size: 14px;line-height: inherit;display: flex;align-items: center;font-weight: 500;background: #e6e6e6;}
.proclass h3 a{color: #666;}
.content-right{float: right;width: 74%;line-height: 1.5;}
.product-list li{margin: 0 0 30px;}
.product-list .p-item{display: flex;justify-content: space-between;}
.product-list .imgshow{float: left;border: 1px solid #eee;text-align: center;width: 25%;box-sizing: border-box;}
.product-list .imgshow img{width: 100%;height: 100%;object-fit: cover;}
.product-list .text{float: right;width: 74%;box-sizing: border-box;border: 1px solid #eee;border-radius: 5px 5px 0 0;overflow: hidden;}
.product-list .p-t{background-color: #e6e6e6;color: #0174c4;font-weight: bold;font-size: 16px;}
.product-list .p-t a{color: #0174c4;display: block;padding: 12px 30px;}
.product-list dl{padding: 15px;margin: 0;}
.product-list dd{float: left;font-size: 14px;width: 33%;box-sizing: border-box;padding-right: 1.5%;line-height: 2;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.product-list dd a{color: #333333;}
.product-list dd a:hover{color: #0174c4;}

.productlist-cont ul{margin: 0 -20px;}
.productlist-cont .imgshow{position: relative;padding-bottom: 100%;}
.productlist-cont .imgshow img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.productlist-cont li{float: left;width: 33.33%;padding: 0 20px 40px;}
.productlist-cont .p-item{background: #fff;border: 1px solid #EFEFEF;transition: all 0.5s;}
.productlist-cont .p-item:hover{box-shadow: 0px 5px 20px 0px rgba(23, 113, 128, 0.1);}
.productlist-cont .p-item:hover .line{background-color: #E5B112;}
.productlist-cont .text{padding: 20px 24px 10px;}
.productlist-cont .n-text{padding: 20px 25px;}
.productlist-cont .n-text a{color: #333;}
.productlist-cont .n-text h3{font-size: 18px;font-weight: bold;line-height: inherit;text-align: center;height: 54px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.productlist-cont .n-text p{color: #0174c4;font-size: 22px;margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlist-cont .line{height: 5px;background-color: #0174c4;transition: all 0.5s;}

.prodis-cont .text{float: right;width: 49%;margin: 20px 0 0;}
.prodis-cont .text h3{position: relative;font-size: 36px;color: #0174c4;z-index: 1;}
.prodis-cont .text h4{font-size: 28px;color: #333;}
.prodis-swiper{position: relative;float: left;width: 49%;border: 1px solid #DCDCDC;}
.prodis-swiper .swiper-slide .img{position: relative;padding-bottom: 100%;cursor: pointer;}
.prodis-swiper .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.prodis-swiper .iconfont{position: absolute;right: 20px;bottom: 20px;font-size: 24px;color: #333;z-index: 199;font-weight: bold;cursor: pointer;pointer-events: none;}
.gallery-thumbs .swiper-slide{width: calc(100% / 4 - 8px);margin-right: 10px;border: 2px solid #DCDCDC;transition: all 0.5s;}
.gallery-thumbs .swiper-slide.swiper-slide-thumb-active{border-color: #0174c4;}
.gallery-thumbs .swiper-slide .img{position: relative;padding-bottom: 100%;cursor: pointer;}
.gallery-thumbs .swiper-slide .img img{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: contain;}
.bot-pro-swiper{position: relative;padding: 0 36px;margin: 50px 0 70px;}
.bot-pro-swiper .swiper-button-next, .bot-pro-swiper .swiper-button-prev{width: 26px;height: 100%;text-align: center;top: 0;margin-top: 0;background-color: #F6FAFD;}
.bot-pro-swiper .swiper-button-next:after, .bot-pro-swiper .swiper-button-prev:after{font-size: 16px;color: #333;}
.bot-pro-swiper .swiper-button-next{right: 0;}
.bot-pro-swiper .swiper-button-prev{left: 0;}
.links ul{display: flex;align-items: center;justify-content: space-between;}
.links li{float: left;width: 48%;box-sizing: border-box;border-right: 1px solid #FFF;position: relative;height: 48px;}
.links li:last-child{margin-left: auto;}
.links a{border-radius: 3px;height: 48px;display: flex;align-items: center;justify-content: center;font-size: 16px;width: 100%;background-color: #0174c4;color: #fff;transition: all 0.5s;position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.links li:last-child a{background: #ff4000;}
.links a i{font-size: 20px;margin-right: 10px;}
.links a:hover{background-color: #333;}
.prodis-tt{border-bottom: 1px solid #DCDCDC;margin: 60px 0 30px;}
.prodis-tt h3{color: #0174c4;font-size: 18px;font-weight: bold;text-transform: capitalize;}
.prodis-block > .text{color: #333;}
.prodis-block > .text p{margin: 0;}
.prodis-block .my-table{/* overflow-x: auto; */}
.prodis-block table{width: 100%!important;word-break: break-all;background: #FFFFFF;text-align: center;}
.prodis-block .my-table ul,.prodis-block .my-table ol,.prodis-block .my-table dl{padding-left: 20px;}
.prodis-block table th{font-weight: 500;text-align: center;}
.prodis-block table td, .prodis-block table th{border: 1px solid #E5E5E5;padding: 10px;}
.prodis-block table tr:nth-of-type(2n){background: #FBFBFB;}
.prodis-block > .text ul li,.prodis-block > .text ol li,.prodis-block > .text dl li{list-style-type: unset;}
.prodis-block > .text img{display: block;margin: 0 auto;max-width: 100%;height: auto;}
.web-share{margin-left: auto;float: right;}
.solurelated{padding: 0 0 80px;margin: 80px 0 0;line-height: 1.5;background-color: #FCFCFC;}
.solurelated .sr-tt{color: #0174c4;font-size: 30px;text-align: center;padding: 60px 0 30px;}

.content-service-down{padding: 0 0 60px;}
.downloadlist li{float: left; width: 48%; margin-bottom: 40px;}
.downloadlist li:nth-child(2n){float: right;}
.downloadlist .d-item{background: #FFFFFF;border: 1px solid #E5E5E5;border-radius: 10px;padding: 35px 60px;display: flex;position: relative;transition: all 0.5s;align-items: center;}
.downloadlist .d-item:hover{box-shadow: 0px 6px 10px 0px rgba(0, 0, 0, 0.05);}
.downloadlist .text{padding: 0 40px;min-width: 0;flex: 1;}
.downloadlist .text p{color: #333;font-size: 18px;margin: 0;}
.downloadlist h3{color: #333;font-size: 24px;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.downloadlist h3 a{color: #000;}
.downloadlist .down{font-size: 36px;}
.downloadlist .icon{font-size: 60px;flex-shrink: 0;}

.service-view{position: fixed;top: 50%;right: 15px;transform: translate(0, -50%);z-index: 99999;transition: all 500ms ease;}
.service-view.dis{right: -75px;}
.service-view .close{position: absolute;right: -6px;top: -15px;width: 20px;height: 20px;background: #fff;color: #222;border-radius: 10px;line-height: 18px;text-align: center;border: 1px solid #ddd;font-family: "Arial";z-index: 99;cursor: pointer;}
.service-view ul{background: rgba(0, 0, 0, 0.2);padding: 6px 6px 2px;border-radius: 4px;backdrop-filter: blur(5px);}
.service-view ul li{margin-bottom: 5px;border-radius: 8px;padding: 5px;cursor: pointer;}
.service-view ul li.skype {background: #00adec;}
.service-view ul li.email{background: #f26635;}
.service-view ul li.whatsapp{background: #179d1a;}
.service-view ul li.wechat{background: #00b906;}
.service-view ul li i{display: flex;font-size: 36px;width: 40px;height: 40px;color: #fff;align-items: center;justify-content: center;transition: all 500ms ease;}
.service-view ul li .box{position: absolute;top: 0;width: 105px;right: -172px;height: 105px;margin-right: 10px;border-radius: 5px;background: rgba(0, 0, 0, 0.2);opacity: 0;transition: all .5s;}
.service-view ul li .box img{width: 100%;height: 100%;padding: 5px;}
.service-view ul li .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent rgba(0, 0, 0, 0.2);border-width: 9px;width: 0;height: 0;position: absolute;top: 20px;right: -18px;margin-left: -12px;}
.service-view ul li:hover i{opacity: 0.8;}
.service-view ul li:hover .box{opacity: 1;right: 62px;}
@media screen and (max-width: 1460px){
.productlist-cont ul{margin: 0 -10px;}
.productlist-cont li{padding: 0 10px 20px;}
.services-section .productlist-cont ul{margin-top: 20px;}
.solurelated{padding: 0 0 40px;margin: 40px 0 0;}
.solurelated .sr-tt{font-size: 26px;padding: 40px 0 20px;}
.downloadlist h3{font-size: 20px;}
.downloadlist .text p{font-size: 16px;}
.downloadlist .down{font-size: 30px;}
.downloadlist .icon{font-size: 50px;}}
@media screen and (max-width: 1024px){
.content-left{display: none;}
.content-right{width: 100%;}}
@media screen and (max-width: 768px){
.content-product{padding: 30px 0;}
.product-list li{margin: 0 0 20px;}
.product-list .imgshow{display: none;}
.product-list .text{width: 100%;}
.product-list dl{padding: 10px;}
.product-list dd{width: 50%;font-size: 12px;}
.productlist-cont li{width: 50%!important;}
.productlist-cont .n-text{padding: 15px 20px;}
.productlist-cont .n-text h3{font-size: 16px;height: 48px;}
.productlist-cont .n-text p{font-size: 20px;}
.prodis-swiper{width: 100%;}
.prodis-cont .text{width: 100%;}
.prodis-cont .text h3{font-size: 26px;}
.prodis-cont .text h4{font-size: 18px;}
.bot-pro-swiper{margin: 30px 0;}
.links a{height: 40px;font-size: 12px;}
.links a i{font-size: 16px;}
.prodis-tt{margin: 30px 0;}
.prodis-block table td, .prodis-block table th{padding: 5px;}
.solurelated{padding: 0 0 30px;margin: 30px 0 0;}
.solurelated .sr-tt{font-size: 20px;padding: 30px 0 15px;}
.accordion-box .block .acc-btn{font-size: 16px;line-height: 50px;padding: 0 40px 0 20px;}
.accordion-box .block .icon-outer{right: 10px;margin-top: -12px;}
.accordion-box .block .icon-outer .icon{width: 24px;height: 24px;font-size: 20px;line-height: 26px;}
.accordion-box .block i{font-size: 26px;}
.accordion-box .block .content{padding: 20px 25px;}
.service-detail .inner-box .lower-content p{font-size: 14px;}
.downloadlist li{width: 100%;margin-bottom: 20px;}
.downloadlist .d-item{padding: 20px;}
.downloadlist .text{padding: 0;padding-right: 20px;}
.downloadlist h3{font-size: 18px;}
.downloadlist .text p{font-size: 14px;}
.downloadlist .down{font-size: 26px;}
.downloadlist .icon{font-size: 44px;display: none;}
.service-view{/* display: none; */}}
@media screen and (max-width: 576px){
.sertab{margin: 0 0 30px;}
.sertab a{width: calc(100% / 2 - 14px);}
.productlist-cont .n-text{padding: 10px 16px;}
.productlist-cont .n-text h3{font-size: 14px;height: 42px;}
.productlist-cont .n-text p{font-size: 16px;}}
#st-1 .st-btn{margin: 0 1px!important;height: 48px!important;padding: 0 11px!important;border-radius: 3px;}
#st-1 .st-btn > img{width: 24px !important;height: 24px !important;top: 12px !important;}
@media screen and (max-width: 768px){
#st-1 .st-btn{margin: 0 1px!important;height: 40px!important;padding: 0 10px!important;border-radius: 3px;}
#st-1 .st-btn > img{width: 20px !important;height: 20px !important;top: 10px !important;}}
.form-group .msg-box{position: absolute;}
#tip{width: 100%;color: #333;font-size: 18px;font-weight: bold;padding-top: 80px;min-height: 260px;}
#tip span{color: #333;font-size: 18px;font-weight: bold;}
#tip i{color: #0174c4;font-size: 32px;margin-right: 10px;vertical-align: middle;}