﻿
/* CSS Document */
.honor-wrap{padding:100px 0;}
.pub-subnav{overflow: hidden;background:#EFF4F6;margin-bottom:100px;}
.pub-subnav ul li a{width:20%;float:left;text-align:center;height: 70px;line-height: 70px;font-size:20px;color:#333333;}
.pub-subnav ul li a.cur,.pub-subnav ul li a:hover{background:#006ebd;color:#fff;}

.pub-subnav.three ul li a{width:33.333333%}

.mobile-img{display:none;}

/* index */
.index-product{padding:80px 0 40px;overflow:hidden;}
.index-product-nav{width: 18%;background:linear-gradient(to right, #006ebd,#0095df); box-sizing: border-box; padding: 70px 1% 100px;border-radius:10px;}
.index-product-nav .title{text-align: center; margin-bottom: 20px;}
.index-product-nav .title h2{font-size: 36px; color: #fff; line-height: 58px; font-weight: bold;}
.index-product-nav .title h2 span{color:#fff;z-index: 1;}
.index-product-nav dl{width: 100%; background: #e6f3fb; margin-top: 12px; height: 100%; overflow: hidden;border-radius: 5px;}
.index-product-nav dl dt{font-size: 18px; color: #333; box-sizing: border-box; width: 100%; padding: 0px 10%; height: 50px; line-height: 50px; cursor: pointer;background:#fff;}
.index-product-nav dl dt i{width: 16px; height: 16px; background: url('../image/icon_jia.png') no-repeat center top;float: right; margin-top: 20px; transform: rotate(0deg);}
.index-product-nav dl dd{box-sizing: border-box; width: 100%; padding: 0 7%; line-height:25px;margin-top:20px;display:none;}
.index-product-nav dl dd:last-child{margin-bottom:20px;}
.index-product-nav dl dd a{color: #333; font-size: 16px;}
.index-product-nav dl dd:hover a{color: #001daf}
.index-product-nav dl dd:hover::before{color: #001daf}
.index-product-nav dl .action a{color: #001daf}
.index-product-nav dl .action::before{color: #001daf}
.index-product-content{width: 79%;}
.productContentIndex{display: none}
.index-product-content .title{border-bottom: 1px solid #e5e5e5;padding-bottom:20px;}
.index-product-content .indexview{width: 100%; overflow: hidden; position: relative; padding-bottom: 50px}
.index-product-content .indexview dl{position: absolute; width: 100%; text-align: center; bottom: 0px; left: 0;}
.index-product-content .indexview dl dd{width: 16px; height: 16px; display: inline-block; border-radius: 50%; background: rgba(0, 0, 0, 0.6); margin: 0 10px; cursor: pointer;}
.index-product-content .indexview dl .action{background: #001daf;}
.index-product-content ul{margin-top: 24px; transition: all 0.5s; -webkit-transition: all 0.5s; transform: translateX(0); -webkit-transform: translateX(0);}
.index-product-content li{float: left; width:32%; margin-right: 2%; box-sizing: border-box;transition: transform 0.5s; -webkit-transition: transform 0.5s; padding: 0.5px;background:#EFF4F6;border-radius:5px;margin-bottom: 2%;}
.index-product-content li:nth-child(3n){margin-right:0;}
.index-product-content li .com-img{height:220px;padding:40px;}
.index-product-content li .com-img img{width:100%;height:100%;object-fit:contain;}
.index-product-content li h5{font-size: 20px; color:#333; white-space: nowrap;text-overflow: ellipsis; overflow: hidden;height:50px;line-height: 50px;background:#dfe7ea;text-align: center;}
.index-product-content li:hover h5{background:#006FBE;color: #fff}

.index-about{background:url(../image/index_aboutbg.jpg) no-repeat center / cover;padding:120px 0 50px;color:#fff;}
.index-about h2{color:#fff;}
.index-about h2 span{z-index:1;color:#fff;}
.index-about p{max-width:1080px;text-align:center;margin:30px auto 60px;line-height: 30px;}
.index-about .play{margin:100px auto;width:84px;height:84px;display:block;cursor:pointer;}

.index-dev{padding:120px 0;background:#e2e8ee url(../image/dev_bg.jpg) no-repeat center / cover;}
.index-dev h2{text-align:left;}
.index-dev .index-dev-info{color:#333;margin:25px auto 50px;}
.index-dev h2 span{z-index:1;text-align:left;}
.index-dev .swiper-slide img{width:100%;height:100%;object-fit: cover;}
.index-dev .swiper-slide .note h4{font-size:30px;color:#333;margin:25px auto 20px;}
.index-dev .swiper-slide .note p{color:#333333;font-size:16px;line-height: 28px;}
.index-dev-prev{width:58px;height:58px;background:url(../image/icon_dev_prev.png) no-repeat center;display:inline-block;margin-right:15px;border-radius:50%;position:relative;top:35px;}
.index-dev-next{width:58px;height:58px;background:url(../image/icon_dev_next.png) no-repeat center;display:inline-block;border-radius:50%;position:relative;top:35px;}
.index-dev .swiper-slide{width:675px;}

.index-sc{background:url(../image/index_scbg.jpg) no-repeat center / cover;padding:100px 0;}
.index-sc h2{color:#fff;}
.index-sc .pub-tit span{color:#fff;z-index:2;}
.index-sc .index-sc-info{margin:20px auto 90px;color:#fff;font-size:16px;}

.index-part{padding:120px 0;}
.index-part p{text-align:center;color:#333;margin:20px auto;}
.index-part img{max-width:100%;}
.index-part .mobile-part{display:none;}

.index-webshop{padding:130px 0;background:#EFF4F6 url(../image/indmap_bg.png) no-repeat center;}
.index-webshop .pub-tit span{z-index:1;}
.ind-web-box{margin-top:100px;}
.ind-web-pic{width:60%;float:left;}
.ind-web-note{width:35%;float:right;}
.ind-web-note h4{font-size:30px;color:#333333;margin-bottom:30px;margin-top:80px;}
.ind-web-note p{color:#666;font-size:16px;line-height:30px;}

.mapaddress{position:relative;}
.mapaddress ul{display:flex;justify-content:space-between;position: relative;}
.mapaddress::after{position:absolute;content:"";width:100%;height:1px;background:#ccc;bottom:-20px;left:0px;}
.mapaddress li{width:9.09%;text-align: center;color:#333;font-size:16px;margin-top:70px;position:relative;}
.mapaddress li::after{position:absolute;content:"";width:1px;height:20px;background:#cccccc;left:50%;top:30px;}

.index-news-list{display:none;}
.index-news{padding:110px 0;overflow:hidden;}
.index-news-tit ul{text-align:center;}
.index-news-tit li{display:inline-block;margin:0 10px;font-size:24px;color:#333333;margin:50px 30px 70px;cursor: pointer;}
.index-news-tit li.cur{color:#006ebd;}
.index-news-pic{width:35%;float:left;}
.index-news-pic img{width:100%;height:100%;object-fit: cover;}
.index-news-pic .note{position:relative;padding:20px 25px;background:#EFF4F6;height:auto;}
.index-news-pic .date{width:84px;height:98px;background:#abb8c4;padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s;}
.index-news-pic .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px;}
.index-news-pic .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;margin-left:0;}
.index-news-pic h4{font-size:18px;color:#333;font-weight:bold;margin-left:110px;margin-top:20px;}
.index-news-pic:hover h4{color:#0058b3;}
.index-news-pic:hover .date{background:#0058b3;}
.index-news-pic p{font-size:16px;color:#666;margin-top:10px;margin-left:110px;}
.index-news-pic .info{margin-top:40px;line-height:28px;}

.ind-news-fr{width:64%;float:right;}
.ind-news-fr ul{overflow:hidden;}
.ind-news-fr li{width:49%;float:left;margin-bottom:20px;background:#EFF4F6;padding:30px 25px;position:relative;padding-left: 130px;}
.ind-news-fr li .date{width:84px;height:98px;background:#abb8c4;padding:10px;position:absolute;left:25px;top:30px;transition:all 0.5s;}
.ind-news-fr li .date h6{font-size:44px;color:#fff;height:44px;line-height: 44px;}
.ind-news-fr li:hover h4{color:#0058b3;}
.ind-news-fr li:hover .date{background:#0058b3;}
.ind-news-fr li .date p{color:#fff;font-size:14px;margin-top:5px;padding-top:5px;border-top:1px solid #fff;}
.ind-news-fr li h4{font-size:18px;color:#333;font-weight:bold;padding-top:5px;}
.ind-news-fr li p{font-size:16px;color:#666;margin-top:10px;height:50px;line-height:25px;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-moz-line-clamp:2;-o-line-clamp:2;-webkit-box-orient:vertical;}
.ind-news-fr li:nth-child(2n){float:right;}

.video-iframe{position:fixed;left:0;top:0;width:100%;height:100%;z-index:999;background:rgba(0,0,0,0.5);display:none;}
.video-iframe .video-box{width:80%;height:80%;position:absolute;left:10%;top:10%;background:#fff;}
.video-iframe .video-box video{position:absolute;width:100%;height:100%;object-fit:fill;}
.video-iframe .video-box .vclose{position:absolute;right:-20px;top:-20px;width:40px;height:40px;background:#fff;border-radius:50%;z-index:4;text-align: center;line-height: 40px;cursor:pointer;}
.video-iframe .video-box .vclose i{font-size:24px;}


.environment{position:absolute;top:50%;max-width:1440px;left:50%;margin-left:-720px;font-size:16px;line-height:26px;height:250px;margin-top:-125px;}
.env-box{max-width:45%;}
.environment h4{font-size:30px;color:#fff;font-family:Arial, Helvetica, sans-serif;text-transform: uppercase;}
.environment h2{font-size: 38px;color:#fff;font-weight:bold;margin:30px auto;}

.pub-tit{font-size:38px;font-weight:bold;color:#333;text-align:center;position:relative;}
.pub-tit span{position:absolute;content:"";width:100%;font-size:48px;font-family: Arial, Helvetica, sans-serif;color:#024295;opacity: 0.09;left:0px;z-index: 1;top:-30px;text-transform: uppercase;}
.pub-tit i{font-style: normal;color:#0058b3;}
.pub-info{color:#333;font-size:16px;margin:30px auto 0;text-align: center;max-width:70%;line-height: 28px;}

.history .contScroll .swiper-slide{background:#fff;}
.history .contScroll{width: 100%;position: relative;overflow: hidden;/*margin-bottom: 52px;*/}
.history .contScroll .textWrap{width:50%;height: 420px;overflow: auto;background:url(../image/indexscbg.jpg) no-repeat right bottom;padding:70px 30px;position:relative;}
.history .contScroll .swiper-button-prev{background:url(../image/appprev.png) no-repeat center;width:58px;height:58px;border-radius:50%;position:absolute;left:52%;bottom:50px;top:auto;}
.history .contScroll .swiper-button-next{background:url(../image/appnext.png) no-repeat center;width:58px;height:58px;border-radius:50%;position:absolute;left:57%;bottom:50px;top:auto;}
.history .contScroll .textWrap .pub-more{position:absolute;right:90px;bottom:70px;}
.history .contScroll .textWrap::-webkit-scrollbar{width:3px;height:3px}
.history .contScroll .textWrap::-webkit-scrollbar-button:vertical{display:none}
.history .contScroll .textWrap::-webkit-scrollbar-corner,
.history .contScroll .textWrap::-webkit-scrollbar-track{background-color:#ccc}
.history .contScroll .textWrap::-webkit-scrollbar-thumb{border-radius:0;background-color:#026DBF; }
.history .contScroll .textWrap .tit{font-size: 24px;line-height: 34px;color: #006ebc;text-transform: uppercase;family:Arial,sans-serif;}
.history .contScroll .textWrap .cont{line-height: 36px;color: #4f4f4f;max-width:70%;}
.history .contScroll .textWrap .cont h4{color:#333;font-size:30px;margin:10px auto 30px;}
.history .contScroll .pic{width: 50%;position: relative;overflow: hidden;}
.history .contScroll .pic em{display: block;width: 100%;height: 0;padding-bottom: 58.7%;background-repeat: no-repeat;background-position: center;background-size: cover;}
.history .contScroll .pic:hover em{-webkit-transform: scale(1.1);transform: scale(1.1); }
.history .tabScroll{padding: 20px 0px;position: relative;overflow: hidden;margin-top: 32px;}
.history .tabScroll:before{content: "";width: 100%;height: 1px;background: #eaeaea;position: absolute;left: 0;bottom:24%;}
.history .tabScroll .swiper-button-prev,
.history .tabScroll .swiper-button-next{width: 12px;height: 23px;margin-top: -12px;background: url(https://www.siggear.cn/images/arrow11.png) no-repeat left top;z-index: 2;}
.history .tabScroll .swiper-button-prev{left: 0;}
.history .tabScroll .swiper-button-next{right: 0;background-position: right top;}
.history .tabScroll .swiper-button-prev.disable,
.history .tabScroll .swiper-button-next.disable{opacity: 0.6;pointer-events:none;}
.history .tabScroll .container{width: 100%;position: relative;overflow: hidden;}
.history .tabScroll .swiper-slide{width: auto;cursor: pointer;}
.history .tabScroll .swiper-slide div{width:145px;height: 88px;box-sizing:border-box;border-radius: 50%;position: relative;text-align: center;}
.history .tabScroll .swiper-slide div:after{width:18px;height:18px;border:3px solid #fff;content:"";position: absolute;left:50%;bottom:2%;border-radius:50%;margin-left:-9px;background:#2d517b;}
.history .tabScroll .swiper-slide.on div:after{background:#0487e5;}

.history .tabScroll .swiper-slide div span{color:#fff;display:inline-block;padding:5px 12px;margin-bottom:20px;}
.history .tabScroll .swiper-slide div span em{position: relative;z-index: 2;font-style:normal;font-size:22px;}
.history .tabScroll .swiper-slide.on div span{color: #006ebd;font-weight: bold;border:2px solid #0487e5;border-radius:25px;}
.history .tabScroll .swiper-slide.on div span:before{background: #026DBF;}

.history .tabScroll .swiper-slide:hover div:before{opacity: 0;}
.history .tabScroll .swiper-slide:hover div:after{opacity: 1;animation: scaleBtn 3s linear infinite;}
/*.history .tabScroll .swiper-slide:hover div span:before{animation: scaleBtn 2s 1s linear infinite;}*/
@keyframes scaleBtn{
    to{transform: scale(1.2,1.2);opacity: 0;}
}

/* 荣誉证书 */
.honor-list{margin:95px auto 100px;overflow:hidden;}
.honor-list li{border:1px solid #d8dce8;padding:40px 20px;width:23%;float:left;margin-right:2.666666%;margin-bottom: 40px;text-align: center;border-radius:5px;}
.honor-list li:nth-child(4n){margin-right:0}
.honor-list li .com-img{height:200px;}
.honor-list li .com-img img{width:100%;height:100%;object-fit: contain;}
.honor-list li h4{margin-top:30px;font-size: 20px;color:#333;}

.pub-list li{width:32%;float:left;margin-right:2%;margin-bottom:20px;}
.pub-list li:nth-child(3n){margin-right:0;}
.pub-list img{max-width:100%;}
.pub-list li .note{background:#eee;padding:20px;}
.pub-list li h4{font-size:20px;color:#333;margin-bottom:10px;font-weight:bold;}
.pub-list li p{font-size:14px;color:#666;line-height:24px;}


.message .ind-tit{margin-bottom:50px;font-size:36px;color:#333;display: inline-block;font-weight: 700;color: transparent;background: linear-gradient(270deg,#005aab 0,#32beff 100%);-webkit-background-clip: text;text-align: center;}
.message .info{text-align: center;margin-bottom:40px;}
.message ul li{width:49%;float:left;margin-bottom:20px;}
.message ul li:nth-child(2n){float:right;}
.message ul li input{width:100%;height:50px;border:1px solid #e5e5e5;padding:0px 10px;}
.message ul li select{width:100%;height:50px;border:1px solid #e5e5e5;padding:0px 10px;}

.message p textarea{width:100%;height:200px;border:1px solid #e5e5e5;padding:10px;display: block;}
.vcode{margin-top:20px;position:relative;}
.vcode .inp-code{width:240px;height:48px;line-height:48px;border:1px solid #e5e5e5;padding:0px 10px;margin-right:5px;vertical-align: middle;}
.vcode .inp-submit{width:200px;height:48px;line-height:48px;color:#fff;background:#0058b3;font-size:16px;cursor:pointer;border:0px;transition: all 0.5s;vertical-align: middle;}
.vcode .inp-submit:hover{background:#034487;color:#fff;}
#canvas{vertical-align: middle;cursor: pointer;}

/* 员工风采 */
.worker-list{margin:95px auto 100px;overflow:hidden;}
.worker-list li{border:1px solid #d8dce8;width:23%;float:left;margin-right:2.666666%;margin-bottom:32px;text-align: center;border-radius:5px;overflow:hidden;position:relative;}
.worker-list li:nth-child(4n){margin-right:0}
.worker-list li .com-img{height:250px;}
.worker-list li .com-img img{width:100%;height:100%;object-fit:cover;}
.worker-list li h4{font-size:18px;position:absolute;left:0px;bottom:-100%;width:100%;background:rgba(33,40,54,0.58);color:#fff;padding:20px;transition:all 0.4s;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;}
.worker-list li:hover h4{background:rgba(33,40,54,0.8);bottom:0;}

/* 人才招聘 */
.job{margin:100px auto;}
.job .info{color:#666;font-size:16px;max-width:60%;margin:25px auto 30px;text-align:center;line-height:28px;}
.job h2{height:92px;line-height:92px;padding:0px 20px;background:#006ebd;font-size: 20px;color:#fff;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.job dl{border-bottom:1px solid #e5e5e5;background:#EFF4F6;margin-bottom:17px;}
.job dl dt{height:92px;line-height:92px;padding:0px 60px;background:#EFF4F6 url(../image/icon_join.png) no-repeat 95% center;font-size: 20px;color:#333;cursor: pointer;}
.job dl dt.cur{background:#EFF4F6 url(../image/icon_joinon.png) no-repeat 95% center;}
.job dl dd{padding:30px 60px 60px;position:relative;display:none;line-height:30px;color:#666;}
.job dl dd h4{font-size:16px;font-weight:bold;margin-bottom:20px;}
.job dl dd p{font-size:16px;}

/* 开发实力 */
.devel-m1 .pub-subnav{margin-bottom:60px;background:#dfe7ea;}
.devel-m1{padding:50px 0 175px;background:#eff4f6;}
.research-list{overflow:hidden;display:none;}
.research-pic{width:50%;float:left;height:580px;}
.research-pic img{width:100%;height:100%;object-fit: cover;}
.research-note{width:50%;padding:70px 100px;float:left;background:#fff;height:580px;color:#666;font-size:16px;line-height:30px;position: relative;}
.research-note::after{position:absolute;top:220px;left:40px;content:"";background:url(https://www.siggear.cn/images/icon_dh.png) no-repeat center;width:28px;height:24px;}
.research-note h2{font-size:48px;font-family: Arial;color:rgba(48,48,48,0.19);text-transform: uppercase;font-weight:bold;}
.research-note h4{font-size: 38px;font-weight: bold;color:#333;margin:50px auto;}


.devel-m2{padding:15px 0;}
.devel-m2 h4{font-size:48px;font-weight: bold;font-family: Arial, Helvetica, sans-serif;color:rgba(51,51,51,0.18);;text-transform:uppercase;}
.devel-m2 h2{font-size: 38px;font-weight:bold;color:#333;margin:5px auto 50px;}

.team-list{overflow:hidden;}
.team-list li{border:1px solid #d8dce8;width:100%;float:left;border-radius:10px;overflow:hidden;position:relative;}
.team-list li:nth-child(4n){margin-right:0}
.team-list li .com-img{height:314px;overflow:hidden;}
.team-list li .com-img img{width:100%;height:100%;object-fit:cover;}
.team-list li .note{background:#eff4f6;padding:20px;}
.team-list li h5{font-size:24px;color:#333;}
.team-list .swiper-container{padding-bottom:50px;}
.team-list .swiper-button-prev{background-color:#999;width:70px;height:70px;border-radius:50%;background-size:20px auto;left:0px;}
.team-list .swiper-button-next{background-color:#999;width:70px;height:70px;border-radius:50%;background-size:20px auto;right:0px;}

/* news */
.news-rec{margin-bottom:78px;}
.news-rec ul li{width:32%;position:relative;}
.news-rec li .com-img{height:364px;}
.news-rec li img{width:100%;height: 100%;object-fit: cover;}
.news-rec ul{display: flex;flex-wrap: wrap;justify-content:space-between;}
.news-rec .note{position:absolute;bottom:0px;left:0px;width:100%;color:#fff;padding:20px;font-size:16px;}
.news-rec .note h4{font-size:26px;}
.news-rec .note p{margin:20px auto;opacity: 0;}
.news-rec li:hover .note p{opacity: 1;}

.news-cate{padding:100px 0;}
.news-list li{margin-bottom: 30px;background:#eff4f6;background:#eff4f6;border-radius:10px;overflow:hidden;}
.news-list li .com-img{width:30%;float:left;height:258px;}
.news-list li .com-img img{width:100%;height:100%;object-fit: cover;}
.news-list li .note{height:258px;width:70%;float:right;padding:40px;font-size:16px;color:#666;}
.news-list li .note h4{color:#333;font-size:24px;margin:20px auto;}
.news-list li:hover .note h4 a{color:#006ebd;}

/* 新闻详情 */
.news-wrap{padding:100px 0 60px;}

.news_fl{width:70%;float:left;}
.news_fl .date{border-bottom:1px solid #e5e5e5;padding-bottom:20px;color:#999;}
.news_fl span.hits{padding-left:20px;}
.news_fl h1{font-size:30px;color:#333;margin-bottom:25px;font-weight:bold;}
.news_fl p{color:#666;line-height:28px;/*margin-bottom:20px;*/}
.news_fl .app-share{margin-top:0;}

.news1_fl{width:100%;}
.news1_fl .date{border-bottom:1px solid #e5e5e5;padding-bottom:10px;text-align: center;overflow: hidden;}
.news1_fl span.hits{padding-left:20px;}
.news1_fl h1{font-size:24px;color:#000;margin-bottom:10px;text-align: center;}
.news1_fl p{color:#666;line-height:28px;}

.news_fr{width:26%;float:right;}
.flippage{border:1px solid #e5e5e5;border-radius:10px;margin-top:30px;padding:30px 20px;font-weight:bold;font-size:18px;color:#666;}
.flippage .prev{margin-bottom:20px;border-bottom:1px solid #e5e5e5;padding-bottom:20px;}
.flippage .prev span{background:url(../image/flipprev.png) no-repeat left center;padding-left:15px;}
.flippage .next span{background:url(../image/flipnext.png) no-repeat left center;padding-left:15px;}
.flippage .date{display: block;font-size:14px;color:#666;font-weight:normal;}
.flippage h4{color:#666;font-size:16px;margin:10px auto;}
.flippage h4:hover{color:#006EBD;}

.hot-news{border:1px solid #e5e5e5;border-radius:10px;;padding:20px;margin-top:20px;}
.hot-news h2{font-size:18px;color:#666;margin-bottom:15px;font-weight:bold;position: relative;padding-left:15px;}
.hot-news h2:after{position:absolute;content:"";width:8px;height:8px;background:#006ebd;border-radius: 50%;left:0px;top:50%;margin-top:-4px;}
.hot-news li{line-height:30px;color:#666;font-size: 16px;}
.hot-news li:hover{color:#006ebc;}
.hot-news .tag a{color:#666;margin-right:10px;line-height:25px;}
.hot-news .tag a:hover{color:#006ebc;}

.tagSearch{font-size:18px;margin-bottom:50px;}
.tagSearch span{color:#f00;}

.pro-rec h2{width:100%;height:100px;line-height:100px;font-size:30px;color:#333;background:#eff4f6;padding:0 5%;margin-bottom: 27px;margin-top: 140px;}
.pro-rec ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.pro-rec li{width:24%;background:#eff4f6;text-align: center;border-radius: 10px;}
.pro-rec li .com-img{height:218px;padding:20px;}
.pro-rec li h4{font-size:20px;color:#333;background:#dfe7ea;height: 55px;line-height: 55px;border-bottom-left-radius: 10px;border-bottom-right-radius: 10px;}
.pro-rec li:hover h4{background:#006EBD;color:#fff;}

/* 应用场景 */
.application-m1 .app-title{font-size:38px;color:#333;font-weight:bold;margin-top: 105px;margin-bottom:20px;text-align: center;}
.application-m1 .app-info{font-size:16px;color:#333;text-align: center;margin-bottom: 70px;max-width:800px;margin:0 auto 70px;}

.application{border-top:1px solid #ebebf3;border-bottom:1px solid #ebebf3;position:relative;margin-bottom: 110px;}
.application .swiper-slide{border:1px solid #ebebf3;text-align: center;padding:50px;height:240px;}
.application .swiper-slide i{display:none;width:80px;height:80px;margin:0 auto;}
.application .swiper-slide span,.application .active i{width:80px;height:80px;margin:0px auto;line-height:80px;}

.application .active i{display:block;}
.application .active span{display:none;}
.application .active{background:#0058b3;}
.application .swiper-slide h4{font-size:18px;color:#333;margin-top:30px;}
.application .active h4{color:#fff;}
.application .app-prev{width:58px;height:58px;background:#fff url(../image/appprev.png) no-repeat center;position:absolute;top:50%;left:5%;margin-top:-29px;z-index:3;border-radius:50%;cursor:pointer;}
.application .app-next{width:58px;height:58px;background:#fff url(../image/appnext.png) no-repeat center;position:absolute;top:50%;right:5%;margin-top:-29px;z-index:3;border-radius:50%;cursor:pointer;}

.application-cont{margin-bottom:120px;}

.app-pic{position:relative;}
.app-pic-note{position:absolute;top:50%;left:40px;margin-top:-60px;}
.app-pic-note h4{font-size:24px;color:#fff;margin-bottom:20px;}
.app-pic-note p{font-size:16px;color:#fff;}
.app-note{margin-top:80px;color:#666;line-height:28px;}
.app-share{margin-top:90px;}
.app-share{text-align:right;}
.app-share a{display:inline-block;width:28px;height:28px;line-height:28px;background:#dcdcdc;border-radius:50%;margin-left:5px;text-align: center;}
.app-share a i{color:#fff;}
.app-share a:hover{background:#0058b3;color:#fff;}


/*产品列表*/
.pub-crumbs{border-bottom:1px solid #dfe7ea;height:72px;line-height:72px;text-align:right;color:#666;}
.pub-crumbs a{color:#666;font-size:16px;margin:0 2px;}
.pub-crumbs a:hover{color:#006fbe;}
.pub-crumbs .crumbs{display:inline-block;background:url(../image/location.png) no-repeat left center;padding-left:24px;}

.pros-list{padding:50px 0 160px;overflow:hidden;}
.pros-list .pro-menu{width:22%;float:left;border:1px solid #dfe7ea;border-radius: 10px;overflow:hidden;border-top:10px solid #006fbe;}
.pros-list .pro-menu h3{font-size:20px;height:50px;line-height: 50px;color:#666;background-image: linear-gradient(to right,#eee,#DFE7EA);padding:0 30px;font-weight:bold;}
.pros-list .pro-menu dl{border-bottom:1px solid #dfe7ea;margin-bottom:15px;}
.pros-list .pro-menu dl:last-child{margin-bottom: 0;padding-bottom: 0;border-bottom:0px;}
.pros-list .pro-menu dl dt{height:30px;line-height:30px;font-size:18px;color:#666;}
.pros-list .pro-menu dl dt span{position:relative;top:-2px;margin-right:10px;}
.pros-list .pro-menu dl dd{line-height:35px;color:#999;display:inline-block;}
.pros-list .pro-menu dl dd a{font-size:16px;color:#666666;padding:3px 10px;background:#eff4f6;}
.pros-list .pro-menu dl dd a:hover,.pros-list .pro-menu dl dd a.cur{background:#0058b3;color:#fff;}
.pros-list .pro-menu .subtit{padding:15px 0;}
.pro-cate-menu{padding:15px 30px;}

.pros-list .product-list{width:100%;float:left;}
.product-list ul{margin-bottom: 140px;}
.product-list ul li{width:32%;float:left;text-align:center;margin-right:2%;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.product-list ul li:nth-child(3n){margin-right:0px;}
.product-list ul li h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.product-list ul li:hover h4{background:#006fbe;color:#fff;}
.product-list ul li .com-img{position:relative;height:220px;}
.product-list ul li .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}


/* 搜索页面 */
.search-list{padding:80px 0;}
.search-list{width:100%;}
.search-list ul{margin-bottom: 140px;}
.search-list ul li{width:23%;float:left;text-align:center;margin-right:2.33333%;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.search-list ul li:nth-child(4n){margin-right:0px;}
.search-list ul li h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.search-list ul li:hover h4{background:#006fbe;color:#fff;}
.search-list ul li .com-img{position:relative;height:220px;}
.search-list ul li .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}


/* 产品详情页 */
.header-container.no-shadow{box-shadow:0 0 1px #888;}
.pro1{padding:60px 0px;}
.pronav{position:fixed;left:0px;top:90px;background:#fff;height:70px;line-height:70px;color:#333;font-size:16px;width:100%;z-index:2;box-shadow:0px 0px 10px #999;}
.pronav h2{float:left;width:30%;}
.pronav .pro-atit{float:right;width:70%;text-align:right;font-size:14px;color:#666;}
.pronav .pro-atit a{position:relative;padding-left:10px;margin-left:10px;}
.pronav .pro-atit a:first-child:after{display:none;}
.pronav .pro-atit a:after{position: absolute;left:0px;top:5px;width:1px;height:10px;background:#999;content:"";}
.pronav .pro-atit a:hover,.pronav .pro-atit a.cur{color:#005BAC;}

.pro1-fl{width:48%;float:left;}
.pc-slide{width: 680px;margin: 0 auto;}
.view .swiper-container{width:680px;height: 500px;}
.view .arrow-left{background: url(../image/appprev.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view img{width:100%;height:100%;object-fit: contain;}
.view .arrow-right{background: url(../image/appnext.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview{width: 100%;margin-top: 20px;position: relative;}
.preview .swiper-container{width: 440px;height: 120px;}
.preview .swiper-slide{width:135px;height:120px;background:#EFF4F6;border-radius:10px;cursor:pointer;margin-right:17px;}
.preview .slide6{width: 82px;}
.preview .arrow-left{background: url(../image/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.preview .arrow-right{background: url(../image/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.preview img{padding: 1px;width:100%;height:100%;object-fit: cover;}
.preview .active-nav img{padding: 0;border: 1px solid #006EBD;border-radius:10px;}


.pro1-fr{width:45%;float:right;}
.pro1-fr h2{font-size:30px;font-weight: bold;color:#333333;margin-bottom:20px;}
.pro1-fr p{font-size:16px;color:#555;line-height:28px;}
.probtn{margin-top:80px;}
.probtn a{width:170px;height:52px;line-height:52px;text-align: center;border-radius:5px;background:#005bac;display:inline-block;font-size: 18px;color:#fff;}
.probtn a:hover{background:#024b8d;}
.probtn a span{position: relative;top:-2px;margin-right:5px;}
.probtn a.downfile{background:red;margin-left:40px;}
.probtn a.downfile:hover{background:#5a6e93;}


.pro3 h2{font-size:30px;height:100px;line-height: 100px;padding:0 60px;color:#333;background:#EFF4F6;}
.pro3 .pro3-cont{margin-top:30px;}
.pro3 .pro3-cont img{max-width:100%;}
.pro3 table{width:100%;color:#333;}
.pro3 table tr:nth-child(odd){background:#f7f7f7;}
.pro3 table tr td{padding:15px 20px;}
.pro3 table tr td:nth-child(2n){color:#999;}

.pro4{margin-bottom:120px;}
.pro4 h2{font-size:30px;height:100px;line-height: 100px;padding:0 60px;color:#333;background:#EFF4F6;margin-bottom:30px;margin-top:100px;}
.pro4 .swiper-slide{text-align:center;background:#eff4f6;margin-bottom:15px;border-radius:10px;}
.pro4 .swiper-slide h4{height:55px;line-height:55px;font-size:20px;color:#333;background:#dfe7ea;}
.pro4 .swiper-slide:hover h4{background:#006fbe;color:#fff;border-bottom-right-radius: 10px;border-bottom-left-radius:10px;}
.pro4 .swiper-slide .com-img{position:relative;height:218px;}
.pro4 .swiper-slide .com-img img{width:100%;height:100%;object-fit:contain;padding:30px;}
.pro4 .swiper-button-prev{background: url(../image/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.pro4 .swiper-button-next{background: url(../image/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.probook .book-fl .pub-tit{margin-bottom:50px;}

.book-fl .pub-tit{text-align:left;}
.book-fl .pub-tit span{text-align:left;}
.book-fl{width:50%;float:left;}
.book-fr{width:236px;float:right;text-align:left;color:#fff;}
.book-fr p{background:url(../image/icon_tel2.png) no-repeat left center;padding-left:30px;margin-bottom: 18px;font-size:26px;}
.book-fr span{font-size:30px;font-weight:bold;margin-top:10px;}


/* 联系我们 */
.contact-wrap{padding:102px 0;background:#fff;}
#allmap{width:48%;height:724px;float:left;}
.map-contact{float:right;width:80%;}
.map-contact h2{font-size:38px;color:#333;font-weight:bold;position:relative;}
.map-contact h2 span{position:absolute;left:0px;top:-20px;color:rgba(2,66,149,0.09);font-size: 48px;text-transform: uppercase;font-family: Arial, Helvetica, sans-serif;font-weight: bold;}
.map-contact h4{font-size:30px;color:#333;margin:20px auto 40px;padding-bottom:20px;}
.map-contact dt h6,.map-contact dt p{font-size:18px;color:#333;}
.map-contact .msg1 dt{width:50%;float:left;}
.map-contact dt{position:relative;padding-left:40px}
.map-contact dl{height:80px;}
.map-contact dt span{position:absolute;left:0px;top:0px;}
.scan-ewm>div{display:inline-block;margin-right:40px;text-align: center;}

.book{background:#0058b3 url(../image/msgbg.jpg) no-repeat center / cover;padding-top:80px;}
.book h2{font-size:36px;color:#fff;text-align:center;margin-bottom: 70px;}
.book h2 span{z-index:1;color:#fff;}
.msg-box{background:#fff;padding:65px 50px;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.msg-box .inp-sub{width:248px;height:48px;line-height:48px;font-size:18px;color:#fff;border-radius:5px;border:0px;background:#0058b3;cursor:pointer;margin:0 auto;display: block;margin-top:50px;}
.msg-box-fl{width:48%;float:left;}
.msg-box-fl p{margin-bottom:15px;padding-left:150px;position:relative;}
.msg-box-fl p label{width:105px;position:absolute;top:13px;left:0px;text-align: center;font-size:18px;color:#333;text-align: justify;text-align-last: justify;}
.msg-box-fl input{width:100%;height:48px;padding:5px 10px;border:1px solid #e5e5e5;}
.msg-box-fl .inp-sub{padding:0!important;}

.msg-box-fr{width:48%;float:right;}
.msg-box-fr p{margin-bottom:15px;padding-left:150px;position:relative;}
.msg-box-fr p label{width:105px;position:absolute;top:16px;left:0px;text-align: center;text-align-last: justify;font-size:18px;color:#333;}
.msg-box-fr input{width:100%;height:48px;padding:5px 10px;border:1px solid #e5e5e5;}
.msg-box-fl textarea,.msg-box-fr textarea{width:100%;height:208px;padding:5px 10px;border:1px solid #e5e5e5;}

/* 关于我们 */
.about-cont1{padding:100px 0;}
.about-cont1-note{width:44%;float:left;}
.about-cont1-note .pub-tit{text-align: left;}
.about-cont1-note p{color:#333;line-height:28px;margin-top:28px;font-size:16px;}

.about-slide{width: 720px;margin: 0 auto;float:right;}
.view-big .swiper-container{width:100%;height:412px;}
.view-big .arrow-left{background: url(../image/appprev.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.view-big .swiper-slide{position:relative;}
.view-big .play{position:absolute;width:84px;height:84px;background:url(../image/play.png) no-repeat center;z-index:99;left:50%;top:50%;margin-left:-42px;margin-top:-42px;cursor:pointer;}
.view-big img{width:100%;height:100%;object-fit: contain;}
.view-big .arrow-right{background: url(../image/appnext.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -25px;width: 28px;height: 51px;z-index: 10;}
.preview-sm{width: 100%;margin-top: 20px;position: relative;}
.preview-sm .swiper-container{width: 540px;height: 70px;}
.preview-sm .swiper-slide{width:128px;height:70px;background:#EFF4F6;border-radius:10px;cursor:pointer;margin-right:10px;}
.preview-sm .slide6{width: 82px;}
.preview-sm .arrow-left{background: url(../image/appprev.png) no-repeat center / contain;position: absolute;left: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;left:0px;}
.preview-sm .arrow-right{background: url(../image/appnext.png) no-repeat center / contain;position: absolute;right: 10px;top: 50%;margin-top: -29px;width: 58px;height: 58px;z-index: 10;border-radius: 50%;right:0px;}
.preview-sm img{padding: 1px;width:100%;height:100%;object-fit: cover;}
.preview-sm .active-nav img{padding: 0;border: 1px solid #006EBD;border-radius:10px;}


.about-data-num{background:url(../image/about_number_bg.jpg) no-repeat center / cover;padding:110px 0;color:#fff;}
.about-introduce .info{font-size:16px;line-height: 35px;text-align: center;}
.about-introduce-data h4{font-size: 16px;margin-bottom:5px;}
.about-introduce-data h4 span{font-family: "DINPro";font-size:60px;}
.about-introduce-data ul{display:flex;justify-content: space-evenly;}
.about-introduce-data li{width:25%;font-size:16px;text-align: center;position: relative;}
.about-introduce-data li::after{position: absolute;content:"";width:1px;height:80px;background:#fff;left:0px;top:20px;}
.about-introduce-data li:first-child:after{display: none}

.about-culture{padding:160px 0;background:url(../image/culture_bg.jpg) no-repeat center / cover;}
.about-culture h2 span{z-index:1;}
.about-culture h2{text-align: center;margin-bottom:95px;}
.about-culture ul{background:#fff;border-radius:10px;overflow:hidden;box-shadow: 0px 5px 22.08px 1.92px rgba(6, 5, 5, 0.02);}
.about-culture ul li{width:33.33%;float:left;text-align: center;padding:50px;position:relative;}
.about-culture ul li::after{position: absolute;content:"";width:1px;height:80%;top:10%;background:#d1d9e8;left:0px;top:20px;}
.about-culture ul li:first-child:after{display: none}
.about-culture ul li h4{font-size:24px;color:#333;margin:25px auto;}

.about-honor{padding:140px 0;}
.about-honor ul{display:flex;justify-content:space-between;margin:80px auto 50px;}
.about-honor ul li{width:23%;text-align: center;border:1px solid #e5e5e5;padding:30px 15px;}
.about-honor ul li h4{padding:30px 0px 0;position:relative;font-size:20px;color:#333;text-align:center;}
.about-honor ul li .com-img{width:100%;height:200px}
.about-honor ul li .com-img img{width:100%;height:100%;object-fit:contain}

.pub-more{background:url(../image/moreblue.png) no-repeat center / contain;width:87px;height:44px;display:block;margin:0 auto;}
.pub-more.white{background:url(../image/morewhite.png) no-repeat center / contain;}

.about-env{padding:150px 0;background:url(../image/about_bg.jpg) no-repeat center / cover;color:#fff;}
.about-env .contain{max-width:640px;text-align: center;}
.about-env h2{font-size:38px;font-weight: bold;margin:20px auto 50px;}
.about-env h4{font-size:30px;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.about-env p{margin-bottom:80px;line-height: 28px;}

.about-staff{background:#eff4f6;padding:170px 0;}
.about-staff .pub-info{margin-bottom:80px;}
.abwk-fl{width:25%;float:left;height:620px;overflow: hidden;position: relative;}
.abwk-fl .com-img{position: relative;}
.abwk-fl img{width:100%;height:620px;object-fit: cover;}
.abwk-fl .com-img h4{text-align:left;color:#fff;position:absolute;left:0px;bottom:0px;width:100%;padding:20px;font-size:24px;}
.abwk-fl .note{position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(216,158,78,0.8);text-align:center;color:#fff;padding:50% 10% 0;font-size:16px;line-height:28px;transition:all 0.3s;opacity:0;}
.abwk-fl:hover .note{opacity:1;}
.abwk-fl .note h4{display:block;width:100%;font-size:24px;margin-bottom: 25px;}

.abwk-top{overflow:hidden;margin-bottom:20px;}
.abwk-fr{width:74%;float:right;height:620px;overflow: hidden;}
.abwk-fr .abwk-top-fl{width:68%;height:300px;overflow:hidden;position: relative;}
.abwk-fr .abwk-top-fl .note{color:#fff;font-size:16px;position:absolute;left:0px;top:0px;width:100%;height:100%;background:#006ebd;padding:8% 20%;text-align:center;line-height:28px;}
.abwk-fr .abwk-top-fl .note h2{font-size: 26px;color:#fff;margin-bottom:40px;}
.abwk-fr .abwk-top-fl .pub-more.white{margin-top:30px;}
.abwk-fr .abwk-top-fl img{width:100%;height:300px;object-fit:cover;}
.abwk-fr .abwk-top-fr{width:30%;height:300px;overflow:hidden;}
.abwk-fr .abwk-top-fr img{width:100%;height:300px;object-fit:cover;}


/* 表单 */
.formbox{margin-top:180px;margin-bottom:120px;box-shadow: 0 0 20px #eee;padding:60px 30px;}
.formbox h3{text-align:center;font-size:30px;font-weight:bold;color:#333;margin-bottom:100px;position: relative;}
.formbox h2{text-align:center;font-size:16px;color:#333;margin:65px 0px;position: relative;}
.formbox h2::after{position:absolute;content:"";width:100%;height:1px;background:#eee;left:0px;bottom:50%;}
.formbox h2 span{background:#fff;padding:0 25px;position:relative;z-index:2;}
.formbox .layui-form-label{width:200px;font-size: 16px;color:#666;}
.formbox .layui-input-block{margin-left:210px;}
.formbox .layui-form-item .layui-inline{margin-right:0;}
.formbox .layui-btn,.layui-form-checked[lay-skin="primary"] i{background:#0058b3;}
.formbox .layui-btn{width:240px;margin:30px auto 0;display:block;}

.fdlink{color:rgba(255,255,255,.4);margin-bottom:20px;font-size:12px;margin-bottom:10px;line-height:22px;}
.fdlink span{margin-right:10px;}
.fdlink a{margin-right:10px;}
.fdlink a:hover{color:rgba(255,255,255,1);}

.mobileMenu{display:none;}





