@charset "utf-8";


/*==顶部↓==*/
.fixed-top.header{position: fixed;}
/*--*/
.header{position: fixed;top: 0;left: 0;right: 0;z-index:6;height: 155px;}
.header .wall{opacity: 1;position:fixed;top:0px;left:0;right:0;z-index:3;padding:10px 0 0 0;height:100px;/* border-bottom:1px #eee solid; */background: #F4F8FE;transform: translateY(0px);transition: all .0s ease-in-out;}
.header .container{height:100%;}
.header .logo{float:left;display: flex;height:100%;padding:10px 0;align-items: center;}
.header .logo a{display: flex;height:100%;align-items: center;}
.header .logo img{max-height:60px;}
.header .logo .txt{color:#333;font-size:20px;text-align: center;margin-left: 20px;}
.header .logo .txt font{color:var(--color-main)}
.header .right{float:right;display: flex;margin-left: 60px;height: 100%;align-items: center;transition: all .4s ease-in-out;}
.header .right .bar{display: flex;position: relative;color: #6a6a6a;font-size:16px;margin-right: 40px;align-items: center;}
.header .right .bar:last-child{margin-right:0px;}
.header .right .bar:last-child:before{display:none}
.header .right .bk .btn{margin:0}
.header .tel span{position: relative;font-size: 16px;color: #666;height: 100%;align-items: center;}
.header .tel span:before{content: "\e721";margin-right: 10px;color: #666;font-size: 22px;font-weight: 550;}
.header .search{}
.header .search form{display:flex;/* padding-bottom: 5px; */justify-content: space-between;/* border-bottom: 1px #cfcfcf solid; */}
.header .search form input{width: 150px;color:#666;font-size:16px;}
.header .search form input::placeholder{color:#666;}
.header .search form button{color:#333;font-size: 18px;font-weight: bold;}
.header .search form button:before{content:"\e720";}
.header .search form button:hover{color:var(--color-main)}
.head-nav{position: fixed;top: 100px;left: 0;right: 0;z-index: 5;height: 55px;background:#F4F8FE}
.head-nav .nav{display:flex;height: 100%;justify-content: space-between;}
.head-nav .nav > li{float: left;position:relative;height: 100%;}
.head-nav .nav > li > a{position: relative;z-index:1;display: flex;padding:10px 0 20px 0;color: #333;font-size: 18px;height: 100%;text-align: center;align-items: center;flex-direction: row-reverse;}
.head-nav .nav > li.arr > a:before{content: "\eb9c";margin-left: 5px;color:#3a3a3a;font-size: 18px;font-weight: bold;}
.head-nav .nav > li > a:after{content:"";position: absolute;left: 0;right: 0;bottom:0px;z-index:-1;margin: auto;height: 3px;background:var(--color-main);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.head-nav .nav > li.arr > a:after{right: 22px;}
.head-nav .nav > li:hover > a,.head-nav .nav > li.active > a{color:var(--color-main); }
.head-nav .nav > li:hover > a:after,.head-nav .nav > li.active > a:after{transform: scale(1);transform-origin:left;}
.head-nav .nav > li.arr:hover > a:before,.head-nav .nav > li.arr.active > a:before{color:var(--color-main);transform: rotateY(180deg);}
.head-nav .nav .sub{display:none;}
.head-nav .nav .sub-bok{position:absolute;left:50%;top: 100%;width: 160px;border:1px #ddd solid;background: rgba(255,255,255,1);padding: 10px 10px;z-index: 999;text-align: center;box-shadow: 0px -10px 20px #ebebeb;box-shadow: 0px -10px 40px 1px rgba(120, 148, 217, 0.1600);border-radius: 10px;transform: translateX(-50%);}
.head-nav .nav .sub-bok:before{content:"";position:absolute;top: -20px;left: 0;right: 0;display: block;margin: auto;width: fit-content;height: fit-content;border: 10px solid white;border-color: transparent transparent #fff transparent;}
.head-nav .nav .sub-bok a{display: block;color: #5e5e5e;font-size: 16px;padding: 10px 10px;border-bottom: 1px #eee dashed;width: 100%;border-radius: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.head-nav .nav .sub-bok a:last-child{border:none}
.head-nav .nav .sub-bok a:hover{color:#fff;border-color:var(--color-main); background: var(--color-main);}
.head-nav .nav .sub-bok.s2{left: 0;width: 550px;transform: translateX(0%);text-align: left;}
.head-nav .nav .sub-bok.s2:before{display: none;left: 60px;right: auto;}
.head-nav .nav .sub-bok.s2 a{display: inline-block;width: 25%;border: none;text-align: center;}
/*-下拉导航-*/
.head-nav .rel{position: inherit !important;}


/*==内页全局↓==*/
.own-wrap{margin-top:155px;}



/*==下拉导航↓==*/
.sub-bra{position:absolute;left:0;top:100%;right:0;z-index:3;padding:80px 0;overflow: hidden;background:rgba(255,255,255,0.99);box-shadow: 0 0 10px #eee;}
.sub-bra .pot{display: flex;width: 1280px;flex-direction: row-reverse;}
.sub-bra .pot .flight{flex: 1;position:relative;z-index:1;padding: 30px 0;margin: 0;}
.sub-bra .pot .flight .tit{margin-bottom:30px;font-size: 22px;font-weight:bold;color: #333;}
.sub-bra .pot .cise{width: 35%;margin-left: 11px;padding-top: 20px;padding-left: 80px;border-left: 1px #ddd solid;}
.sub-bra .pot .cise .title{margin-bottom: 20px;color: var(--color-main);font-size: 24px;font-weight: bold;}
.sub-bra .pot .tel {margin-top: 30px;display:block;}
.sub-bra .pot .tel b{display: flex;color:#333333;font-size:18px;align-items: center;}
.sub-bra .pot .tel b:before{content: "\e817";font-size: 28px;margin-right: 5px;color: #666;}
.sub-bra .pot .tel font{display: block;margin-top:10px;font-size:32px;color:var(--color-main);line-height: 1;} 
.sub-bra .col{display: flex;flex-wrap: wrap;width: auto;}
.sub-bra .col > li{flex: auto; width: calc(25% - 20px);margin: 0px 20px 30px 0px;}
.sub-bra .col > li > a{display: flex; color: #333;font-size: 18px;}
.sub-bra .col > li > a:before{/* opacity:0; */content: ">";flex-shrink: 0;color:#666;font-family: serif;font-weight: bold;margin-right: 5px;margin-top: 5px;transform: translateX(-3px);}
.sub-bra .col > li > a font{position:relative;}
.sub-bra .col > li > a font:after{opacity:0; content:"";position: absolute;left: 0;bottom: 4px;right: 0;width: 100%;height: 1px;background: var(--color-main);}
.sub-bra .col > li:hover > a{color:var(--color-main)}
.sub-bra .col > li:hover > a:before{opacity:1; color:var(--color-main);transform: translateX(0px);}
.sub-bra .col > li:hover > a font:after{opacity:1;}


/*==标题↓==*/
.titleAx{margin-bottom:40px;color:#333;font-size:44px;}
.titleAx b{font-weight: bold;}  
.titleAx span{margin-bottom:5px;display: block;color:var(--color-main);font-size:25px;font-weight: 400;text-transform: Uppercase;}
.titleAx font{color:var(--color-main)}
.titleAx hr{display: block;margin:0px;margin-top: 12px;width: 40px;height: 3px;border:none;background: var(--color-main);}
.titleAx.cen{text-align: center; }
.titleAx.cen{}
.titleAx.cen hr{margin:0px auto;margin-top: 10px;}
.titleAx.white,.titleAx.white b,.titleAx.white span{color:#fff}
.titleAx.white hr{background:#fff}
.titleAx.tTop{margin:50px 0 -20px 0;}
.titleAx.m10{margin-bottom:10px}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
.titleAx.m60{margin-bottom:60px}
/*--*/
.titleBx{color:#000123;font-size:40px;margin-bottom:40px;}
.titleBx b{font-weight: bold;}
.titleBx span{display: block; margin:auto;margin-top:15px;color:#9a9b9c;font-size:15px;font-weight:400;text-transform: Uppercase;}
.titleBx font{color:var(--color-main)}
.titleBx hr{display: block;margin:0 auto;margin-top:15px;width: 40px;height: 2px;border:none;background: var(--color-main);}
.titleBx.cen{text-align:center;}
.titleBx.lef{text-align: left;}
.titleBx.lef hr{margin:0px;margin-top:15px;}
.titleBx.lef span{margin:0px;margin-top:15px;}
.titleBx.white,.titleBx.white span{color:#fff}
.titleBx.m20{margin-bottom:20px;}
.titleBx.tTop{margin:50px 0 -20px 0;}


/*==top标题↓==*/
.title-tip{display: flex;margin-bottom: 40px;align-items: center;justify-content: space-between;}
.title-tip .left{flex: 1;}
.title-tip .right{margin-left: 50px;width: 38%;}
.title-tip .right .digital{flex-wrap:initial; justify-content: space-around;} 
.title-tip .toge{margin:0 !important;}
.title-tip .theme{margin:0}
.title-tip .explain{color:#666;font-size: 20px;}
.title-tip .roll{display: flex;}
.title-tip .roll li{margin-left:30px;cursor: pointer;}
.title-tip .roll a{display: block;font-size:18px;color:#666666;font-weight: 500;}
.title-tip .roll li.active a{color:var(--color-main)}
.title-tip .digital{margin-top:0px}
.title-tip.m20{margin-bottom:20px;}


/*==按钮并排↓==*/
.more-many{display: flex;margin-top:40px}
.more-many .more{margin:0 10px 0 0 }


/*==tab按钮2↓==*/
.tone-item-2{display: flex;margin-bottom: 40px;justify-content: center;}
.tone-item-2 li{margin:0 10px;cursor: pointer;}
.tone-item-2 a{display: block;padding:10px 30px;color:#333;font-size:22px;font-weight: 500;border-radius: 10px;background: #fff;}
.tone-item-2 li.active a{color:var(--color-main)}



/*==banner图文↓==*/ 
.banner-air{position: relative;z-index:1;}
.banner-air .bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-2;width:100%;height:100%;object-fit:cover;}
.banner-air .long{display: flex;padding: 50px 0;height:100%; align-items: center;justify-content: space-between;}
.banner-air .pos{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
.banner-air .info{width:48%}
.banner-air .info .title{font-size:64px;font-weight:bold;color:#000;line-height: 1.2;}
.banner-air .info .title b{margin-right:10px;font-size:80px;font-weight:bold;color:var(--color-main);font-style: italic;}
.banner-air .info .tit{margin-top: 10px;font-size:48px;font-weight:bold;color:#000;}
.banner-air .info .eng{display: block;margin-top:20px; font-size:24px;color:#000;}
.banner-air .info .eng.tr{font-size:26px;font-weight:550;}
.banner-air .set{width:48%}
.banner-air .set img{border-radius:100%;box-shadow: 0 10px 100px #ffffff;}
.banner-air .lock{z-index:-1}
.banner-air .lock .set{float: right;display: flex;width:48%;height: 100%;align-items: center;}



/*==解决方案卡片↓==*/
.solution-card{position:relative;z-index:1; background:#000;}
.solution-card .long{display: flex;}
.solution-card .long .shell{position: relative;height: 800px;padding: 50px 0px;width:25%;border-right:1px solid rgba(255,255,255,0.3);overflow: hidden; transition: all 1s ease-in-out;}
.solution-card .long .shell:last-child{border-right:0}
.solution-card .top{display: flex;margin: 0 50px 0 20px;align-items: center;justify-content: flex-end;}
.solution-card .top span{font-size:18px;color:#fff;text-align: right;}
.solution-card .top i{flex-shrink: 0;display: flex;margin-left:20px;width:90px;height:90px;font-size:40px;font-weight:bold;color:#fff;border:1px #fff solid;border-radius: 100%;align-items: center;justify-content: center;}
.solution-card .show{opacity:1;width: 31vw;padding:0 50px;transition: all 0.5s ease-in-out;}
.solution-card .show .row li:nth-child(2n){opacity: 0;}
.solution-card .shell:nth-child(1) .show{padding-left:0px;}
.solution-card .shell:last-child .show{padding-right:0}
.solution-card .cont{ margin-top:20px;}
.solution-card .cont .title{width:15vw;font-size: 36px;font-weight:bold;color:#fff;}
.solution-card .cont .row{display: grid;margin-top: 20px;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.solution-card .cont .row li{padding:15px;border-radius: 10px;transform: translateX(-15px);}
.solution-card .cont .row h4{font-size:16px;color:var(--color-main);}
.solution-card .cont .row p{margin-top: 5px;font-size:16px;color:#fff;}
.solution-card .cont .row li:hover{transform: translateX(-10px);background: rgba(255,255,255,0.2);}
.solution-card .more-many{opacity: 0;transition: all 0.5s ease-in-out;}
.solution-card .long .shell.active{width:50%;}
.solution-card .long .shell.active .show{opacity:1;}
.solution-card .long .shell.active .show .row li:nth-child(2n){opacity:1;}
.solution-card .long .shell.active .top i{color:var(--color-main)}
.solution-card .long .shell.active .cont{opacity: 1;}
.solution-card .long .shell.active .cont .title{width:auto;}
.solution-card .long .shell.active .more-many{opacity: 1;}
.solution-card .pto{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.solution-card .pto .shell{display:none; position:absolute;top:0;left:0;right:0;bottom:0;}
.solution-card .pto .shell img{width:100%;height:100%;object-fit:cover;}
.solution-card .pto .shell:nth-child(2)::after{opacity:0.5;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;}


/*==热销产品↓==*/
.why-product{ background:#EAEBEF;}
.why-product .room{min-height:200px;overflow: hidden;}
/*--*/
.why-product .srll-pro .product-list li a{height:245px}


/*==产品列表↓==*/
.product-list.edge{display:flex; margin:0 0 -10px -10px;    flex-wrap: wrap;}
.product-list.edge li{ width:calc(33.3% - 10px); margin:0 0 10px 10px}
.product-list a{display: flex;position:relative;padding:30px;height:100%;border-radius: 10px;overflow: hidden;background: #fff;justify-content: space-between;}
.product-list .box{width:55%;padding-bottom: 30px;}
.product-list .pic{flex-shrink:0;margin-left: 10px;padding-top: 0;width:40%;max-height:188px;}
.product-list .pic img{position:initial;height:auto;}
.product-list .state{display: table;margin-bottom:20px;font-size:16px;color:#fff;padding: 6px 20px;border-radius: 15px 0 15px 0;background: var(--color-main);}
.product-list .title{font-size:20px;color:#333;}
.product-list .number{font-size:20px;color:#333;font-weight: bold;}
.product-list .explain{-webkit-line-clamp: 2;margin-top:10px; font-size:16px;color:#666}
.product-list .more{position:absolute;left: 30px;bottom: 30px;}
.product-list li:hover .title{color:var(--color-main)}
.product-list.edge.lx1 li{width:calc(100% - 10px)}
.product-list.sha a{border: 1px #ddd solid;}
/*--*/
.product-list.slice{display: block;}
.product-list.slice li{float:left;height: 300px;}
.product-list.slice li .number{height:30px}
.product-list.slice li a{height:100%}
.product-list.slice li .pic{display: flex;margin-top:0px;height: 280px;min-height:100%;justify-content: center;align-items: center;}
.product-list.slice li .pic img{width: auto;height: auto;}
.product-list.slice li .explain{-webkit-line-clamp: 3;}
.product-list.slice li.one{height: 610px;}
.product-list.slice li.one a{display: flex;position: relative;height: 100%;padding-bottom: 60px;flex-direction: column;}
.product-list.slice li.one a::after{content:"";position:absolute;left:0;right:0;bottom: 30px;z-index:1;margin: 0 30px;height:4px;border-radius: 10px;background:var(--color-lg-3);}
.product-list.slice li.one .box{width:100%}
.product-list.slice li.one .explain{-webkit-line-clamp: 3;}
.product-list.slice li.one .pic{width:100%;height: auto;min-height:350px;padding-top:initial;}
.product-list.slice li.one .pic img{position: initial;width: auto;height: 303px;margin: auto;}
.product-list.slice li.one .title{font-size:24px;}
.product-list.slice li.one .number{font-size:24px;}
.product-list.slice li.one .more{position: initial;margin-top:20px;}
/*--*/
/*.product-list .search-type{margin-top:10px;color:#000;font-size:14px;}
.product-list .search-type .den{display:flex;margin:10px 0 -5px -5px;max-height: 200px;overflow-y: scroll;flex-wrap: wrap;}
.product-list .search-type .den::-webkit-scrollbar{width: 3px;background-color: #f5f5f5;}
.product-list .search-type .den::-webkit-scrollbar-thumb{background-color: #6c6c6c;}
.product-list .search-type span{display: inline-block;margin: 0 0 5px 5px;padding: 5px 10px;color:#666;font-size:12px;background:#f5f5f5;}
.product-list .search-type span:hover{color:#fff;background:var(--color-main);}*/
/*--*/
.product-list .search-type{display: flex; margin-top:10px;padding:10px;color:#000;font-size:14px;background: #edf4f7;}
.product-list .search-type.de{display: flex;flex-direction: column;}
.product-list .search-type.de .den{margin-top:10px;}
.product-list .search-type h5{flex-shrink: 0;margin-right:10px;color:#994f00;font-size:14px;}
.product-list .search-type b{color:#666}
.product-list .search-type p{min-width: 0;word-wrap: break-word;}
.product-list .search-type .den{display:flex;margin:0px 0 -5px -5px;max-height: 200px;overflow-y: scroll;flex-wrap: wrap;}
.product-list .search-type .den::-webkit-scrollbar{width: 3px;background-color: #f5f5f5;}
.product-list .search-type .den::-webkit-scrollbar-thumb{background-color: #6c6c6c;}
.product-list .search-type span{display: inline-block;margin: 0 0 5px 5px;padding: 5px 10px;color:#666;font-size:12px;background: #ffffff;}
.product-list .search-type span:hover{color:#fff;background:var(--color-main);}

/*==首页产品↓==*/
.product2Home{background:#DADBDE;}


/*==留言模块↓==*/ 
.scour-air{padding: 60px 0;background: var(--color-main);} 
.scour-air .long{display:flex;align-items: center;/* justify-content: space-between; */}
.scour-air .info{margin-right:60px}
.scour-air .info .title{font-size: 28px;color:#fff;}
.scour-air .search{flex: 1;/* width: 48%; */}
.scour-air .search form{display: flex;align-items: flex-end;}
.scour-air .search .shell{flex: auto;position: relative; margin-left:20px;width: 100%;}
.scour-air .search .scour-btn{cursor: pointer;}
.scour-air .search .pull{display:none;position:absolute;left:0;right: 0;top: 100%;z-index:2;padding: 20px;border-radius: 5px 5px 10px 10px;box-shadow:0px 5px 40px 1px rgba(120, 148, 217, 0.1600);background: #fff;}
.scour-air .search .pull a{display: block;padding:10px 10px;font-size: 14px;color:#666666;text-align: center;border-radius: 10px;cursor: pointer;}
.scour-air .search .pull a:hover{color:#fff;background:var(--color-main)}
.scour-air .search .shell:hover .pull{display:block} 
.scour-air .search .title{margin-bottom:10px;font-size: 22px;color:#fff;}
.scour-air .search .box{padding: 8px 20px;border-radius:10px;background:rgba(255,255,255,0.9);}
.scour-air .search .box .tit{font-size: 14px;color:#666666;}
.scour-air .search .box .fill{font-size: 14px;color:#666;}
.scour-air .search .box .fill::placeholder{color:#999;}
.scour-air .search button{padding: 17px 60px;font-size: 18px;color:#666;border-radius:10px;background:rgba(255,255,255,0.9);}
.scour-air .search button:hover{color:#fff;background:var(--color-wag)}
.scour-air .seek{flex-shrink: 0;position: relative; margin-left:80px;}
.scour-air .seek .btn{display: flex;padding: 15px 30px;font-size: 18px;color:#fff;border:1px #fff solid;border-radius:10px;align-items: center;cursor: pointer;}
.scour-air .seek .btn::before{content: "";display: inline-block;margin-right: 20px;width: 30px;height: 37px;background:url(../images/ico-person.png) no-repeat center;background-size: cover;}
.scour-air .seek .btn::after{content: "\ebd1";margin-left: 20px;font-size: 30px;color:#fff;font-weight: bold;}
.scour-air .seek:hover .btn{border-color:var(--color-wag); background:var(--color-wag)}
.scour-air .seek:hover .btn:after{transform:rotateX(180deg);}
.scour-air .seek .pull{display:none; position:absolute;left:0;right: 0;bottom:100%;padding: 20px;border-radius: 10px 10px 5px 5px;box-shadow:0px 5px 40px 1px rgba(120, 148, 217, 0.1600); background: #fff;}
.scour-air .seek .pull a{display: block;margin: 10px 0;padding:15px 10px;font-size: 18px;color:#666666;text-align: center;border-radius: 10px;background: #eee;}
.scour-air .seek .pull a:hover{color:#fff;background:var(--color-main)}
.scour-air .seek:hover .pull{display:block}
/*--*/
.scour-popup{display:none; position:fixed;top: 0%;left:0;right:0;bottom: 0%;z-index:6;width: 1280px;height:fit-content;margin: auto;padding:50px;border-radius: 20px; background: #fff;}
.scour-popup .close{position:absolute;top: 20px;right: 25px;z-index:1;font-size: 20px;color: #666;}
.scour-popup .close:before{content:"\e731"}
.scour-popup .close:hover{color:var(--color-main)}
.scour-popup .long{}
.scour-popup .theme{position: relative;display: table;margin: auto;margin-bottom: 40px;font-size: 30px;font-weight: 550;color:#333;text-align: center;}
.scour-popup .theme::after{content:"";position:absolute;left:0;right:0;bottom:0;z-index: -1;height:10px;background: var(--bg-2);}
.scour-popup .age{padding-right:50px; height: 50vh;overflow-x: auto;}
.scour-popup .age::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #f5f5f5;}
.scour-popup .age::-webkit-scrollbar{width: 4px;background-color: #f5f5f5;}
.scour-popup .age::-webkit-scrollbar-thumb{background-color: #8a8a8a;}
.scour-popup .roll{display: flex;margin-bottom:40px;justify-content: center;}
.scour-popup .roll li{padding: 12px 20px;margin: 0 10px;font-size: 18px;color: #333;border-radius: 10px;border:1px #666 solid;cursor: pointer;}
.scour-popup .roll li:hover,.scour-popup .roll li.active{color:var(--color-main);border-color:var(--color-main);}
.scour-popup .menu{}
.scour-popup .menu li{margin-bottom: 40px;padding-bottom: 40px;border-bottom: 1px #ddd solid;}
.scour-popup .menu li:last-child{margin-bottom:0px;padding-bottom:0;border-bottom:0px;}
.scour-popup .menu .title{display: flex;position: relative;margin-bottom:20px;padding-left: 15px;font-size: 20px;font-weight: 550;color: #555;}
.scour-popup .menu .title:before{content:"";position:absolute;top: 0;left:0;bottom:0;z-index:1;margin: auto;width: 3px;height: 60%;background: var(--color-main);}
.scour-popup .menu .link{display: flex;margin: 0 0 -10px -50px;flex-wrap: wrap;}
.scour-popup .menu .link a{display: inline-block;margin: 0 0 10px 50px;font-size: 16px;color:#666666;}
.scour-popup .menu .link a:hover{color:var(--color-main);}



/*==案例切换↓==*/ 
.srll-case{background: #EAEBEF;}
.srll-case .swiper-slide{height: auto;}
.srll-case .toge{position: absolute;bottom:380px;left: 0;margin: 0;z-index: 3;}
.srll-case .toge.rt{left:auto;right:0;bottom:300px;}
.srll-case .tier{position:relative;z-index:1;overflow: hidden;}
.srll-case .tier .container{position:relative;}
.srll-case .large{position: relative;z-index:1;overflow: hidden;}
.srll-case .large .long{display: flex;padding-top:80px;height: 860px;flex-direction: column;justify-content: space-between;}
.srll-case .large .top .lum{display: table;padding: 5px 20px;font-size:14px;color:var(--color-ass);border-radius: 5px;background: var(--bg-2);}
.srll-case .large .top .title{font-size:40px;color:#fff;}
.srll-case .large .top .tit{-webkit-line-clamp: 1;width: 50%;font-size:40px;color:#fff;}
.srll-case .large .top .brief{margin-top:20px;font-size:16px;color:#fff;}
.srll-case .large .top .chart{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;}
.srll-case .large .low{display: flex;margin-top: 200px;justify-content: space-between;align-items: flex-end;}
.srll-case .large .low .shell{padding: 30px 60px 20px 60px;width:49.5%;background: rgba(0,0,0,0.8);transition: all .4s ease-in-out;}
.srll-case .large .low .tit{display: flex;font-size:24px;color:#fff;align-items: center;}
.srll-case .large .low .tit:before{content:"";margin-right:10px;width: 43px;height: 43px;background-image:url(../images/pain-ico.png);background-position:center;background-repeat:no-repeat;}
.srll-case .large .low .txt{margin-top: 10px;font-size:16px;color:#fff;line-height: 1.6;}
.srll-case .large .low .pain{height: 300px;transform: translateY(20px);}
.srll-case .large .low .pain .txt{-webkit-line-clamp:5;}
.srll-case .large .low .worth{padding-top: 20px;height: 240px;transform: translateY(20px);background: rgba(255,255,255,0.8);}
.srll-case .large .low .worth .tit{color:var(--color-main)}
.srll-case .large .low .worth .tit:before{background-image:url(../images/worth-ico.png); }
.srll-case .large .low .worth .txt{-webkit-line-clamp:4;color:#666;transition: all .4s ease-in-out;}
.srll-case .large .low .shell:hover{transform: translateY(0px);background:var(--color-wag)}
.srll-case .large .low .shell:hover .txt{color:#fff;}
.srll-case .array{padding:60px 0}
/*.srll-case .array .swiper-wrapper{display: block;}
.srll-case .array .swiper-wrapper .swiper-slide{}*/
.srll-case .array .case-list .pic{opacity: 0;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;transition: all .4s ease-in-out;}
.srll-case .array .case-list .pic img{width:100%;height:100%;object-fit:cover;}
.srll-case .array .case-list .swiper-slide-thumb-active .pic,.case-list.case-list-touch li.active .pic{opacity:1;}
/*--*/
.srll-case .pto{position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;}
.srll-case .pto:after{opacity: 0.4;content:"";position: absolute;left: 0;top: 0;right: 0;bottom: 0;background:#000}
.srll-case .pto ul{height:100%;}
.srll-case .pto li{display: none;height:100%; transition: opacity 0.5s ease-in-out;}
.srll-case .pto li.active{display: block;opacity: 1; }
.srll-case .pto .pic{height: 100%;}
.srll-case .pto img{width:100%;height:100%;object-fit:cover;}



/*==案例列表↓==*/ 
.case-list.edge{display: flex;margin:0 0 10px 10px;flex-wrap: wrap;}
.case-list.edge li{width:calc(33.3% - 10px);margin:0 0 10px 10px;}
.case-list a{position: relative; display: block;padding: 20px;border-radius: 10px;box-shadow: 0 0 10px #eee;overflow: hidden; background: #fff;}
.case-list .lum{display: table;margin-bottom: 5px;padding: 5px 20px;font-size:14px;color:var(--color-main);border-radius: 5px;background: var(--bg-1);}
.case-list .title{-webkit-line-clamp: 1;font-size:24px;color:#1D1D1F;}
.case-list .tit{-webkit-line-clamp: 1;font-size:24px;color: #1D1D1F;}
.case-list .brief{margin-top:10px;font-size:16px;color:#666;}
.case-list .time{display: block;margin-top:5px; font-size:16px;color:#6a6a6a;}
/*.case-list li:hover a{background:var(--color-main)}
.case-list li:hover *{color:#fff}
.case-list li:hover .lum{color:var(--color-main);background:#fff}*/


/*==案例↓==*/ 
.caseIn{background:#EAEBEF;}


/*==首页关于↓==*/ 
.about-trait{display: flex;}
.about-trait .info{width: 42%;}
.about-trait .row{}
.about-trait .row li{position: relative;z-index:1; padding:40px;background:#F0F0F0;overflow:hidden}
.about-trait .row li::after{opacity:0;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:-1;background:var(--color-wag);transform:translateX(30px);}
.about-trait .row .title{font-size: 30px;color:#333;}
.about-trait .row .txt{display: block;margin-top:10px;font-size: 18px;color:#333;}
.about-trait .row li:nth-child(2){background: #353535;}
.about-trait .row li:nth-child(2) *{opacity: 0.7; color:#fff;}
.about-trait .row li:nth-child(3){background:var(--color-main);}
.about-trait .row li:nth-child(3) *{color:#fff;}
.about-trait .row li:nth-child(3) .txt{opacity:0.3}
.about-trait .row li:hover *{color:#fff}
.about-trait .row li:hover::after{opacity: 1;transform:translateX(0px);}
.about-trait .set{flex: 1;display: flex;padding:60px 0 60px 80px;align-items: center;background: -webkit-linear-gradient(top, #F0F0F0, #F0F0F0, #F67629);}
/*--*/
.video-touch{position: relative;display:block;}
.video-touch::after{opacity: 0.3;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;}
.video-touch .btn{position:absolute;top:0;left:0;right:0;bottom:0;z-index: 2;display: flex;margin: auto;width: fit-content;height: fit-content;color: var(--color-main);font-size:16px;padding: 10px 20px;border-radius: 30px;background: #fff;align-items: center;justify-content: center;}
.video-touch .btn:before{content: "\e609";margin-right: 10px;font-size: 26px;color: var(--color-main);}
.video-touch:hover:after{opacity:0.4}
.video-touch:hover .btn{color:#fff;background:var(--color-main)}
.video-touch:hover .btn:before{color:#fff}
/*--*/
.about-cert{position: relative;margin-top:60px}
.about-cert::after{opacity:1;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background: -webkit-linear-gradient(left, rgba(255,255,255,0.6), rgba(255,255,255,0),rgba(255,255,255,0.6));}
.about-cert:hover:after{opacity:0;display:none}
.about-cert .row{display: flex;margin:0 0 -20px -20px;flex-wrap: wrap;}
.about-cert .row li{flex: auto;display:flex;margin: 0 0 20px 20px;padding:10px 20px;font-size: 28px;color:#333;text-align: center;border: 2px #ddd solid;border-radius: 10px;justify-content: center;align-items: center;}
.about-cert .row em{margin-right:5px}
.about-cert .row em img{height:30px;}
.about-cert .row li:hover{color:var(--color-wag); border-color:var(--color-wag)}


/*==首页合作伙伴↓==*/ 
.partnerHome{background: #efefef;}
/*--*/
.partner-card{display: flex;margin-left:-20px;width: 110%;}
.partner-card .shell{position: relative;z-index: 1;display: flex;width: calc(20% - 10px);margin: 0 0 0 10px;padding:0 10px 10px 10px;flex-direction: column;}
.partner-card .shell::after{opacity: 0.5;content: "";position: absolute;left: 0;right: 0;bottom: 0;z-index: -1;height: 50%;background: -webkit-linear-gradient(top, #F0F0F0, #F0F0F0, #FF9D48);}
.partner-card .theme{padding: 10px 20px;font-size:24px;font-weight:bold;color:#02033B;text-align: center;}
.partner-card .lap{height: 100%;padding: 15px;border-radius:10px;background: #fff;}
.partner-card .list{display: flex;margin: 0 0 -10px -10px;flex-wrap: wrap;}
.partner-card .list li{display: flex;width: calc(50% - 10px);margin: 0 0 10px 10px;align-items: center;}
.partner-card .list .box{width:50%}
.partner-card .list h4{font-size: 10px;color:#666666;}
.partner-card .list span{display: block;font-size: 8px;color:#666666;}
.partner-card .list .pic{width:50%;margin-left: 5px;background: #eee;}
.partner-card .list .pic img{width:100%;}
.partner-card .shell.active{width: calc(28% - 20px);padding:0px;}
.partner-card .shell.active:after{opacity:0}
.partner-card .shell.active .theme{text-align: left;background: #E8E8E8;}
.partner-card .shell.active .lap{padding: 65px 20px;border:1px #ddd solid}
.partner-card .shell.active .list li{width:calc(25% - 10px);margin: 0 0 10px 10px;}
.partner-card .shell.active .list .box{display:none}
.partner-card .shell.active .list .pic{margin: 0;width:100%}


/*==首页新闻↓==*/ 
/*==首页新闻↓==*/ 
.newsHome{}
.newsHome .long{display: flex;margin-left:-20px;}
.newsHome .shell{width:calc(31% - 20px);margin-left:20px; border-radius:10px;overflow: hidden;background: #F4F4F4;}
.newsHome .shell .ner{padding:30px;}
.newsHome .shell:nth-child(1){width:calc(38% - 20px);}
.newsHome .shell:nth-child(1) .ner{padding:40px;}
.newsHome .chart{position: relative;z-index: 1;}
.newsHome .chart .bg{width:100%;height:100%;object-fit:cover;}
.newsHome .chart .btn{position:absolute;top:30px;left:40px;z-index: 1;margin:0;}
.newsHome .chart .stress{position:absolute;right:40px;bottom:40px;z-index: 1;font-size:22px;color:#fff;font-weight: bold;}
.newsHome .chart .number{position: absolute;left:40px;top: 80px;z-index: 1;}
.newsHome .chart .number li{margin-bottom: 25px;}
.newsHome .chart .number span{font-size: 40px;color:#fff;font-weight: 550;}
.newsHome .chart .number font{font-size:30px;color:#fff;}
.newsHome .chart .number h4{font-size:14px;color:#fff;}
.newsHome .chart.u1 .bg{height: 400px;}
.newsHome .chart.u1::after{opacity: 0.3;content:"";position:absolute;left:0;top:0;right:0;bottom:0;/* z-index: -1; */background: -webkit-linear-gradient(top, rgba(0,0,0,0), #F67629);}
.newsHome .list-1{}
.newsHome .list-1 .title{font-size: 32px;font-weight:500;color:#333;}
.newsHome .list-1 .txt{margin-top:15px;font-size: 20px;color:#666;}
.newsHome .list-1 .time{display: block;margin-top:5px;font-size: 20px;color:#666;}
.newsHome .list-1 .btn{margin-top: 40px;}
.newsHome .list-1 li:hover .title{color:var(--color-main);}
.newsHome .list-2{}
.newsHome .list-2 li{margin-bottom:30px}
.newsHome .list-2 li:last-child{margin-bottom:0px;}
.newsHome .list-2 .title{font-size:20px;color:#333;}
.newsHome .list-2 .time{display: block;margin-top:5px;font-size: 18px;color:var(--color-main);}
.newsHome .list-2 li:hover .title{color:var(--color-main);}


/*==联系我们↓==*/ 
.cta-address{background: #EAEBEF;}
.cta-address .list{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.cta-address .list li{padding:20px;box-shadow: 0 0 10px #eee; background: #fff;}
.cta-address .list .title{font-size:20px;font-weight:550;color:#333;}
.cta-address .list .in{display: flex;margin-top:20px;align-items: center;}
.cta-address .list .box{flex: 1;}
.cta-address .list .box span{display: block;margin-bottom: 5px;font-size:16px;color:#666666;}
.cta-address .list .box span b{font-weight:bold;}
.cta-address .list .box .btn{display: flex;margin-top:20px;padding:10px 30px;width: fit-content;font-size:14px;color:#fff;border-radius:5px;overflow: hidden;background: #c4c4c4;align-items: center;justify-content: center;}
.cta-address .list .box .btn::after{content: "\10217";margin-left:10px;font-size: 11px;}
.cta-address .list .box .btn:hover{background: var(--color-main);}
.cta-address .list .box .btn:hover::after{transform: translateX(5px);}
.cta-address .list .pic{position: relative; margin-left: 40px;width: 35%;}
.cta-address .list .pic:before{opacity: 0; content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:var(--color-lg);}
.cta-address .list .pic img{width:100%;}
.cta-address .list li:hover .pic:before{opacity:0.5;}
/*--*/
.cta-mode{}
.cta-mode .row{display: flex;flex-wrap:wrap;margin:0 0 -10px -10px}
.cta-mode .row li{position: relative;width:calc(33.3% - 10px);margin:0 0 10px 10px;padding:30px;border-radius:10px;background:#F4F4F4;}
.cta-mode .row .title{margin-bottom:20px;font-size:24px;color:#666666;font-weight:300;}
.cta-mode .row .box{float: right;text-align: right;}
.cta-mode .row .box span{display:block; font-size: 44px;font-weight:600;color:var(--color-main);word-wrap: break-word;}
.cta-mode .row .box span font{font-size:16px;}
.cta-mode .row .box .btn{float: right; display:table;margin-top:20px;padding:10px 40px;font-size:14px;color:#fff;border-radius: 10px;background: var(--color-main);}
.cta-mode .row .box .btn::after{content: "\10217";margin-left:10px;font-size:12px;}
.cta-mode .row .box .btn:hover{background: var(--color-wag);}
.cta-mode .row .email .box{width: 290px;}
.cta-mode .row .address{width:calc(100% - 10px);padding: 30px 50px 50px 30px;}
.cta-mode .row .address:after{content:"";position: absolute;left: 10%;bottom: 0;width: 771px;height: 281px;background: url(../images/address-line.png) no-repeat bottom;}
.cta-mode .row .address .title{font-size:28px;}
.cta-mode .row .address .box{/* display: flex; */float: right;width: 42%;flex-direction: column;align-items: flex-end;}
.cta-mode .row .address .box span{font-size:44px;color:#333;}


/*==关于我们↓==*/ 
.ab-intro{}
.ab-intro .wx{font-size: 18px;color:#666666;line-height: 1.8;}
.ab-intro .low{margin-top:40px;display: flex;justify-content: space-between;}
.ab-intro .low .shell{font-size:40px;color:#000;}
.ab-intro .low .shell b{font-weight:bold;}
.ab-intro .set{margin-top:40px;border-radius:10px; overflow: hidden;}


/*==关于-荣誉资质↓==*/ 
.ab-achieve{}
.ab-achieve .long{display: flex;background: #fff;}
.ab-achieve .info{flex: 1;}
.ab-achieve .set{width:35%}
.ab-achieve .set img{width:100%;height:100%;object-fit:cover;}
.achieve-list{display: grid;grid-template-columns: repeat(2, 1fr);}
.achieve-list li{border-right:1px #ddd solid;border-bottom:1px #ddd solid}
.achieve-list .pack{display: block;padding: 30px;}
.achieve-list h4{color:#333;font-size:20px;}
.achieve-list span{display: block;margin-top:10px; color:#999;font-size:14px;}
.achieve-list li:nth-child(2n){border-right:none}
.achieve-list li:nth-last-child(-n+2){border-bottom:none}
.achieve-list li:hover{background: var(--color-main);}
.achieve-list li:hover *{color:#fff;}


/*==新闻列表↓==*/ 
.srll-honor{}
.srll-honor .spot{display:none;}
.srll-honor .list .pic{background: #fff;}
.srll-honor .list h4{margin-top:20px;font-size:20px;color:#000; text-align: center;}
.srll-honor .list li:hover h4{color:var(--color-main)}


/*==关于-优势↓==*/ 
.ability-row{}
.ability-row li{display: flex;justify-content: space-between;align-items: center;}
.ability-row .set{width:50%;}
.ability-row .set img{width:100%;}
.ability-row .info{position: relative;padding: 40px;margin-left: 60px;width:50%;}
.ability-row .info:before{content:"";position:absolute;top: 0;left: 0px;bottom:0;z-index:1;margin: auto;width: 5px;height: 100px;border-radius: 10px;background:var(--color-lg-2);}
.ability-row h4{font-size:40px;font-weight:bold;color:#333;}
.ability-row p{margin-top:20px;font-size:18px;color:#808A99;line-height:1.8;}
.ability-row li:nth-child(2n){display:flex;flex-direction: row-reverse;}
.ability-row li:nth-child(2n) .info{margin-left:0;margin-right:60px;}


/*==服务支持↓==*/ 
.support-row{display: grid;grid-template-columns: repeat(4, 1fr);gap: 30px;}
.support-row li{display:inline-block;padding: 40px;background:#F9F9F9;}
.support-row em{display:block;margin-bottom: 10px;}
.support-row h4{margin-bottom: 10px;font-size:22px;color:#27274a;}
.support-row p{margin-top:10px;font-size:16px;color:#666;}
.support-row li:hover h4{color:var(--color-main);}
.support-row li:hover{transform: translateY(-5px);box-shadow:0px 2px 10px 1px rgba(120, 148, 217, 0.1600);background: #fff;}
/*--*/
.service-interact .long{position: relative;z-index:1;padding: 100px;background: #f4f4f4 url(../images/interact-line.png) no-repeat left bottom;}
.service-interact .long::after{content:"";position:absolute;left:0;top: 10%;right: 40px;bottom:0;z-index:-1;background: url(../images/interact-person.png) no-repeat bottom right;background-size: contain;}
.service-interact .row{display: flex;margin-left: 50px;width: 75%;}
.service-interact .row li{flex: 1;display:inline-block;margin: 0 10px;text-align: center;}
.service-interact .row em{display:block;margin-bottom: 30px;}
.service-interact .row h4{font-size:24px;color:#000;}
.service-interact .row span{display: block;margin-top:10px;font-size:24px;color:var(--color-main);}
.service-interact .row li:hover{transform: translateY(-5px);}
/*--*/
.download-lum{display: flex;margin:0 0 -20px -20px}
.download-lum li{display: inline-block;width:calc(33.3% - 20px);margin:0 0 20px 20px}
.download-lum a{position: relative;display: block;border-radius: 10px;overflow: hidden;}
.download-lum .pic{padding-top:50%}
.download-lum .pic::after{opacity:0.6;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;}
.download-lum .box{position:absolute;left:0;top:0;z-index: 2;margin: 30px;    transition: all .4s ease-in-out;}
.download-lum .box::after{content: "\10217";display: flex;margin-top: 20px;width: 45px;height: 45px;font-size: 16px;color: #fff;align-items: center;justify-content: center;border: 1px #fff solid;border-radius: 100%;}
.download-lum .title{font-size:24px;font-weight:bold;color: #fff;}
.download-lum li:hover .box{transform: translateX(5px);}
.download-lum li:hover .box::after{color:var(--color-main);background: #fff;}


/*==合作伙伴↓==*/ 
.partner-trait{}
.partner-trait .row{display: grid;grid-template-columns: repeat(3, 1fr);gap: 10px;}
.partner-trait .row li{padding: 50px 40px;text-align: center;border-radius: 10px;background: #fff;}
.partner-trait .row h4{font-size:48px;color:var(--color-main);font-weight:bold}
.partner-trait .row span{display: block;margin-top:10px;font-size:20px;color:#666;}
.partner-trait .row li:hover{background:var(--color-main)}
.partner-trait .row li:hover *{color:#fff}
.partner-cont.bor{border-top:2px #ddd solid}
/*--*/
.partner-tab{display:flex;}
.partner-tab .left{width:25%;}
.partner-tab .right{width: 85%;}
.partner-tab .roll{margin-right:40px}
.partner-tab .roll li{display: table; margin-bottom:15px; font-size:22px;color:#666666;cursor: pointer;}
.partner-tab .roll li.active{color:var(--color-main)}
.partner-tab .expand-btn{display: flex;margin:auto;margin-top:40px;padding: 12px 120px;font-size:18px;color:#fff;border-radius:10px;background:var(--color-main);transition: all .4s ease-in-out;align-items: center;}
.partner-tab .expand-btn:after{content: "\eb9b";margin-left: 8px;font-size: 14px;font-weight: bold;}
.partner-tab .expand-btn:hover{color:#fff;background: var(--color-wag);}
.partner-tab .expand-btn:hover::after{transform:rotate(90deg);}
.partner-tab .expand-btn.active{background: #999;}
.partner-tab .expand-btn.active::after{transform:rotate(-90deg);}
/*--*/
.partner-list.edge{display: grid;grid-template-columns: repeat(8, 1fr);gap: 10px;}
.partner-list.edge li{display: inline-block;}
.partner-list li{border:1px #eee solid;overflow: hidden; border-radius:0px; background: #f4f4f4;}
.partner-list a{position: relative;z-index:1;display: block;padding: 20px 10px;}
.partner-list a:after{opacity:0; content:""; position:absolute;left:0;top:0;right:0;bottom:0;transform: translateY(-10px);background:var(--color-main);}
.partner-list .pic{padding-top: 90%;}
.partner-list h4{opacity:0;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 1;margin: auto;height: fit-content;text-align: center;padding:10px;color:#fff;font-size: 16px;transform: translateY(10px);}
.partner-list li:hover h4{opacity:1;transform: translateY(0px);}
.partner-list li:hover a:after{opacity:0.8;transform: translateY(0px);}
.partner-list li.hidden{display: none;}


/*==案例详情↓==*/ 
.own-wrap-case{background: #f9f9f9;}
/*--*/
.caseDet{}
.caseDet-top{}
.caseDet-top .major{font-size:32px;color:var(--color-main);}
.caseDet-top .title{font-size:48px;color:#02033B;font-weight:bold;}
.caseDet-top .chart{margin-top:20px;}
.caseDet-tab{margin-top:80px}
.caseDet-tab .roll{display: flex;margin-bottom:40px;padding: 20px 40px;background:#fff;}
.caseDet-tab .roll li{margin-right: 100px;font-size: 20px;color:#282938;cursor: pointer;}
.caseDet-tab .roll li.active{font-size: 22px;font-weight:bold;}


/*==解决方案↓==*/ 
.solution-concern{background: #000;}
.solution-concern .btn{display:table; margin:auto;margin-top:80px;padding:10px 20px;font-size:20px;color:var(--color-main);border:1px var(--color-main) solid;border-radius:10px;}
.solution-concern .btn:hover{color:#fff;background: var(--color-main);}
.solution-concern .row{display: grid;margin-bottom:-40px; grid-template-columns: repeat(3, 1fr);gap: 20px;}
.solution-concern .row li{ display: flex;margin-bottom:40px;}
.solution-concern .row i{opacity: 0.8;flex-shrink: 0;margin-right: 20px;font-size:120px;font-weight: 350;color:#fff;}
.solution-concern .row .box{flex: 1;}
.solution-concern .row h4{font-size:28px;color:#fff;}
.solution-concern .row p{margin-top: 10px;font-size: 18px;color:#fff;line-height: 1.8;}
.solution-concern .row p font{font-weight: 600;color:#fff;padding: 2px 5px;background: var(--color-main);}
/*--*/
.solution-tab{}
.solution-tab .roll{display: flex;background: #fff;}
.solution-tab .roll li{flex: 1;position: relative;z-index: 1;padding: 30px 20px;font-size:16px;color:#333;cursor: pointer;text-align: center;}
.solution-tab .roll li::before{content:"\eb9b";position:absolute;top:0;right: -14px;bottom:0;margin: auto;height: fit-content;font-size: 28px;color: #999;}
.solution-tab .roll li::after{opacity: 0;content:"";position:absolute;top: 50%;left:0;right:0;bottom:0;z-index: -1;background:var(--color-lg);}
.solution-tab .roll li:last-child:before,.solution-tab .roll li.prev:before{display:none}
.solution-tab .roll li.active{color:#000;font-weight: 500;}
.solution-tab .roll li.active:before{opacity: 0;}
.solution-tab .roll li.active:after{opacity: 0.6;}
.solution-tab .or{display: flex;background: #fff;}
.solution-tab .or .set{width:50%;}
.solution-tab .or .set img{width:100%;height:100%;object-fit:cover;}
.solution-tab .or .info{position: relative;z-index: 1;width:50%;padding:80px;}
.solution-tab .or .info:after{opacity: 0.5;content:"";position:absolute;top: 50%;left:0;right:0;bottom:0;z-index: -1;background:var(--color-lg);}
.solution-tab .or .info .wx{font-size: 20px;color:#666666;line-height: 1.8;}
/*--*/
.solution-ensure{background:url(../images/ensure-bg.png) no-repeat center bottom;background-size: contain;}
/*--*/
.ensure-row{display: grid;grid-template-columns: repeat(4, 1fr);gap: 50px;}
.ensure-row li{}
.ensure-row em{display: flex;margin-bottom:20px;height: 60px;align-items: center;}
.ensure-row em img{}
.ensure-row h4{font-size:22px;color:#333;}
.ensure-row p{margin-top: 10px;font-size: 16px;color:#666;line-height: 1.8;overflow-wrap: break-word;}


/*==产品↓==*/ 
.productIn{background: #f4f4f4;}
.productIn .content{position: relative; margin-top:100px;}
.productIn .content .anchor{display: block; width:100%;height:1px;transform: translateY(-200px);}
.productIn .content .count{display: flex;margin-bottom:20px;align-items: center;justify-content: space-between;}
.productIn .content .count .tit{font-size:16px;color:#000;}
.productIn .content .count .tit h5{display: inline-block; font-size:20px;color:#333;font-weight:bold}
.productIn .content .count .tit b{color:var(--color-main)}
.productIn .content .count .btn{margin:0;}


/*==产品筛选↓==*/ 
.search-air{position:relative;z-index:1; margin-bottom:100px;padding:80px 0;background:url(../images/product-search-bg.jpg) no-repeat center;background-size:cover;}
.search-air .vbg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1; width:100%;height:100%;object-fit:cover;}

.search-air .vbg::-webkit-media-controls { display: none !important; }
.search-air .vbg::-moz-media-controls { display: none !important; }
.search-air .vbg::-ms-media-controls { display: none !important; }
.search-air .vbg:fullscreen::-webkit-media-controls { display: none !important; }

.search-air .top{text-align: center;}
.search-air .top .theme{font-size:64px;font-weight:bold;color:#fff;}
.search-air .top .tit{margin-top: 20px;display: block;font-size:24px;color:#fff;}
.search-air .top .search{display: flex;margin: auto;margin-top: 40px;padding: 12px 15px;width: 600px;border-radius:20px;background: #fff;align-items: center;justify-content: space-between;}
.search-air .top .search:before{content:"";width: 31px;height: 31px;background:url(../images/product-search-vector.png) no-repeat center;background-size:cover;}
.search-air .top .search input{flex: 1;margin: 0 20px;color:#333;font-size:16px;}
.search-air .top .search input::placeholder{color:#999}
.search-air .top .search button{position: relative;padding: 10px 40px 10px 60px;color:#fff;font-size:16px;border-radius: 10px;background: var(--color-main);}
.search-air .top .search button:before{content: "\e71f";position: absolute;left: 10px;top:0;bottom:0;margin: auto;height: fit-content;}
.search-air .top .search button::after{ content: "\e648";margin-left:5px;}
.search-air .top .search button:hover{background:var(--color-wag);}
.search-air .long{margin-top: 40px;margin-bottom: -140px;padding: 60px 100px;border-radius:20px;border: 1px solid #ddd;background: #fff;}
.search-air .long.no{display: none;}
/*--*/
.pro-menu{display: flex;flex-wrap: wrap;margin:0 0 -30px -20px}
.pro-menu li{width: calc(25% - 20px);margin:0 0 30px 20px}
.pro-menu a{position: relative;display: block;padding-bottom: 15px;font-size: 22px;color:#666666;border-bottom:1px solid var(--color-main)}
.pro-menu a::after{content:"";position:absolute;left:0;right:0;bottom: -1px;z-index:1;height:1px;background:var(--color-aid-2);transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.pro-menu li:hover a,.pro-menu li.active a{color:var(--color-main)}
.pro-menu li:hover a:after,.pro-menu li.active a:after{transform: scale(1);transform-origin:left;}
.pro-menu li:nth-child(n+5):nth-child(-n+8) a{border-color:#666}
/*--*/
.pro-type{}
.pro-type .roll{display: flex;margin-bottom:40px;justify-content: center;}
.pro-type .roll li{margin: 0 10px;cursor: pointer;}
.pro-type .roll a{display: block;padding: 12px 20px;font-size:16px;color:#333;border:1px #333 solid;border-radius: 10px;}
.pro-type .roll a::after{content:"\10217";margin-left:10px;font-size: 14px;}
.pro-type .roll li:hover a,.pro-type .roll li.active a{color:var(--color-main);border-color:var(--color-main)}
.pro-type .tip{display: block; margin-top:10px;font-size:15px;color:#999;}
/*--*/
.pro-pattern .kind li{display: flex;margin-bottom: 10px;}
.pro-pattern .kind li:last-child{margin-bottom:0px}
.pro-pattern .kind .title{flex-shrink: 0;margin-right:50px;font-size:16px;color:#333;font-weight:600;}
.pro-pattern .kind .title:hover,.pro-pattern .kind .title.active{color:var(--color-main);}
.pro-pattern .kind .title.active{text-decoration: underline;}
.pro-pattern .kind .link{flex: 1;display: grid;grid-template-columns: repeat(10, 1fr);gap: 5px;}
.pro-pattern .kind .link a{display: inline-block;font-size:16px;color:#666666;}
.pro-pattern .kind .link a:hover,.pro-pattern .kind .link a.active{color:var(--color-main)}
.pro-pattern .kind .link a.active{text-decoration: underline;}
/*--*/
.pro-pinyin{}
.pro-pinyin .letter{display: flex;margin-bottom:50px;flex-wrap: wrap;margin-left: -5px;justify-content: space-between;}
.pro-pinyin .letter a{display: inline-block;margin: 0 0 5px 5px;padding: 2px 10px;font-size:24px;color:#666666;font-weight:500;border:1px solid #666;border-radius: 5px;}
.pro-pinyin .letter a:hover,.pro-pinyin .letter a.active{color:var(--color-main);border-color:var(--color-main)}
.pro-pinyin .ending{}
.pro-pinyin .ending .title{display: flex;margin-bottom:10px;font-size:16px;color:#000;align-items: flex-end;}
.pro-pinyin .ending .title b{margin-right:10px;font-size:48px;font-weight: bold;line-height: 1;}
.pro-pinyin .ending .title b font{font-size:22px;}
.pro-pinyin .ending .title span font{color:var(--color-main)}
.pro-pinyin .ending .link{display: grid;grid-template-columns: repeat(9, 1fr);gap: 5px;}
.pro-pinyin .ending .link a{display: inline-block;font-size:16px;color:#666666;}
.pro-pinyin .ending .link a:hover,.pro-type .ending .link a.active{color:var(--color-main)}
.pro-type .ending .link a.active{text-decoration: underline;}


/*==新闻列表↓==*/ 
.news-top{margin-bottom:60px;}
.news-top a{display: flex;background: #f4f4f4;}
.news-top .pic{ width:70%}
.news-top .pic img{width:100%;height:100%;object-fit:cover;}
.news-top .info{padding: 80px 40px;width:50%;}
.news-top .title{font-size:32px;color:#666666;}
.news-top .txt{margin-top:10px;font-size:16px;color:#666666;line-height: 1.6;}
/*--*/
.news-list{display: flex;flex-wrap: wrap;margin:0 0 -30px -10px}
.news-list li{width:calc(25% - 10px);margin:0 0 30px 10px;box-shadow:0 0 10px #eee;border-radius: 10px;overflow: hidden;}
.news-list a{display:block; }
.news-list .pic{z-index:2;padding-top:65%;background: #f5f5f5;}
.news-list .pic img{z-index:2;margin: auto;width:auto;height: auto;max-height: 100%;}
.news-list .pic u{opacity: 0.8;content:"";position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 0;width: 100%;height: 100%;filter: blur(20px);object-fit: cover;transform: scale(1.1);}
.news-list .box{padding:20px}
.news-list .title{font-size:18px;color:#333;}
.news-list .txt{margin-top:10px;font-size:14px;color:#666666;}
.news-list .more{display:table;margin-top:10px;color:#663;font-size:14px;}
.news-list li:hover .title{color:var(--color-main)}
.news-list li:hover .more{color:var(--color-main)}



/*==新闻详情框↓==*/
.newsDet{}
.newsDet .bgi{margin-bottom:30px;background:#fff;}
.newsDet .bgi:last-child {margin-bottom:0px;}
.newsDet .bgi.p3 {padding:30px 30px 40px 30px;}
.newsDet .bgi.p4 {padding:40px 40px 40px 40px;}
/*--*/
.newsDet .content .titleTop{text-align: center;padding: 0 0 30px 0;margin: 0 0 40px 0;border-bottom: 1px #e4e4e4 solid;}
.newsDet .content .titleTop.lef{text-align: left;}
.newsDet .content .title{color:#333333;font-size: 36px;font-weight: 500;}
.newsDet .content .msg{margin-top: 15px;color:#a7a7a7;font-size: 15px;}
.newsDet .content .msg *,.newsDet .msg span,.newsDet .msg a{color:#a3a3a3;font-size: 16px;}
.newsDet .content .msg span{margin:0 5px;}
.newsDet .content .msg a:hover,.newsDet .msg .active{color:var(--color-main)}
.newsDet .content .msg .active{font-weight:bold;}
.newsDet .content .wor{min-height:300px;font-size:16px;}
/*--*/
.section-fun{}
.section-fun .shell {width:-webkit-fill-available;margin-bottom:30px;}
.section-fun .shell:last-child {margin-bottom:0px;}
.section-fun .shell .tit {position:relative;color:#333333;font-size:40px;font-weight: bold;margin-bottom:20px;}
.section-fun .shell .tit.bor:before {content:"";position:absolute;left:0;bottom:-1px;width:20%;height:1px;background:var(--color-main);}
.section-fun .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;}
.section-fun .shell .tit .more:hover{color:var(--color-main)}
/*--*/
.section-fun .list {}
.section-fun .list li {clear:both;width:100%;margin-bottom: 20px;}
.section-fun .list li:last-child{margin-bottom:0px;}
.section-fun .list a{position:relative;display:block;border-radius: 10px;box-shadow: 0 0 10px #ddd;overflow: hidden;}
.section-fun .list .pic{z-index: 2;padding-top:60%;background: #f5f5f5;}
.section-fun .list .pic img{margin: auto;width: 100%;height: auto;object-fit: cover;}
.section-fun .list .pic u{opacity: 0.6;content:"";position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index: -1;filter: blur(20px);transform: scale(1.1);background: #ffffff;}
.section-fun .list .box{padding: 15px;}
.section-fun .list .title{color: #1D1D1F;font-size: 16px;width:100%}
.section-fun .list .txt{-webkit-line-clamp: 1;}
.section-fun .list li:hover .title{color:var(--color-main);}
/*--*/
.section-fun .product-list.sha a{padding:20px;border: 1px #ddd solid;}
.section-fun .product-list.sha .title{font-size:16px}
.section-fun .product-list.sha .number{font-size:16px}


/*==产品详情↓==*/
.proDet{}
.proDet-up{padding:30px 0 60px 0;background: #f4f4f4;}
.proDet-up .long{display: flex;}
.proDet-up .set{width: 50%;}
.proDet-up .info{width:45%;margin-left:60px}
.proDet-up .info .top{margin-bottom:30px;}
.proDet-up .info .title {color:#333;font-size:44px;font-weight:bold;}
.proDet-up .info .number {color:#666;font-size:24px;display:block;margin-top:5px;}
.proDet-up .info .txt{-webkit-line-clamp:5;color:#666666;font-size:16px;line-height:1.6;overflow:hidden;}
.proDet-up .info .certifi{display: flex;margin-top:40px;border: 1px solid var(--color-main);border-radius: 5px;align-items: stretch;overflow: hidden;}
.proDet-up .info .certifi .tit{flex-shrink: 0;display: flex;padding: 20px 40px;font-size:18px;color:var(--color-main);border-right:1px solid var(--color-main);background:var(--bg-1);align-items: center;}
.proDet-up .info .certifi .tit::after{content:"\10217";font-size: 14px;margin-left: 5px;}
.proDet-up .info .certifi .row{flex: 1;display: flex;padding: 15px 5px;background: #fff;}
.proDet-up .info .certifi .row li{flex: auto;margin: 0 1px;text-align: center;}
.proDet-up .info .certifi .row em img{height: 40px;}
.proDet-up .info .certifi .row h4{margin-top:10px;font-size: 14px;font-weight: 500;color:#666666;}
.proDet-up .info .certifi .row li:hover h4{color:var(--color-wag)}
.proDet-up .info .pagIng{display: flex;margin-top: 40px;align-items: flex-start;justify-content: space-between;}
.proDet-up .info .pagIng span{display: flex;min-width: 48%;font-size:16px;color:#666666;}
.proDet-up .info .pagIng span b{flex-shrink: 0;}
.proDet-up .info .pagIng span.next{display: flex;justify-content: flex-end;}
.proDet-up .info .pagIng a{font-size:16px;color:#000;}
.proDet-up .info .pagIng a:hover{color:var(--color-main)}
/*--*/
.proDet-content {margin-top:70px;}
.proDet-content .wx {}
.proDet-content .wor{color:#666;line-height:30px;font-size:16px;}
.proDet-content .long {position:relative;display:flex;}
.proDet-content .psd-left {flex:1;min-width:50%}
.proDet-content .psd-right {flex-shrink:0;width:360px;margin-left:50px;}
.proDet-content .tone {position:relative;display:flex;margin-bottom:60px;}
.proDet-content .tone:after {bottom:0;top:auto;}
.proDet-content .tone li {position:relative;z-index:1;display:inline-block;margin-right: 80px;padding-bottom: 20px;color:#282938;font-size:18px;cursor:pointer;align-items:center;justify-content:center;}
.proDet-content .tone li:after {content:"";position:absolute;left:0;bottom:0px;width:100%;z-index:1;height:2px;transition:transform .5s;transform:scale(0,1);transform-origin:right;background:var(--color-main);}
.proDet-content .tone li:hover,.proDet-content .tone li.active{color:#000;font-weight: 600;}
.proDet-content .tone li:hover:after,.proDet-content .tone li.active:after{transform:scale(1);transform-origin:left;}
.proDet-content .frame {margin-bottom: 100px;}
.proDet-content .frame.no_pb {padding-bottom:0px;border-bottom:0px}
.proDet-content .frame.no_pmb {margin-bottom:0px;padding-bottom:0px;border-bottom:0px}
.proDet-content .room .part{display: none;animation: fadeIn 0.25s ease-out;}
.proDet-content .room .part.on{display:block;}
.proDet .or{display: flex;}
.proDet .theme-title {flex-shrink: 0;position:relative;margin-right: 100px;color:#333;font-size:36px;font-weight:bold;   margin-bottom:30px;}
.proDet .theme-title .info{flex: 1;}
/*--*/
.table-pro{width:100%}
.table-pro td,.table-pro th{border:1px solid #e5e5e5;}
.table-pro td{padding: 10px 20px;font-size: 16px;}
.table-pro th{padding: 15px 20px;color: #fff;font-size: 18px;background: #a6a6a6;}
.table-pro th:nth-child(1){width: 180px;}


/*==下载列表↓==*/
.download-list {}
.download-list .top{background:var(--color-main)}
.download-list li {display:flex;color: #5b555a;font-size:15px;margin-bottom:2px;background: #fff;}
.download-list li:nth-child(2n){ background:#f8f8f8}
.download-list .state {padding: 12px 40px;display: flex;border-right: 1px #eee solid;}
.download-list .state:last-child {border-right:none}
.download-list .title {flex:1;color:#333;}
.download-list .block {width:200px;flex-shrink:0;color:#666;text-align: center;justify-content: center;}
.download-list .file:before {content:"\e694";float:left;margin:3px 5px 0 0;font-size:20px;color:var(--color-main)}
.download-list .file:hover {color:var(--color-main)}
.download-list .file:hover:before {color:var(--color-main)}
.download-list .top * {color: #fff;font-size: 20px;}
.download-list a:hover{color:var(--color-main)}


/*==视频↓==*/
.video-list{display: flex;margin: 0 0 -40px -30px;flex-wrap: wrap;}
.video-list li{display: inline-block;width: calc(25% - 30px);margin: 0 0 40px 30px;}
.video-list a{position:relative;z-index:1;display: block;height: 100%;border: 1px #e8e8e8 solid; box-shadow: 12px 5px 10px #eee;}
.video-list .pic{padding-top:80%;z-index:1;}
.video-list .pic:before{opacity:0.6; content:"\e628";position: absolute;left:0;top:0;bottom:0;z-index: 2;right:0;margin: auto;height: max-content;text-align: center;color:#fff;font-size:50px;font-weight:bold;}
.video-list .pic:after{opacity: 0.4;content: "";position: absolute;left:0;top:0;bottom:0;right:0;background: #000;}
.video-list h4{color: #6a6a6a;font-size:18px;padding:15px 20px; text-align: center; }
.video-list li:hover a{box-shadow: 12px 5px 10px #e1e1e1;}
.video-list li:hover .pic:before{opacity:1;}
.video-list li:hover .pic:after{opacity:0.4;}
.video-list li:hover h4{color:var(--color-main)}
/*--*/
.layui-layer .layui-layer-content{padding: 0 !important;overflow:hidden !important}
.layui-layer .video-player{width:100%;height:100%;object-fit:cover;}


/*==底部==*/
.footer {position:relative;z-index:1;padding: 60px 0 0px 0;background: #37353D;}
.footer .long{display: flex;justify-content: space-between;}
.footer .tit{margin-bottom:20px;color:#fff;font-size: 18px;font-weight:bold;}
.footer .tit::after{content:"";display: block;margin-top: 10px;width: 30px;height:2px;background:var(--color-main);}
.footer .message{width:25%}
.footer .message .sort{display:flex;flex-wrap: wrap;justify-content: space-between;}
.footer .message .sort li{position: relative;margin-bottom: 10px;padding: 10px 0px;width: 49%;border-bottom: 1px solid rgba(255,255,255,0.2);}
.footer .message .sort li.w100{width:100%}
.footer .message .sort i{position:absolute;right:0;top: 0;bottom: 0;margin: auto;height: fit-content;color:red;font-size: 16px;}
.footer .message .sort i:before{content:"+";}
.footer .message .but{margin-top: 30px;}
.footer .message .fill{padding-right:20px;width:100%;color:#e8e8e8;font-size: 14px;}
.footer .message .fill::placeholder{color:#f5f5f5}
.footer .message .tip{margin-top:0px;font-size: 14px;color:#e8e8e8;}
.footer .message button{padding: 8px 40px;color:#fff;font-size: 14px;border: 2px #fff solid;border-radius:5px;}
.footer .message button:hover{color:var(--color-main);background: #fff;}
.footer .message textarea{width:100%;height: 40px;}
.footer .contact{margin-left:60px;width:25%;}
.footer .contact .box span{display:block;margin-bottom: 10px;color:#fff;font-size: 15px;}
.footer .contact .box span:last-child{margin-bottom:0;}
.footer .nav{margin-left:60px;}
.footer .nav .box a{display:block;margin-bottom:10px;color:#fff;font-size: 15px;}
.footer .nav .box a:last-child{margin-bottom:0;}
.footer .nav .box a:hover{color:var(--color-main)}
.footer .ewm{display: table;margin-left: 60px;}
.footer .ewm .box{display: flex;margin-left:-20px}
.footer .ewm span{float: left;display: block;margin-left:20px;color:#fff;font-size:14px;text-align: center;}
.footer .ewm img {display:block;margin-bottom:10px;height:130px;}
.footer .down{display: flex;margin-top: 40px;padding: 20px 0;color:#ddd;font-size:14px;border-top: 1px solid rgba(255,255,255,0.2);align-items: center;justify-content: space-between;}
.footer .down a {color:#ddd;font-size:14px;}
.footer .down a:hover {color:var(--color-main);}
.footer .link {display: flex;margin-top: 20px;flex-wrap: wrap;}
.footer .link h3 {flex-shrink: 0; color:#fff;font-size: 14px;}
.footer .link .box{flex: 1;}
.footer .link a {position:relative;color:#ccc;font-size:14px;display:inline-block;padding: 0 20px;margin-bottom:5px;}
.footer .link a:after{content:"";position:absolute;right:0;top:0;bottom:0;width:2px;height: 13px;margin: auto;background:#aaa}
.footer .link a:last-child::after{display: none;}