﻿@charset "utf-8";
:root {--color:#00a1e8;--hovercolor:#2F9CD0;}
.nysupportonetit{text-align:center}
.nysupportonetit strong{display:inline-block;position:relative;font-size:32px;border-bottom:5px solid var(--color)}
.aslist{overflow:hidden;margin-top:4%;display:flex}
.aslist li{width:33.33%;border-right:1px solid #eee;overflow:hidden}
.aslist li:last-child{border:none}
.aslist li .ico{width:140px;height:140px;margin:0 auto}
.aslist li .ico:after{content:"";width:35px;height:4px;background:#36c9fd;display:block;margin:0 auto}
.aslist li .ico img{display:block;width:100%}
.aslist li .tit{color:#2d2d2d;font-size:24px;text-align:center;margin:10% 0 3% 0}
.aslist li .info{color:#888;font-size:14px;line-height:1.8;text-align:center;margin-bottom:3%;padding:0 10%;text-align:left}
.nysupportone{background:url(/js/37502/asbj.jpg) no-repeat center bottom;background-size:100%;margin-bottom:50px}
.nysupporttwo{margin-bottom:50px}
.tslist{overflow:hidden;margin-top:5%;display:flex;flex-wrap:wrap}
.tslist li{border:1px dashed #d2d2d2;width:48%;margin-right:4%;margin-bottom:20px;box-sizing:border-box}
.tslist li:nth-child(2n){margin-right:0}
.tslist li a{display:block;padding:10px 0;padding-left:50px;position:relative}
.tslist li a:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;left:25px;top:50%;margin-top:-4px;background:#2d2d2d}
.tslist li:hover{background:var(--color)}
.tslist li:hover a{color:#fff}
.tslist li:hover a:after{background:#fff}
@media (max-width:800px){.aslist{flex-wrap:wrap}
.aslist li{width:100%;border:none}
.aslist li .ico{width:100px;height:auto}
.aslist li .tit{margin:20px 0 12px}
.tslist li{width:100%;margin-right:0}}
@media (max-width:540px){.nysupportonetit strong{font-size:24px;border-bottom-width:3px;padding-bottom:5px}
.aslist li .tit{font-size:20px}
.aslist li .info{padding:0}
.tslist li a{padding-left:35px;padding-right:5px}
.tslist li a:after{left:14px}}
.nycasetxt{line-height:1.8;background:url(/js/37502/case_wz.png) no-repeat center bottom;background-size:100%;padding-bottom:30px}
.caselist{overflow:hidden;display:flex;flex-wrap:wrap;margin-top:50px}
.caselist .csone{display:none;width:100%;flex-wrap:wrap}
.caselist .csone.act{display:flex}
.caselist li{width:48%;margin-right:4%;margin-bottom:2%}
.caselist li:nth-child(2n){margin-right:0}
.caselist li .img{overflow:hidden}
.caselist li img{display:block;width:100%}
.caselist li .tit{height:80px;line-height:80px;color:#424242;font-size:20px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:.3s}
.caselist li:hover .tit{background:#0895e3;color:#fff;padding:0 70px 0 40px;position:relative}
.caselist li:hover .tit:after{content:"â†’";font-size:18px;position:absolute;right:40px}
.fenye{margin:2% 0;padding-top:6%;text-align:center;border-top:1px solid #dcdcdc}
.fenye span{display:inline-block;font-size:14px;color:#414141;padding:0 14px;height:38px;line-height:38px;margin:0 5px;background:#f7f7f7;cursor:pointer}
.fenye span.act,.fenye span:hover{background:var(--color);color:#fff}
.fenye span:first-child{display:none}
@media (max-width:560px){.caselist li{width:100%;margin-right:0;margin-bottom:20px}
.caselist li .tit{height:40px;line-height:40px;font-size:15px}}
.home-about .item1 .about-article{margin-bottom:40px}
.home-news-list .news-img>img{object-fit:contain}
.home-about .item1 .about-img{background-image:url(/Content/uploads/2022910445/202207070931098f3cc2a6dec845818196a1c4e9e74b2e.jpg)}
.home-about .item2 .about-img{background-image:url(/Content/uploads/2022910445/202207070931156c6d550a80d84a979ff25acfba7e03ed.jpg)}
.home-product-wrapper .home-product-list:not(.active){display:none}
.home-product-cate .act a{color:var(--color)}
.toplist{overflow:hidden;height:80px;line-height:80px;margin-bottom:2.75%}
.toplist li{width:30%;padding:0 40px;color:#838699;font-size:16px;cursor:pointer;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.toplist li span{margin-right:18px;color:#dadadd;font-size:18px;font-weight:700}
.toplist li.on,.toplist li:hover{background:var(--color);color:#fff}
.toplist li.on span,.toplist li:hover span{color:#fff}
.l-wrap.tlcon ul{display:flex}
@media (max-width:768px){.toplist{flex-wrap:wrap}
.toplist li{width:100%;padding:0 15px}
.toplist{height:auto}
.home-product-cate>li:after{display:none}
.home-product-cate li{width:50%}
.home-product-cate{justify-content:flex-start}}
.home-about .item1 .about-img{background:0 0}
.home-about .item1 .about-img iframe{width:100%;height:600px}
@media (max-width:768px){.home-about .item1 .about-img iframe{height:400px}}
.home-search{padding:60px 0;background:url(/js/37502/searchbj.jpg)}
.home-search .home-title span{color:#fff}
.search-wrapper{max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.search-wrapper .input{width:calc(100% - 200px);margin-right:15px}
.search-wrapper .input input{width:100%;height:50px;padding-left:10px;box-sizing:border-box}
.search-wrapper .submit{width:200px}
.search-wrapper .submit input{width:100%;height:50px;background:var(--color);border:1px solid #fff;border-radius:10px;color:#fff;cursor:pointer}
.search-wrapper .submit input:hover{background:#c00}
@media (max-width:768px){.search-wrapper .submit{width:100px}
.search-wrapper .input{width:calc(100% - 100px)}
.home-about .about-item.item1 .about-img{padding-top:0}}
.homecase{padding:50px 0}
.homecase p{font-size:16px;line-height:1.8}
.homecase ul{margin-top:50px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.hclist li{width:23.5%}
.hclist li .img{overflow:hidden}
.hclist li .img img{display:block;width:100%}
.hclist li .tit{color:#fff;font-size:16px;padding:0 40px 0 20px;height:60px;line-height:60px;background:var(--color);position:relative;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}
.hclist li .tit:after{content:"â†’";position:absolute;height:60px;line-height:60px;position:absolute;right:5px;top:0}
.hclist li:hover .tit{background:#3b60b1}
.hclist li:hover .img img{transform:scale(1.1)}
@media (max-width:768px){.homecase ul{margin-top:4vw}
.hclist li{width:48%;margin-bottom:15px}
.hclist li .tit{padding:0 15px}
.hclist li .tit:after{right:5px}}
.home-product-list .home-product-item{padding-top:100%}
@media (min-width:770px){.head-nav ul li:not(#liproducts) .submenu{display:block!important}
.home-search{margin-bottom:110px}
.home-about .item2 .about-img{background-image:url(/Content/uploads/2022830076/202207151145525f2dba9d98ec4f68b32acb50eb8feeef.jpg)}
.home-product-cate>li:after{display:none}
.home-product-cate{justify-content:space-between!important}
.home-product-cate li{width:15%;margin-bottom:10px;border:1px solid #000;display:flex;justify-content:center;padding:5px 0;transition:all .2s}
.home-product-cate li:hover{border:1px solid #00a1e8}}
@media (max-width:768px){.home-product-cate li{width:48%}}
.head-nav>ul>li>a{white-space:nowrap}
@media screen and (max-width:1700px){header .l-wrap{max-width:1600px}}
@media screen and (max-width:1500px){.head-nav>ul>li{margin:0 6px}
header .l-wrap{max-width:1300px}}
 @media (min-width:1024px){.head-nav>ul>li a{color:rgba(34,34,34,1);font-weight:bold}
.head-nav>ul.nav0>li#liHome>a{text-transform:uppercase}}
.home-title span ,.foot-title, .foot-nav ul>li#li_Menu101_sitemap{text-transform: uppercase;}
@media (min-width:1200px){.head-logo>img{min-width:120px}
}