@charset "utf-8";





/*==顶部↓==*/
.fixed-top.header{ position: fixed;top:0;width:100%; height:80px;box-shadow: 0 0 10px #ddd;  }
.fixed-top.header:before{opacity:1; height:100%;}
.fixed-top.header .sub{top:80px} 
/*--*/
.header{position: relative;top:0;left:0;right:0;z-index:3;border-bottom:1px #eee solid; height:100px;}
.header:before{opacity:0; content:"";position:absolute;bottom:0;z-index:-1;width:100%;height:80%;background: #fff;transition: all .4s ease-in-out;}
.header .container{height:100%;}
.header .logo{float:left;display: flex;height:100%;padding: 20px 0;align-items: center;}
.header .logo a{display: flex;height:100%;align-items: center;}
.header .logo img{max-height:80px;}
.header .logo .txt{color:#181818;font-size:16px;text-align: center;margin-left: 20px;}
.header .logo .txt font{display: block;font-size:28px;color:var(--color-main);font-weight:bold;letter-spacing:6px;}
.header .shop{float:right;display: flex;height: 100%;margin-left: 30px;align-items: center;}
.header .shop a{display: flex;font-size:16px;color:#101010;align-items: center;}
.header .shop i{margin-right:10px;}
.header .shop a:hover{color:var(--color-main)}
.header .nav{display:flex;float: right;height: 100%;}
.header .nav > li{ float: left;position:relative; height: 100%;margin-left: 60px;}
.header .nav > li > a{position: relative;z-index:1;display: flex;color: #101010;font-size: 16px;height: 100%;text-align: center;align-items: center;flex-direction: row-reverse;}
.header .nav > li > a:after{opacity: 0;content:"";position: absolute;left: 50%;right: 0;bottom:0;z-index:-1;margin: auto;width: 0;height: 10px;transform: translateX(-50%);background:url(../images/nav-li.png) no-repeat center;}
.header .nav > li:hover > a,.header .nav > li.active > a{color:var(--color-main); }
.header .nav > li:hover > a:after,.header .nav > li.active > a:after{opacity: 1;width: 62px;}
.header .nav .sub{display:none;}
.header .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;transform: translateX(-50%);}
.header .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;}
.header .nav .sub-bok a{display: block;color: #5e5e5e;font-size: 15px;padding: 10px 10px;border-bottom: 1px #ddd dashed;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.header .nav .sub-bok a:last-child{border:none}
.header .nav .sub-bok a:hover{color:#fff;border-color:var(--color-main); background: var(--color-main);}
/*-下拉导航-*/
.header .rel{position: inherit !important;}



/*==标题↓==*/
.titleAx{margin-bottom:40px;color:#000123;font-size:48px;}
.titleAx b{font-weight: bold;}
.titleAx span{margin-top:15px;display: block;color:#6b6b6b;font-size:16px;font-weight: 400;text-transform: Uppercase;}
.titleAx .eng{margin-top: 5px;color:#eee;font-size:64px;font-weight: bold;line-height: 1;text-transform: capitalize;}
.titleAx p{margin-top: 30px;color:#888888;font-size:24px;}
.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,.titleAx.white p{color:#fff}
.titleAx.white hr{background:#fff}
.titleAx.white .eng{ opacity:0.15; color:#fff;}
.titleAx.tTop{margin:50px 0 -20px 0;}
.titleAx.m30{margin-bottom:30px}
.titleAx.m40{margin-bottom:40px}
/*--*/
.titleBx{color:#000123;font-size:40px;margin-bottom:50px; text-align: center;}
.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.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.tTop{margin:50px 0 -20px 0;}


/*==标题tip↓==*/
.title-tip{display: flex;margin-bottom:50px;align-items: center;justify-content: space-between;}
.title-tip .theme{margin-bottom:0px;}
.title-tip .right{margin:0px !important;}


/*==左右布局↓==*/
.lay-orso{display: flex;justify-content: space-between;}
.lay-orso .set{width: 40%;}
.lay-orso .set .titleAx{margin-bottom:0px;}
.lay-orso .info{flex: 1;padding-left:50px;}
.lay-orso .info.pag{padding:50px 0 50px 50px;}
/*--*/
.lay-orso-2{display: flex;justify-content: flex-end;}
.lay-orso-2 .set{position: absolute;left: 0;top: 0;bottom: 0;width:50%;height: 100%;}
.lay-orso-2 .set img{width:100%;height: 100%;object-fit: cover;}
.lay-orso-2 .info{width:50%;padding:80px 0 80px 80px}


/*==子级导航↓==*/
.leftNav{border-radius: 0 20px 0 0;}
.leftNav .drop{}
.leftNav .drop > li{margin-bottom:25px}
.leftNav .drop > li:last-child{margin-bottom:0px;}
.leftNav .drop > li > a{position:relative;z-index:2;display: table;color:#666666;font-size: 28px;}
.leftNav .drop > li > a::after{content: "";position: absolute;left:0;bottom: -5px;z-index:-1;width:100%;height: 1px;background: var(--color-main);transition:transform .8s;transform: scale(0,1);transform-origin:right;}
.leftNav .drop > li:hover > a,.leftNav .drop > li.active > a{color:var(--color-main);border-color:var(--color-main) }
.leftNav .drop > li:hover > a::after,.leftNav .drop > li.active > a::after{ transform: scale(1);transform-origin:left;}


/*==首页关于我们↓==*/
.aboutHome{position:relative;overflow: hidden;}
.aboutHome .long{display: flex;justify-content: flex-end;}
.aboutHome .long .set{position: absolute;left: 0;top: 0;bottom: 0;width:50%;}
.aboutHome .long .set img{width: 100%;height: 100%;object-fit: cover;}
.aboutHome .long .info{width:50%;padding: 50px 0 100px 50px;}
.aboutHome .long .wx{font-size:16px;color:#484848;line-height:1.8;}
.aboutHome .digital{margin-top:50px;}



/*==产品栏目列表↓==*/
.product-lum{display: flex;margin:0 0 -25px -25px;flex-flow: row wrap;align-content: flex-start;}
.product-lum li{display: inline-block;width:calc(25% - 25px);margin:0 0 25px 25px; }
.product-lum a{position:relative; display: block;padding:30px 20px;border-radius: 10px;overflow: hidden;    background: -webkit-linear-gradient(top, #ffffff, #ebddd6)}
.product-lum .pic{display:flex;height: 400px;align-items: flex-end;justify-content: center;}
.product-lum .pic img{max-height:380px;}
.product-lum h4{color:#101010;font-size:24px;margin-top:20px;text-align: center;}
.product-lum li:hover a{transform: translateY(-5px);}
.product-lum li:hover h4{color:var(--color-main)}



/*==产品列表↓==*/
.product-list {}
.product-list li{clear:both;width:100%;margin-bottom: 50px;padding: 25px;box-shadow: 0 0 20px #eee;border-radius: 10px;overflow:hidden;background: #fff;}
.product-list li:last-child{margin-bottom:0;}
.product-list a{display:flex;}
.product-list .pic{flex-shrink: 0;width: 50%;padding-top: 30%;background:#eee;}
.product-list .pic img{width:100%;height:100%;object-fit:cover;}
.product-list .info{position: relative;flex:1;padding-left: 30px;padding-bottom:80px;margin-left: 20px;border-left: 1px #eee solid;}
.product-list .title {color: #101010;font-size: 32px;font-weight: 500;margin-top: 30px;margin-bottom:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product-list .txt {-webkit-line-clamp: 3;color: #666666;font-size: 18px;line-height: 1.6;}
.product-list .more {position: absolute;bottom: 0;margin-bottom: 20px;display:table;color: #999;font-size:13px;padding:8px 20px;border-radius: 30px;border: 1px #999 solid;}
.product-list li:hover{box-shadow: 0px 0px 30px 0px rgba(218, 22, 22, 0.2);}
.product-list li:hover .title {color:var(--color-main)}
.product-list li:hover .more{color:#fff;border-color:var(--color-main); background:var(--color-main)}



/*==首页创新研发↓==*/
.researchHome{overflow: hidden;}
.researchHome .row{display: flex;}
.researchHome .row li{flex: 1;}
.researchHome .row a{position: relative;z-index: 1;display: block;overflow: hidden;}
.researchHome .row .box{position:absolute;left:0;top: 0;right: 0;bottom: 0;z-index: 1;margin: auto;padding:20px 40px;width: fit-content;height: fit-content;text-align: center;transition: all .4s ease-in-out;}
.researchHome .row h4{font-size:36px;color:#fff;}
.researchHome .row p{margin-top:5px;font-size:18px;color:#fff;}
.researchHome .row .pic{}
.researchHome .row .pic img{width:100%;height:100%;object-fit:cover;transition: all .7s ease-in-out;}
.researchHome .row li:hover .box{transform: translateY(-5px);}
.researchHome .row li:hover .pic img{transform:scale(1.05);}



/*==珍好品质↓==*/
.quality-mode{}
.quality-mode ul{}
.quality-mode ul li{display: flex;margin-bottom:80px;align-items: center;}
.quality-mode ul li:last-child{margin-bottom:0px;}
.quality-mode ul .set{width:50%;}
.quality-mode ul .set img{float: left;width:120%;max-width:initial;border-radius: 30px 0 0px 30px;}
.quality-mode ul .info{width:50%;padding-right:50px;}
.quality-mode ul .tit{display: block;margin-bottom:30px;font-size:36px;color:#333333;font-weight:500;line-height: 1.2;}
.quality-mode ul .tit font{font-size:48px;color:var(--color-main);}
.quality-mode ul .tit b{font-size:28px;}
.quality-mode ul p{font-size:18px;color:#666666;}
.quality-mode dl{margin-top:50px;}
.quality-mode dl dd{margin-bottom:20px;padding-bottom:20px;border-bottom:1px #eee solid}
.quality-mode dl dd:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none;}
.quality-mode dl h4{font-size:22px;font-weight:bold;color:#191919;}
.quality-mode dl p{margin-top:10px;}
.quality-mode ul li:nth-child(2n){flex-direction: row-reverse;}
.quality-mode ul li:nth-child(2n) .set img{float:right;border-radius: 0px 30px 30px 0px;}
.quality-mode ul li:nth-child(2n) .info{padding-right:0px;padding-left: 50px;}
/*--*/
.quality-device{}
.quality-device .wx{margin-top:-20px;margin-bottom:60px;font-size:20px;color:#333333; line-height: 2;text-align: center;}
.quality-device .row{display: flex;flex-wrap:wrap;margin: 0 0 -30px 0px;}
.quality-device .row li{width: calc(50% - 0px);margin: 0 0 30px 0px;}
.quality-device .row .pic{overflow: hidden;width: 108%;position: relative;z-index: 2;}
.quality-device .row .pic img{width: 100%;max-width: initial;}
.quality-device .row li:nth-child(odd) .pic{border-radius: 20px 0 0 20px;clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);}
.quality-device .row li:nth-child(even) .pic{border-radius: 0px 20px 20px 0px;clip-path: polygon(10% 0%, 100% 0%, 100% 100%, 0% 100%);}
.quality-device .row li:hover .pic img{transform:scale(1.05);}


/*==招商中心↓==*/
.courtship-mode{padding-bottom:400px; background:url(../images/courtship-mode-bg.png) no-repeat center bottom; }
.courtship-mode .tit{display: block; margin-bottom:40px;font-size:28px;font-weight:bold;color:#333333;text-align: center;}
.courtship-mode .tit font{color:var(--color-main)}
.courtship-mode .wx{padding:0 100px;font-size:20px;color:#666666;line-height: 2; text-align:center; }
/*--*/
.courtship-traffic{padding-bottom: 200px;overflow: hidden; background:url(../images/courtship-traffic-bg.png) no-repeat center bottom;background-size: contain;}
.courtship-traffic .top{text-align: center;margin-bottom: 60px;}
.courtship-traffic .txt{text-align: center;}
.courtship-traffic .txt span{display: inline-block;margin: 0 20px;font-size:28px;color: #101010;font-weight:500;}
.courtship-traffic .txt span font{font-size:40px;color:var(--color-main)}
.courtship-traffic .link{display: flex;margin-top:60px;justify-content: center;}
.courtship-traffic .link a{position:relative; display: inline-block;margin:0 10px;}
.courtship-traffic .link .drop{display: none;position:absolute;top:100%;left: 50%;margin-top: 10px;width: max-content;padding: 8px 15px;font-size: 13px;color: #fff;border-radius: 10px;transform: translateX(-50%);background: #000000;transition: all .4s 
ease-in-out;}
.courtship-traffic .link .drop:before{content:"";position:absolute;top: -14px;left: 0;right: 0;display: block;margin: auto;width: fit-content;height: fit-content;border: 7px solid #000000;border-color: transparent transparent #000000 transparent;}
.courtship-traffic .link a:hover .drop{display: block;}
/*--*/
.courtship-advant{position: relative;}
.courtship-advant .row{}
.courtship-advant .row li{display: flex;margin-bottom:30px}
.courtship-advant .row li:last-child{margin-bottom:0px;}
.courtship-advant .row i{display: flex;flex-shrink: 0;margin-top: 10px;margin-right: 30px;width: 50px;height: 50px;font-size:25px;font-weight: bold;color: #fff;border-radius: 100%;background: var(--color-main);align-items: center;justify-content: center;}
.courtship-advant .row h4{font-size:32px;font-weight: 500;color:#101010;}
.courtship-advant .row p{margin-top:10px;font-size:16px;color:#666666;}
/*--*/
.courtship-policy{background:url(../images/policy-bg.jpg) no-repeat center;background-size:cover;}
.courtship-policy .row{display: flex;margin:0 0 -20px -20px}
.courtship-policy .row li{display:inline-block;width: calc(20% - 20px);margin: 0 0 20px 20px;padding: 20px 0;}
.courtship-policy .row .pack{padding: 40px 20px 80px 20px;height: 100%;border-radius: 10px;text-align: center;background: #fff;transition: all .4s ease-in-out;}
.courtship-policy .row em{display:flex;width:110px;height: 110px;margin: auto;margin-bottom: 20px;border-radius: 100%;overflow:hidden;background: var(--color-main);align-items: center;justify-content: center;}
.courtship-policy .row em img{height: 45px;filter: drop-shadow(0px 45px var(--color-main));}
.courtship-policy .row h4{margin-bottom: 15px;font-size:28px;font-weight:bold;color:#191919;}
.courtship-policy .row h4::after{content: "";display: block;margin: auto;margin-top: 15px;width: 30px;height: 3px;background: var(--color-main);}
.courtship-policy .row p{font-size:16px;color:#161823;}
.courtship-policy .row li:hover{padding:0;}
.courtship-policy .row li:hover .pack{background:var(--color-main);}
.courtship-policy .row li:hover em{background:#fff}
.courtship-policy .row li:hover em img{transform:translateY(-100%);}
.courtship-policy .row li:hover *{color:#fff}
.courtship-policy .row li:hover h4::after{background: #fff;}


/*==关于-公司简介↓==*/
.ab-intro{position: relative;z-index:1;padding-bottom:250px;background:url(../images/about-bg.png) no-repeat left bottom;}
.ab-intro .container{position:relative:z-index:1;}
.ab-intro::after{opacity: 0; content: "";position: absolute;right: -60px;bottom:0;z-index: -1;width: 1497px;height: 293px;background: url(../images/about-alp.png) no-repeat center;transform: translateX(100px);transition: all 1s ease-in-out;}
.ab-intro .long .set{position: relative;}
.ab-intro .long .set .doll{opacity: 0; position: absolute;left:20px;bottom: -220px;animation:mydoll 8s infinite;transition: all .8s ease-in-out;}
.ab-intro .info .title{margin-bottom:30px;font-size:36px;color:var(--color-main);}
.ab-intro .info .title span{display: block; font-size:14px;color:#000116;letter-spacing: 5px;}
.ab-intro .info .wx{font-size:18px;color:#484848;line-height: 1.8;}
.ab-intro.animated::after{opacity: 1;transform: translateX(0px);}
.ab-intro.animated .long .set .doll{opacity:1;}

/*动画*/
@keyframes mydoll{
0% { transform:rotate(0deg);}
10% { transform:rotate(-8deg);}
20% { transform:rotate(0deg);}
30% { transform:rotate(-8deg);}
40% { transform:rotate(0deg);}
50% { transform:rotate(-8deg);}
60% { transform:rotate(0deg);}
70% { transform:rotate(0deg);}
80% { transform:rotate(8deg);}
90% { transform:rotate(8deg);}
100% { transform:rotate(0deg);}
}


/*==关于-使命↓==*/
.ab-mission{height: 850px;border-radius:50px 50px 0 0; background:url(../images/mission-bg.jpg) no-repeat center;background-size:cover;}
.ab-mission .long{display: flex;height: 100%;align-items: center;}


/*==关于-发展历程↓==*/
.ab-history{position: relative; background:url(../images/history-bg.png) no-repeat center right;background-size:contain;}
.ab-history .long .set img{border-radius:0 0 50px 0;}
.ab-history .hig{height: 650px;padding-right: 50px;overflow-x: auto;}
.ab-history .hig::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.1);background-color: #e5e5e5;}
.ab-history .hig::-webkit-scrollbar{width: 4px;background-color: #e5e5e5;}
.ab-history .hig::-webkit-scrollbar-thumb{background-color: var(--color-main);}
.ab-history .list{position: relative;}
.ab-history .list::before{content:"";position:absolute;left: 65px;top: 0;right:0;bottom:0;z-index:1;width: 1px;background: var(--color-main);}
.ab-history .list li{margin-bottom:30px}
.ab-history .list a{display:flex;cursor: pointer;}
.ab-history .list h4{display: flex;margin-right: 20px;font-size:18px;color:#333333;font-weight:500;align-items: center;}
.ab-history .list h4:after{content:"";display: inline-block;margin-left: 20px;width: 10px;height: 10px;border-radius:100%;background: var(--color-main);}
.ab-history .list p{font-size:16px;color:#666;}
.ab-history .list li:hover h4:after{box-shadow:0 0 0 8px var(--bg-2)}


/*==关于-荣誉资质↓==*/
.srll-honor{}
.srll-honor .list a{display:block;margin: 15px 10px;border: 1px #eee solid;box-shadow: 0 5px 15px #dfdfdf;}
.srll-honor .list .pic{height:400px;border: none;}
.srll-honor .list .pic img{padding:40px 30px;}
.srll-honor .spot{display: none;}


/*==新闻列表↓==*/
.news-list {border-top:1px #eee solid;}
.news-list li{clear:both;width:100%;padding: 50px 0;border-bottom:1px #eee solid;overflow:hidden;}
.news-list a{display:flex;}
.news-list .pic {flex-shrink: 0;width: 30%;padding-top: 20%;margin-left: 80px;background:#eee;}
.news-list .pic img{width:100%;height:100%;object-fit:cover;}
.news-list .info{flex:1;}
.news-list .info:after{content:"\eb94";display: flex;margin-top: 80px;width: 50px;height: 50px;color: #fff;font-size: 24px;border-radius: 100%;background:#e3e3e3;align-items: center;justify-content: center;}
.news-list .title {color: #101010;font-size: 24px;font-weight: 500;margin-bottom:15px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.news-list .txt {-webkit-line-clamp: 2;color: #757575;font-size: 18px;line-height: 1.6;}
.news-list .more {margin-top:30px;display:table;color:#666;font-size:13px;padding:8px 20px;border:1px #aaa solid;}
.news-list li:hover .title {color:var(--color-main)}
.news-list li:hover .info:after{background: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;margin-bottom:20px;}
.newsDet .content .titleTop.lef{text-align: left;}
.newsDet .content .title{color:#101010;font-size:36px;font-weight:500;}
.newsDet .content .msg{margin-top: 15px;color:#a7a7a7;font-size:14px;}
.newsDet .content .msg *,.NewsDetail .msg span,.NewsDetail .msg a{color:#a3a3a3;font-size:14px;}
.newsDet .content .msg span{margin:0 5px;}
.newsDet .content .msg a:hover,.NewsDetail .msg .active{color:var(--color-main)}
.newsDet .content .msg .active{font-weight:bold;}
.newsDet .content .intro{margin-bottom:20px;color:#101010;font-size: 18px;font-weight: 550;}
.newsDet .content .intro span{display: block;margin-bottom: 15px;}
.newsDet .content .intro span:last-child{margin-bottom:0px;}
.newsDet .content .wor{min-height:700px;font-size:16px;color:#333333;line-height: 2;}
.newsDet .content .load{margin-bottom:60px;}
.newsDet .content .load:last-child{margin-bottom:0px;}
.newsDet .content .theme{margin-bottom:20px;font-size:24px;color:var(--color-main); font-weight:bold;}
/*--*/
.newsDet .door-all .little{width:320px}
.newsDet .secs{}
.newsDet .secs .shell {width:-webkit-fill-available;margin-bottom:30px;border:1px #f5f5f5 solid}
.newsDet .secs .shell:last-child {margin-bottom:0px;}
.newsDet .secs .shell .tit {position:relative;color: #080404;font-size: 20px;font-weight: bold;border-bottom:1px #e6e8eb solid;padding-bottom:15px;margin-bottom:20px;}
.newsDet .secs .shell .tit .more{float:right;font-size:14px;color: #999;margin-top: 5px;transition: all .4s ease-in-out;}
.newsDet .secs .shell .tit .more:hover{color:var(--color-main)}
/*--*/
.newsDet .news {}
.newsDet .news li {clear:both;width:100%;margin-bottom:12px;}
.newsDet .news li:last-child{margin-bottom:0px;}
.newsDet .news .one {position:relative;}
.newsDet .news .one h4 {position:absolute;left:0;right:0;bottom:0;width:100%;padding:10px 20px;color:#fff;font-size:14px;background:rgba(0,0,0,0.6)}
.newsDet .news .one:hover h4 {background:var(--color-main)}
.newsDet .news .two{}
.newsDet .news .two a {position:relative;display:block;padding-left:15px;color:#333333;font-size:15px;}
.newsDet .news .two a:before {content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:#b2b2b2;}
.newsDet .news .title {width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsDet .news .two:hover a {color:var(--color-main);}
.newsDet .news .two:hover a:before {background:var(--color-main);}
.newsDet .news .three{margin-bottom:20px;padding-bottom:20px;border-bottom: 1px #ddd solid;}
.newsDet .news .three:last-child{margin-bottom:0px;padding-bottom:0px;border-bottom:0px;}
.newsDet .news .three a {position:relative;display:block;color:#333333;font-size:15px;}
.newsDet .news .three .pic{padding-top:60%;}
.newsDet .news .three .title {margin-top: 10px;color: #000116;font-size: 16px;width:100%;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.newsDet .news .three:hover .title{color:var(--color-main);}
 

/*==产品详情↓==*/
.proDet{}
.proDet-up{margin:50px 0}
.proDet-up .long{display: flex;}
.proDet-up .return{float: right;display: flex;margin-bottom: 0px;font-size:20px;color:#999;align-items: center;transform: translateY(15px);}
.proDet-up .return:before{content: "\e777";flex-shrink: 0;display: flex;margin-right: 10px;width: 30px;height: 30px;font-size: 20px;color: #fff;border-radius: 100%;background: var(--color-main);align-items: center;justify-content: center;}
.proDet-up .return:hover{color:var(--color-main)}
.proDet-up .return:hover:before{background:var(--color-hover)}
.proDet-up .set{position:relative; width:50%;}
.proDet-up .set .explain{position: absolute;left: 20px;top:0;bottom:0;z-index: 2;height: fit-content;margin:auto;font-size:16px;color:#999;writing-mode: vertical-rl;}
.proDet-up .info{width:50%;margin-left:60px}
.proDet-up .info .title {color:var(--color-main);font-size:56px;font-weight:bold;}
.proDet-up .info .terms {display:block;color:#101010;font-size:28px;font-weight:500;}
.proDet-up .info .trait{margin-top: 30px;}
.proDet-up .info .trait b{display: inline-block;margin:0 30px 10px 0;padding: 2px 20px;font-size:20px;color:#fff;border-radius:30px;background: var(--color-main);}
.proDet-up .info .attribute{margin-top: 40px;}
.proDet-up .info .attribute b{display: flex;margin-bottom: 10px;font-size:16px;color:#666666;}
.proDet-up .info .attribute b:before{content:"";width:5px;height: 5px;margin: 10px 10px 0 0;border-radius: 100%;background: var(--color-main);}
.proDet-up .info .specs{display: flex;width:80%;flex-wrap: wrap;margin: 40px 0 -20px -30px;}
.proDet-up .info .specs li{width: calc(33.3% - 30px);margin: 0 0 20px 30px;padding:10px;font-size:16px;color:#999999;border:1px #ddd solid;border-radius:5px;cursor: pointer;}
.proDet-up .info .specs b{display:block;}
.proDet-up .info .specs li:hover,.proDet-up .info .specs li.active{color:var(--color-main);border-color:var(--color-main)}
/*--*/
.srll-pod .gallery-top{overflow: hidden;}
.srll-pod .gallery-top a{display: flex;height: 500px;justify-content: center;align-items: center;}
.srll-pod .gallery-top img{display:table;margin:auto;height: 460px;}
.srll-pod .gallery-thumbs{margin-top:80px;padding:0 100px; }
.srll-pod .gallery-thumbs .mySwiper{overflow: hidden;}
.srll-pod .gallery-thumbs .list li{border:3px #fff solid;border-radius: 10px;cursor: pointer;}
.srll-pod .gallery-thumbs .list a{display: flex;padding: 20px;height: 220px;align-items: flex-end;justify-content: center;}
.srll-pod .gallery-thumbs .list img{max-height:180px}
.srll-pod .gallery-thumbs .list li.swiper-slide-thumb-active{border-color:var(--color-main)}
/*--*/



/*==联系我们↓==*/
.contactIn{}
.contactIn #dituContent{width:100%;height:500px;}
.contactIn #dituContent img{max-width:initial;}
/*--*/
.cta-mode{}
.cta-mode .title{position:relative;margin-bottom:30px;padding-bottom:25px;color: #000123;font-size:32px;border-bottom:1px #eee solid}
.cta-mode .title:before{content:"";position:absolute;left:0;bottom:-1px;width:20%;height:2px;background: var(--color-main);}
.cta-mode .wx{color:#3a3a3a;font-size:20px; line-height: 35px;}
.cta-mode .row{}
.cta-mode .row li{display: flex;margin-bottom: 60px;color: #101010;font-size: 24px;align-items: center;}
.cta-mode .row li:last-child{margin-bottom:0px;}
.cta-mode .row b{display: block;font-size: 20px;color: #666;}
.cta-mode .row i{flex-shrink: 0;display: flex;margin-right: 20px;width: 60px;height: 60px;color: #fff;font-size: 24px;text-align: center;justify-content: center;align-items: center;border-radius: 100%;background: var(--color-main);}
.cta-mode .row .address{font-size:20px}
/*--*/
.cta-message{}


/*==首页banner视频↓==*/
.banner-video .vdoRs{height:1000px}


/*==视频控制↓==*/
.vdoRs{position: relative;z-index:1; width: 100%;height:100%;cursor: pointer;background: #000;}
.vdoRs:before{opacity:0; content: "\e70d";position:absolute;left:0;top:0;right:0;bottom:0;z-index:2;margin:auto;width: fit-content;height: fit-content;font-size:60px;color:#fff;border-radius: 50%; transform:scale(2.5);pointer-events: none; }
.vdoRs::after{display: none; opacity:0;content:"";position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;background:#000;}
.vdoRs.tro:before{opacity: 1;transform:scale(1);pointer-events: none;}
.vdoRs.tro::after{display: block; opacity: 0.3;}
.vdoRs video{opacity: 1;width:100%;height:100%;object-fit:cover;}
.vdoRs .img{opacity: 1;position:absolute;left:0;top:0;right:0;bottom:0;z-index:1;width:100%;height:100%;object-fit: cover;}
.vdoRs.fir video{opacity: 1;}
.vdoRs.fir .img{opacity: 0;}
.vdoRs:hover::after{}
.vdoRs .tip{opacity: 0;position: absolute;left:0;top:0;right:0;bottom:0;z-index: 2;width: fit-content;height: fit-content;margin:auto;font-size:16px;color:#fff;transform: translateY(60px);transition: all .4s ease-in-out;}
.vdoRs.tro:hover .tip{opacity:1;transform: translateY(50px);}
/*隐藏默认控制条在预播放阶段*/
.preplaying::-webkit-media-controls {display: none !important;}
.preplaying::-moz-media-controls {display: none !important;}


/*==底部==*/
.footer {position:relative;z-index:1;overflow:hidden;background:#f4f5f7;}
.footer .up{padding:70px 0 0px 0;}
.footer .tit {position:relative;color:#333333;font-size:18px;margin-bottom:15px;}
.footer .tit:before {display: none; content:"";position:absolute;top:0;left:-12px;bottom:0;margin:auto;width:0;height:0;border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:4px solid #fff;}
.footer .nav {position:relative;float:left;width: 50%;display:flex;justify-content: space-between;}
.footer .nav li {padding-right:20px;}
.footer .nav li a{display:block;color:#5f6464;font-size:16px;margin-bottom:8px;}
.footer .nav li a:hover {color:var(--color-main)}
.footer .nav .box.col{ column-count: 2;}
.footer .share-item{float:right;margin-left: 3%;}
.footer .info {float:right;max-width: 22%;}
.footer .info .tel {display:block;color:var(--color-main);font-size:28px;font-weight:bold;margin-bottom:10px;}
.footer .info .wx {display:block;color: #7e7e7e;font-size: 16px;line-height: 30px;}
.footer .info .str span:last-child{margin-bottom:0px;}
.footer .info .str span{display: flex;margin-bottom: 8px;color: #7e7e7e;font-size:16px;align-items: flex-start;}
.footer .info .str span i{display: inline-block;width:20px;text-align: center;font-size:15px; color:#fff;margin-right:10px;}
.footer .info .str span b{flex-shrink:0;}
.footer .down {position:relative;margin-top:60px;padding:20px 0;color:#666666;font-size:16px;background: #fff;}
.footer .down .long{display: flex;justify-content: space-between;align-items: center;}
.footer .down a {color:#666666;font-size:16px;}
.footer .down a:hover {color:var(--color-main);}