﻿@charset "utf-8";
:root{--color:#0257a2}
@import url('https://fonts.font.im/css?family=Roboto:500');
*{font-family:'Roboto',sans-serif!Important}
.fa{font-family:FontAwesome!important}
main.page-template-1 .max-width-box aside ul.nav1 li.LocalCurrent{background:var(--color)!important}
main.index section.products .item ul li>div a,header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a,header .top-box .info .left span a:visited,.sun{color:var(--color)}
main.index section.products .list ul li,header .top-box .nav-box,header .top-box .info .right ul.sj li,main.page-template-1 .max-width-box aside ul.nav1 li.active-bg-black,main.page-template-1 .max-width-box aside ul.nav1.contact-us li:nth-of-type(1),header .top-box .info .right ul.sj li .inmenu_1,.item-project ul li .box .right button:hover,aside.nav2-template>ul>li.has-children2>a:hover,aside.nav2-template>ul>li:nth-of-type(1){background:var(--color)}
main.page-template-1 .max-width-box article.row-0 ul li .box .right button:hover,main.page-template-1 .max-width-box article.row-1 ul li .box .right button:hover,main.page-template-1 .max-width-box article .Pagination .active{background:var(--color)}
.shop-car div.button.buy,.concat-us .form .send-btn:hover,.productsDetails .btn-group button:nth-of-type(2),main.page-template-1 .form .send-btn:hover,.selected,.productsDetails-article .details .right .btn-groups .button a:hover,.pages p .ctxt,.search-box-mob div button{background:var(--color)}
main.index .news .item ul li .box .right p:nth-of-type(1){color:var(--color)}
main.page-template-1 .max-width-box article.row-0 ul li:hover p,main.page-template-1 .max-width-box article.row-0 ul li .box .right p:nth-of-type(1) a:hover,main.page-template-1 .max-width-box article.row-1 ul li:hover p,main.page-template-1 .max-width-box article.row-1 ul li .box .right p:nth-of-type(1) a:hover,.item-faq ul li .box .right p:nth-of-type(1):hover,#xyz .xyz12 a:hover{color:var(--color)}
.item-faq ul li .box .right p:nth-of-type(1) a:hover,.item-project ul li:hover p a,main.page-template-1 .max-width-box article .item-video ul li .box .right p:nth-of-type(1) .title a:hover,aside.nav2-template>ul a:hover{color:var(--color)}
.temp2 ul:nth-of-type(1) li:nth-of-type(n+2) .right a:hover,aside .last-products li a:hover,main.page-template-1 .max-width-box article .item-products ul li p a:hover,aside.nav2-template>ul>li.has-children2 .currentProType,main.page-template-1 .max-width-box aside ul.nav1 li a:hover{color:var(--color)}
.swiper-box .fonts button:hover,main.index section.about-us .block-box .content .button-box button:hover,.banner2-box .fonts button:hover{background:var(--color);border-color:var(--color)}
.input-error,.productsDetails-article .details .left .swiper-box .swiper-container .swiper-slide img.item-hover,.category-title{border-color:var(--color)}
header .top-box .nav-box .right ul.nav1>li ul li:hover,header .top-box .nav-box .right ul.nav1>li .nav2 .nav2-left>ul>li a:hover,header .top-box .nav-box .right ul.nav1>li:hover{background-color:#fff}
header .top-box .nav-box .right ul.nav1>li:hover>a,header .top-box .nav-box .right ul.nav1>li ul li:hover>a{color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1{background-color:#fff;color:var(--color)}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
@media(max-width:1210px){footer .footer-info .soft ul li.active,footer .footer-info .soft ul li:hover,.pho-footer{background:var(--color)}}
.productsDetails-article .details .left .swiper-box .swiper-container{--swiper-theme-color:var(--color)}
@media(max-width:1213px){.productsDetails-article .details .right .btn-groups .button:nth-of-type(2) a{background:var(--color)}}
@media(max-width:700px){.rb_bottom .next:nth-last-child(3){background:var(--color)}}
@media(max-width:750px){main.page-template-1 .max-width-box article .item ul li .box .right p:nth-of-type(1) a:hover{color:var(--color)}
main.page-template-1 .max-width-box article .item ul li .box .right button:hover{background:var(--color)}}
.download-btn{background-color:var(--color)}
.search-box-mob div button:hover{background:#0088ff}
@media (max-width:1200px){header .top-box .nav-box .right nav{background:#fff}
#xyz .xyz12 ul>li a,header .top-box .nav-box .right nav ul.nav1 i{color:#000}}
main.page-template-1 .max-width-box article.row-0 ul li .box .right button,main.page-template-1 .max-width-box article.row-1 ul li .box .right button{background:var(--color)!important}
.item-faqdetails .btn-group button:nth-of-type(2),.item-aboutus .btn-group button:nth-of-type(2){background:var(--color)!important}
header .top-box .info .right ul.sj li:hover,main.index section.products .list ul li:hover{background:#0088ff}
main.index section.products .item ul li:hover a,footer .footer-info p:hover,footer .footer-info .nav1 ul>li>a:hover,footer .footer-info .nav2 ul>li>a:hover{color:#0088ff}
.parent{color:#e2e6ef}
.mb{background:none}
main.index section.about-us .block-box .content .top h2{font-size:26px;color:var(--color)}
main.index section.about-us .block-box .content .button-box button{color:#fff;border:none!important;background:var(--color);border-radius:20px}
main.index section.about-us .block-box .content .button-box button:hover{background:#0088ff}
main.index section.number ul li p:nth-of-type(1) img:nth-child(2),main.index section.number ul li:hover p:nth-of-type(1) img:nth-child(1){display:none}
main.index section.number ul li p:nth-of-type(2){font-size:16px;color:var(--color)}
main.index section.number ul li:hover p:nth-of-type(1) img:nth-child(2){display:inline-block}
main.index section.number ul li:hover p:nth-of-type(2),main.index .news .item ul li .box .right p:nth-of-type(1) a:hover,main.index .news .item ul li:hover .box .left span:nth-of-type(1){color:#0088ff}
main.index .news .item ul li .box .left span:nth-of-type(1){color:var(--color)}
main.index .news .item ul li .box .left span:nth-of-type(2){color:var(--color);border-color:var(--color)}
main.index .news .item ul li:hover .box .left span:nth-of-type(2){color:#0088ff;border-color:#0088ff}
footer{background:#003c70}
.copyright{background:#032747}
footer .footer-info .soft ul li{background:var(--color)}
footer .footer-info .soft ul li:hover{background:#0088ff}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit}
main.index section.about-us .block-box .content .top p span{display:block}
main.index section.about-us .block-box .content{flex-direction:inherit}
@media screen and (max-width:1440px){main.index section.about-us .block-box .content .top p span{display:inline}
main.index section.about-us .block-box .content .top h2{line-height:1.2;margin-bottom:8px}}
@media screen and (max-width:1250px){main.index section.about-us .block-box .content .top p{-webkit-line-clamp:5}}
@media screen and (max-width:900px){main.index section.about-us .block-box .content .top p{-webkit-line-clamp:3}}
@media screen and (max-width:500px){main.index section.about-us{height:auto}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit}
main.index section.number ul li p:nth-of-type(1) img{width:44px}
main.index section.number ul li p:nth-of-type(2){font-size:14px}}
.copyright a{background:#51ADFF}
header .top-box .nav-box .mob-nav,header .top-box .nav-box .right .search-box .search{color:#000}
main.index section.number{height:auto}
main.index section.number ul li{height:auto;justify-content:flex-start;padding:30px 0}
main.index section.number ul li p:nth-child(3){max-width:80%;margin:0 auto;padding-top:20px}
@media(max-width:905px){main.index section.number ul{flex-wrap:wrap}
main.index section.number ul li{width:50%}}
@media (max-width:540px){main.index section.number ul li:nth-child(n+3){padding-top:0}
main.index section.number ul li p:nth-child(3){padding-top:0}}
main.index section.products .item ul li>div .rule-box{max-height:inherit;height:auto}
header .top-box .info .left span,header .top-box .info .left span a,header .top-box .info .left span a:visited,header .top-box .info .left>span:nth-of-type(1){color:#fff}
@media(min-width:681px){main.index{margin-top:31vw}
.swiper-index{height:auto}
header .top-box{top:-31vw}}
.LayImAhrefNode{background:var(--color)}
.productsDetails-article .details .right .btn-groups .button a.LayImAhrefNode{color:#fff}
.table-wrap table{max-width:875px}
@media (max-width:1920px) and (min-width:1001px){main.page-template-1 .max-width-box{width:86.3%}}
@media (min-width:1001px){main.page-template-1>.max-width-box{display:block}
main.page-template-1>.max-width-box>aside{float:left}
main.page-template-1>.max-width-box>article{float:right;width:calc(100% - 358px)}}
main.page-template-1 .max-width-box article article{max-width:850px;margin:0}
main.page-template-1 .max-width-box article p img{width:100%}
main.index section.about-us .block-box .content .top h2{line-height:1.3;margin-bottom:10px}
main.index section.about-us .block-box .content{-ms-flex-direction:inherit;flex-direction:inherit}
main.index section.about-us{height:auto;padding:70px 15px}
main.index section.about-us .block-box{height:auto}
main.index section.about-us>img,main.index section.about-us .block-box .pic img{object-fit:cover}
main.index section.about-us .block-box .content .top p{-webkit-line-clamp:inherit;height:auto}
@media screen and (max-width:1200px){main.index section.about-us .block-box .content .top h2{font-size:25px}}
@media screen and (max-width:768px){main.index section.about-us .block-box .content .top h2{font-size:20px;line-height:1.2}
main.index section.about-us{padding:40px 4vw}
main.index section.about-us .block-box{flex-wrap:wrap}
main.index section.about-us .block-box .pic{width:100%;max-width:100%}
main.index section.about-us .block-box .content{width:100%}
main.index section.about-us .block-box .content .top p{font-size:14px!important;line-height:1.6}}
@media screen and (max-width:560px){main.index section.about-us .block-box .content .top h2{font-size:18px}}
.swiper-box.index-swiper{top:102px}
body{padding-top:102px}
header .top-box{top:0}
header{top:0}
header .top-box .info .left span,header .top-box .info .left>span:nth-of-type(1),header .top-box .info .left span a{color:#000}
@media screen and (max-width:1200px){body{padding-top:62px}
.swiper-box.index-swiper{top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}}
header .top-box .nav-box{background:#fff}
header .top-box .nav-box .right ul.nav1>li a{color:#000;font-size:18px}
*{padding:0;margin:0;box-sizing:border-box}
a{text-decoration:none}
ul li{list-style:none}
body{max-width:1920px;margin:0 auto}
.ds-banner-swiper img{width:100%}
.ds-our{padding:2% 8%}
.ds-title{margin-bottom:55px}
.ds-parent{font-size:50px;font-weight:700;position:relative;color:#dcdcdd}
.ds-son{color:#262727;font-size:32px;position:absolute;left:50%;bottom:0;transform:translateX(-50%)}
.ds-our-title .ds-son{width:65%}
.ds-our-list{width:100%;display:flex}
.ds-our-box{width:25%;padding:10px;overflow:hidden}
.ds-our-box img{width:100%;display:block}
.ds-our-word{background:#fff;box-shadow:-1px 4px 11px 1px rgba(182,182,182,.38);padding:30px 0}
.ds-our-word p:nth-child(1){font-size:32px;color:#0e68bc;font-weight:700;text-align:center;margin-bottom:10px}
.ds-our-word p:nth-child(2){font-size:22px;color:#424242;text-align:center}
.ds-our-box:hover .ds-our-word{background:#0e68bc}
.ds-our-box:hover .ds-our-word p{color:#fff}
.ds-pro{width:100%;padding:2% 8%;background:#f6f6f7}
.ds-pro-title{display:flex;align-items:center;justify-content:space-between}
.ds-pro-list{margin-top:20px}
.ds-pro-list ul{display:flex}
.ds-pro-list ul li a:hover{background:#fff;color:var(--color)}
.ds-pro-list ul li a{color:#fff;font-size:16px;text-align:center;background:var(--color);padding:10px 55px}
.ds-pro-item ul{display:flex;flex-wrap:wrap}
.ds-pro-item ul li{width:25%;cursor:pointer;padding:10px}
.ds-pro-item ul li a{width:100%;overflow:hidden}
.ds-pro-item ul li a img{width:100%}
.ds-pro-item ul li p{width:100%;padding:25px 0;color:#424343;font-size:14px;text-align:center;font-weight:700}
.ds-pro-item ul li:hover a img{transition:transform .3s,-webkit-transform .3s;box-shadow:0 5px 10px 0 rgb(4 0 0 / 5%);transform:translateY(5px)}
.ds-pro-item ul li:hover p{color:#3376c1}
.ds-abo{width:100%;background:url(/js/31795/img/about-us-background.png) no-repeat center;background-size:cover}
.ds-abo-trans{padding:2% 15%;background-color:rgba(0,0,0,.63)}
.ds-abo ul{display:flex}
.ds-abo ul li{margin-right:15px;padding:5px 15px;border:2px solid #fff;color:#fff;cursor:pointer}
.ds-abo-box{display:flex;margin:20px 0;width:100%!important}
.ds-abo-left{width:50%}
.ds-abo-left img{width:100%}
.ds-abo-right{padding:0 45px;width:50%}
.ds-abo-title{color:#fff;font-weight:700;font-size:30px}
.ds-abo-word{margin:10px 0;color:#fff;font-size:16px;line-height:1.7}
.ds-abo-more{padding:5px 15px;border:1px solid #fff;border-radius:5px;color:#fff;font-size:14px}
.ds-abo-more:hover{border:1px solid #0e68bc;background:#0e68bc}
.ds-abo .ds-li-act{border:2px solid #0e68bc;background:#0e68bc}
.ds-abo-pagination{bottom:-3px!important}
.ds-one{padding:2% 10%;width:100%;background:#f6f6f7}
.ds-one-son{left:70%;width:100%}
.ds-one-list ul{display:flex;justify-content:space-between}
.ds-one-list ul li{padding:0 10px;width:33%;text-align:center}
.ds-one-list ul li img{width:60%}
.ds-one-t{margin:30px 0;color:#2c2c2c;font-weight:700;font-size:26px}
.ds-one-w{display:-webkit-box;overflow:hidden;color:#2c2c2c;font-size:18px;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.ds-app{padding:2% 8%;width:100%}
.ds-app-list{display:flex;padding:0 4%;width:100%;justify-content:space-between}
.ds-app-list>div{padding:0 5px;width:33%}
.ds-app-list>div img{width:100%}
.ds-app-list-one>div{position:relative;margin-bottom:8px}
.ds-app-list-one>div:hover .ds-app-box{display:block}
.ds-app-box{position:absolute;top:0;display:none;width:100%;height:99%;background:rgba(0,0,0,.65);text-align:center}
.ds-app-box p{margin:16% 0;color:#fff;font-size:18px}
.ds-app-box p:nth-child(1){position:relative;font-size:24px}
.ds-app-box p:nth-child(1)::before{position:absolute;bottom:-20px;left:50%;display:block;width:80px;height:3px;background:#0e68bc;content:'';transform:translateX(-50%)}
.ds-app-up-box p{margin:43px 0}
.ds-app-down-box p{margin:105px 0}
.ds-news{padding:2% 8%;padding-top:0;width:100%}
.ds-news-lists{display:flex;width:100%}
.ds-news-list{padding:0 10px;width:25%}
.ds-news-img-box{position:relative;overflow:hidden}
.ds-news-img-box img{width:100%}
.ds-news-img-box div{position:absolute;top:0;right:0;padding:10px 8px;background:#1c6cb8;color:#fff;text-align:center}
.ds-news-t{display:-webkit-box;overflow:hidden;margin:10px 0;color:#424242;text-transform:uppercase;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ds-news-w{display:-webkit-box;overflow:hidden;margin-bottom:20px;color:#888;font-size:13px;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ds-news-more{padding:5px 15px;border:1px solid #252525;background:#fff;color:#252525;font-size:14px}
.ds-news-list:hover .ds-news-img-box img{transition:all .2s ease-in-out;transform:scale(1.1)}
.ds-news-list:hover .ds-news-t{color:#0e68bc}
.ds-news-list:hover .ds-news-more{border:1px solid var(--color);background:var(--color);color:#fff}
.ds-news-t a{display:-webkit-box;overflow:hidden;margin:10px 0;color:#424242;text-transform:uppercase;font-weight:700;font-size:14px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ds-news-list:hover .ds-news-t a{color:#0e68bc}
@media screen and (max-width:1700px){.ds-abo-trans{padding:2% 10%}}
@media screen and (max-width:1500px){.ds-abo-trans{padding:2% 8%}}
@media screen and (max-width:1441px){.ds-abo-trans{padding:2% 8%}
.ds-app-box p:nth-child(1){font-size:22px}
.ds-app-box p{font-size:16px}
.ds-our-word p:nth-child(2){font-size:20px}
.ds-app-up-box p{margin:36px 0}
.ds-title{margin-bottom:30px}
.ds-app-box p:nth-child(1)::before{bottom:-25px}
.ds-app-down-box p{margin:50px 0}}
@media screen and (max-width:1367px){.ds-abo-trans{padding:2% 8%}
.ds-abo-right{padding:0 10px;font-size:14px}
.ds-our-word{padding:15px 0}
.ds-our-word p:nth-child(1){font-size:30px}
.ds-our-word p:nth-child(2){font-size:15px}
.ds-app-up-box p{margin:20px 0}
.ds-pro-list ul li a{padding:10px 25px}
.ds-app-box p:nth-child(1){font-size:18px}
.ds-app-box p:nth-child(1)::before{bottom:-10px}
.ds-app-box p{font-size:14px}}
@media screen and (max-width:1367px){.ds-abo-trans{padding:2% 8%}
.ds-abo-right{padding:0 10px}
.ds-abo-word{font-size:14px}}
@media screen and (max-width:1025px){.ds-title{text-align:center}
.ds-our{padding:6% 3%}
.ds-pro{padding:6% 3%}
.ds-abo-trans{padding:6% 3%}
.ds-one{padding:6% 5%}
.ds-app{padding:6% 3%}
.ds-news{padding:6% 3%}
.ds-abo ul li{padding:5px 10px}
.ds-one-son{left:50%}
.ds-our-list{flex-wrap:wrap}
.ds-our-box{width:50%}
.ds-pro-title{display:block}
.ds-pro-item ul li{width:50%}
.ds-abo{background-size:cover}
.ds-abo ul{justify-content:center}
.ds-abo-box{display:block}
.ds-abo-left{width:100%}
.ds-abo-right{width:100%}
.ds-app-list>div{width:100%}
.ds-news-lists{flex-wrap:wrap}
.ds-news-list{margin-bottom:20px;width:50%}
.ds-app-box p{margin:12px 0}
.ds-pro-list ul{justify-content:center}
.ds-app-box p:nth-child(1){font-size:15px}
.ds-app-box p{font-size:13px}}
@media screen and (max-width:769px){.ds-abo-trans{padding:2% 3%}
.ds-app-box p{margin:16px 0}
.ds-one-t{margin:15px 0}
.ds-app-box p:nth-child(2){display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.ds-one-list ul li img{width:70%}
.ds-pro-list ul li a{padding:6px 10px;font-size:14px}
.ds-abo ul li{font-size:13px;padding:5px 8px}}
@media screen and (max-width:452px){.ds-parent{font-size:30px}
.ds-our-title .ds-son{width:76%}
.ds-son{font-size:21px}
.ds-our-word p:nth-child(1){margin-bottom:0;font-size:20px}
.ds-our-word p:nth-child(2){display:-webkit-box;overflow:hidden;font-size:12px;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.ds-our-word{padding:5px 0}
.ds-pro-list ul li a{padding:2px 4px;font-size:12px}
.ds-abo ul li{font-size:12px}
.ds-abo ul li{padding:3px 5px}
.ds-abo-box{margin:10px 0;margin-bottom:20px}
.ds-abo-title{font-size:22px}
.ds-abo-word{font-size:13px}
.ds-one-t{font-size:18px;margin:12px 0}
.ds-one-w{font-size:14px}
.ds-one-list ul{display:block}
.ds-one-list ul li{margin-bottom:20px;width:100%}
.ds-one-t{margin:12px 0}
.ds-app-list{display:block}
.ds-app-box p:nth-child(1)::before{bottom:-25px}
.ds-app-box p{margin:40px 0}
.ds-news-list{width:100%}
.ds-app-list{padding:0}
.ds-pro-item ul li p{padding:15px 0}
.ds-pro-item ul li{padding:5px}
.ds-our-box{padding:5px}
.ds-news-more{font-size:12px}}
@font-face{font-family:"iconfont";src:url('iconfont.ttf?t=1658300698766') format('truetype')}
.iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.icon-level:before{content:"\e688"}
.ds-news-img-box{padding-bottom:100%;height:0}
.ds-news-img-box a{position:absolute;width:100%;height:100%;left:0;top:0;display:flex;align-items:center;justify-content:center}
img.float-wechat{position:absolute;right:100%;top:0;width:200px;max-width:none;display:none}
.wmkc-wechat{position:relative}
.wmkc-wechat:hover .float-wechat{display:block}
ul.wmkc-list{overflow:visible}
@media (max-width:1200px){main.page-template-1>.max-width-box>article{width:100%}}
@media (min-width:1201px){main.page-template-1>.max-width-box>aside{position:sticky;top:80px;}}

@media (min-width:1025px){header .top-box .nav-box .right nav ul.nav1>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:900px;flex-wrap:wrap;left:-300px}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;background:none;white-space: normal;font-weight:var(--fontbold7);line-height:inherit}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul li{padding:2px 0;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;background:none;white-space: normal;line-height:inherit}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
.pagesbanner{height:100%;}
@media (min-width:1025px){header .top-box .nav-box .right{width:100%;}
header .top-box .nav-box .right nav.set-top-70{margin:0 auto;}}