/*********************************************************************************************/
/* 产品 */
/*********************************************************************************************/
.page-top{position: relative;background-image: url(../images/product-bg1.png);background-position: center;background-size: cover;height: 520px;}
.product-service .con-title{margin-bottom: 25px;}
.product-service .con-mark{line-height: 2;}
.product-service img{margin: 35px auto;width: auto;max-width: 90%;display: block;}
.page-t{max-width: 1200px;padding: 100px 0;width: 100%;margin: 0 auto;}
.page-e{max-width: 1160px;padding: 100px 0 100px;width: 100%;margin: 0 auto;}
/* 系统设计 */
.design{max-width: 1220px;}
.design .flbox {width: 33%;}
.design .enBold{font-size: 80px;color: #e1e1e1;}
.design .enMedi{font-size: 80px;color: #e1e1e1;}
.pro-title{margin: 10px 0 30px;}
.pro-title .gradient{width: 32px;height: 32px;border-radius: 50%;display: inline-block;text-align: center;vertical-align: middle;}
.pro-title .gradient i{vertical-align: middle;color: #FFFFFF;display: inline-block;margin-right: 0;line-height: 32px;}
.pro-title .text{font-size: 24px;color: #333333;vertical-align: middle;margin-left: 12px;}
.design .flbox .box p{font-size: 14px;color: #888888;line-height: 1.8;}
.design .frbox{padding: 20px 0 0;width: 65%;}
.design .frbox img{margin-left: 28px;width: 47%;margin: 0 1%;}
.control .enBold{width: 100%;text-align: center;font-size: 80px;color: #E1E1E1;}
.control .enMedi{width: 100%;text-align: center;font-size: 80px;color: #E1E1E1;}
.control .pro-title{width: 100%;text-align: center;}
.control .item{position: relative;}
.control .item .text-box{width: 100%;background: #F8F8F8;padding: 8% 5% 0;min-height: 160px;}
.control .item .text-box p{text-align: center;color: #7ac043;font-size: 16px;margin-bottom: 15px;}
.control .item .text-box span{color: #888888;font-size: 14px;line-height: 2.2;text-align: center;display: inline-block;width: 100%;}
.control .item .pic-boxb img{width: 100%;}
.control-box{padding-bottom: 0;}
.control-box .item{position: relative;margin-bottom: 100px;}
.control-box .item .fr{width: 84%;background: #f8f8f8;height: 280px;padding: 0 15%;}
.control-box .item .fr>div{position: absolute;top: 0 ;bottom: 0;margin: auto;padding-right: 10%;height: 100px;}
.control-box .item .fr>div.tall{height: 200px;}
.control-box .item .fr>div p{font-size: 17px;color: #666666;font-weight: bold;margin-bottom: 20px;}
.control-box .item .fr>div span{font-size: 14px;color: #888888;display: block;line-height: 2;}
.control-box .item .fr img{position: absolute;top: 110px;right: 10%;}
.control-box .item .item-img{position: absolute;left: 0;top:-35px;z-index: 10;}
.box{max-width: 1200px;margin: 0 auto;}
/* 核心产品 */
.ltitle{font-size: 24px;color: #333333;margin-bottom: 20px;}
.product-rule{border-top: 1px dashed #EEEEEE;}
.product-rule .box{margin-top: 20px;}
.product-rule .box .design>div{font-size: 14px;color: #888888;line-height: 2;}
.product-rule .box .design{width: 30%;}
.product-rule .rule{width: 52%;}
.product-rule .rule .line{width: 100%;margin-bottom: 27px;border-radius: 12px;background: #7AC043;padding: 20px 4%;line-height: 2;color: #FFFFFF;font-size: 14px;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.product-rule .rule .line:hover{background: #008751;}
.product-rule .rule .one{font-size: 16px;border: 1px dashed #7AC043;background: #f8f8f8;padding: 25px;border-radius: 12px;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.product-rule .rule .one p:first-child,.product-rule .rule .two p:first-child{margin-bottom: 15px;color: #666;}
.product-rule .rule .block{width: 100%;margin: 25px 0;}
.product-rule .rule .one span,.product-rule .rule .two span{font-size: 14px;color: #888888;line-height: 1.8;}
.product-rule .rule .two{width: 48%;font-size: 16px;color: #888888;border: 1px dashed #7AC043;background: #f8f8f8;padding: 25px;border-radius: 12px;height: 180px;transition: all .2s ease-in-out;-webkit-transition: all .2s ease-in-out;}
.product-rule .rule .one:hover,.product-rule .rule .two:hover{border: 1px dashed #008751;}
/* 噪声测试 */
.shake{width: 100%;padding: 80px 0;background: #F8F8F8;position: relative;}
.shake .page-s{max-width: 1160px;margin: 0 auto 40px;}
.shake .page-s img{width: 48%;height: auto;}
.shake span{display: inline-block;text-align: center;color: #666666;font-size: 14px;width: 100%;line-height: 2;z-index: 10;position: relative;}
.shake>img{position: absolute;bottom: 0;}
/* 仿真分析 */
.analysis{width: 100%;padding: 100px 0 20px;background: #4186c1;background: linear-gradient(90deg,#bfd942,#4186c1);position: relative;overflow: hidden;}
.analysis>p{width: 100%;text-align: center;color: #FFFFFF;font-size: 32px;margin-bottom: 60px;}
.analysis .swiper-box{margin: 0 auto;max-width: 1160px;}
.my-swiper{width: 100%;height: 550px;}
.my-swiper .news-item{width: 100%;text-align: center;}
.my-swiper .news-item img{width: 48%;display: inline-block;max-height: 300px;height: 300px;}
.my-swiper .news-item img:first-child{margin-right: 2%;}
.my-swiper .news-item p{color: #FFFFFF;text-align: center;font-size: 16px;margin-top: 25px;}
.analysis>img{position: absolute;bottom: -40%;left: 0;}
.swiper-page {position: absolute;z-index: 20;bottom: 23%;width: 100%;text-align: center;}
.swiper-pagination-switch {display: inline-block;position: relative;width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: none;margin: 0 25px;border: 1px solid #fff;cursor: pointer;}
.swiper-pagination-switch:after{content: '···';position: absolute;right: -40px;bottom: -2px;font-size: 30px;color: #FFFFFF;}
.swiper-pagination-switch:last-child::after{content: '';}
.swiper-active-switch {background: #fff;}
.swiper-pagination-switch span{font-size: 20px;color: #FFFFFF;font-family: 'enMedi';pointer-events: none;}
.swiper-active-switch span{color:#7ac043}
/* 优化创新 */
.cx-box{background: #F1F1F1;padding-bottom: 80px;}
.cx {border-bottom: 1px dashed #EEEEEE;}
.cx .box{padding: 40px 0;}
.cx .text-box{width: 40%;}
.text-box p{font-size: 24px;color: #333333;margin-bottom: 15px;}
.text-box div{font-size: 14px;color: #888888;line-height: 2;}
.cx .img-box{width: 55%;}
.techbox.control-box .item .fr>div p{color: #008751;}
.techbox .item .enBold{font-size: 80px;color: #e1e1e1;position: absolute;top: 80px;right: 10%;}
.techbox .item .enMedi{font-size: 80px;color: #e1e1e1;position: absolute;top: 80px;right: 10%;}
.techbox.control-box .item .left{float: left;padding: 0 10%;}
.techbox .item .left .enBold{right: 20%;}
.techbox .item .left .enMedi{right: 20%;}
.techbox .item.two>img{right: 0;left: auto;}
.techbox.control-box .item .fr>div span{width: 68%;}
/* 产品证书 */
.cert{background-image: url(../images/product-bg3.png);background-size: cover;background-position: center;background-repeat: no-repeat;}
.cert-swiper .swiper-wrapper .swiper-slide,.cert-swiper .swiper-wrapper{height: 330px!important;}
.cert-swiper .news-item{position: relative;height: 300px;margin: 10px;}
.cert-swiper .news-item .border{width: 100%;height: 100%;position: relative;z-index: 10;}
.cert-swiper .news-item .cert-pic{position: absolute;left: 5%;top: 6%;width: 90%;}
/* 产品创新 */
.product-box{max-width: 1450px;margin: 0 auto;padding: 60px 25px 80px;width: auto;}
.product-box>p{font-size: 36px;color: #9ec506;margin-bottom: 15px;}
.product-box>span{font-size: 18px;color: #FFFFFF;font-family: 'enMedi';}
.product-box .product-list{margin-top: 4%;}
.product-list{padding-top: 80px;}
.product-item{position: relative;border-radius: 8px;overflow: hidden;cursor: pointer;margin-bottom: 5px;}
.product-item:nth-child(4n+4){margin-right: 0;}
.product-item p{position: absolute;top: 40px;left: 35px;color: #FFFFFF;font-size: 20px;z-index: 20;}
.product-item .img-box{width: 100%;height: 100%;position: relative;overflow: hidden;border-radius: 8px;}
.product-item img{width: 100%;height: 100%;}
.product-item span{position: absolute;bottom: 80px;left: 35px;color: #FFFFFF;font-size: 14px;font-family: 'enMedi';z-index: 20;}
.product-item .more{width: 22px;height: 22px;position: absolute;bottom: 40px;left: 35px;z-index: 20;}
.product-item .shadow{width: 0;height: 100%;position: absolute;left: 0;top: 0;z-index: 10;background:#035faa;background:linear-gradient(90deg,#a7c904,#035faa);opacity: .6;transition:all 0.2s linear 0s;-webkit-transition:all 0.2s linear 0s;-moz-transition:all 0.2s linear 0s;}
.product-item:hover .shadow{width: 100%;}
.index-product>.clear{width: 100%;max-width: 1400px;}
.index-product div .more-btn{float: right;}
/* 产品详情 */
.product-list .con-title{margin-bottom: 75px;}
.detail-box{max-width: 1250px;margin: 0 auto;padding: 75px 25px;position: relative;}
.detail-top{width:100%;border-top: 1px solid #C1C1C1;}
.detail-top .detail-box{padding: 75px 25px;}
.detail-top .detail-box .leftBox{width: 35%;height: 300px;;position: absolute;left:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.detail-top .detail-box .detail-swiper{width: 100%;height: 300px;}
.detail-top .detail-box .detail-swiper .detail-page{position: absolute;bottom: 40px;width: 100%;text-align: center;}
.detail-top .detail-box .detail-swiper .detail-page .swiper-pagination-switch{width: 13px;height: 13px;border-radius: 50%;border: 2px solid #FFFFFF;background: none;margin: 0 10px;}
.detail-top .detail-box .detail-swiper .detail-page .swiper-pagination-switch:after{content: '';}
.detail-top .detail-box .detail-swiper .detail-page .swiper-active-switch{background: #FFFFFF;}
.detail-top .detail-box .detail-swiper .swiper-wrapper,.detail-top .detail-box .detail-swiper .swiper-slide{height: 100%;}
.detail-top .detail-box .detail-swiper .news-item{height: 100%;}
.detail-top .detail-box .detail-swiper .swiper-slide img{width: 100%;height: 100%; object-fit: cover;}
.detail-swiper .btn{width: 50px;height: 50px;background: rgba(0,0,0,.4);position: absolute;z-index: 10;top: 50%;margin-top:-25px;text-align: center;line-height: 50px;cursor: pointer;}
.detail-swiper .swiper-prev{left: 0;}
.detail-swiper .swiper-next{right: 1px;}
.detail-swiper .btn img{width: 12px;height: 19px;display: inline-block;line-height: 50px;}
.detail-title{width: 50%;position: absolute;left:50%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%);}
.detail-title p{font-size: 30px;color: #000000;border-bottom: 1px dashed #DDDDDD;margin-bottom: 25px;padding-bottom: 25px;}
.detail-title span{font-size: 14px;color: #888888;line-height: 2;display: inline-block;width: 100%;}
.detail-bot{width: 100%;padding: 65px 0;}
.detail-bot .detail-fun{max-width: 1200px;margin: 0 auto 30px;padding: 0 25px;}
.detail-bot .detail-fun p{width: 100%;background: #F8F8F8;height: 60px;}
.detail-bot .detail-fun p span{width: 170px;text-align: center;color: #FFFFFF;line-height: 60px;display: inline-block;font-size: 16px;}
.detail-bot .detail-fun div{padding: 20px 0;}
.detail-bot .detail-fun div span{width: 100%;display: inline-block;color: #888888;font-size: 14px;line-height: 2;}
/* 振动噪声测试 */
.shake-swiper{width: 100%;height: 340px;}
.shake-swiper .swiper-wrapper{height: 340px;}
.shake-swiper .swiper-wrapper .swiper-slide{padding: 20px;}
.shake-swiper .swiper-wrapper .swiper-slide img{width: 100%;height: auto;}
.voice-page{width: 100%;text-align: center;}
.voice-page span{width: 16px;height: 16px;border: 2px solid #008751;display: inline-block;margin: 0 16px;}
.voice-page span.swiper-active-switch{background: #008751;}

@media (max-width:1200px) {
	.control-box .item .fr{padding-left: 20%;}
	.control-box .item .fr img{display: none;}
	.techbox .item .left .enBold{right: 23%;}
	.techbox .item .left .enMedi{right: 23%;}
	.cx .text-box,.cx .img-box{width: 90%;margin: 0 auto;float: none}
	.cx .img-box{margin-top: 20px;}
	.cx .img-box img{width: 48%;}
	.cx .img-box img:first-child{margin-right: 3%;}
	.page-t{padding-bottom: 60px;}
	.detail-top .detail-box .detail-swiper{width: 450px;float: none;margin: 0 auto;}
	.detail-title{width: 53%;left: 49%;}
}
@media (max-width:1000px) {
	.page-top{height: 400px;}
	.page-top .page-nav>a{width: 180px;}
	.page-top .page-nav>a span{line-height: 50px;}
	.design .flbox {width: 90%;margin: 0 auto;float: none;}
	.design .frbox {width: 90%;margin: 0 auto;float: none;}
	.control-box .item .fr{height: auto;}
	.control-box .item .fr>div{position: static;height: auto;padding: 40px 0;}
	.control-box .item .fr>div.tall{height: auto;}
	.control-box .item .fr{width: 100%;padding: 0 5%;float: none;}
	.control-box .item .item-img{position:static;display: block;margin: 0 auto 25px;}
	.page-top .page-nav{width: 100%;left: 0;margin-left: 0;}
	.page-top .page-nav>a{ width: 100%;}
	.product-service{padding:5% 0;}
	.product-service span{padding: 0 5%;}
	.product-service img{margin: 35px auto;width: 100%;display: block;max-width: 100%;}
	.design .frbox img{width: 100%;margin: 0 auto 20px;}
	.detail-top .detail-box .leftBox{position: static;margin: 0 auto;transform: none;width: 430px;}
	.detail-title{width: 90%;position: static;margin: 0 auto;transform: none;margin-top: 20px;}
}
@media (max-width:768px) {
	.product-rule .box .fl{width: 100%;margin: 0 auto;float: none;}
	.product-rule .box .fr{width: 100%;margin: 0 auto;float: none;margin-top: 25px;}
	.product-rule .rule .two{width: 100%;height: auto;}
	.product-rule{padding-bottom: 30px;}
	.my-swiper .news-item img{width: 90%;height: auto;margin: 0 auto 20px!important;float: none;}
	.swiper-page{bottom: 5%;}
	.my-swiper{height: 500px;}
	.swiper-pagination-switch{width: 12px;height: 12px;line-height: 12px;margin: 0 10px;}
	.swiper-pagination-switch span{display: none;}
	.cx .box{padding-bottom: 0;}
	.page-t{padding-bottom: 40px;}
	.cx .img-box img{width: 100%;margin-bottom: 15px;}
	.control-box{padding-top: 40px;}
	.techbox .item .enBold{display: none;}
	.techbox .item .enMedi{display: none;}
	.techbox.control-box .item .left{padding:0 4%;}
	.techbox.control-box .item .fr>div span{width: 100%;}
	.control-box .item .fr>div{height: auto!important;}
	.swiper-pagination-switch:after{content: '';}
	.control-box .item{margin-bottom: 50px;}
	.cert-swiper .news-item,.cert-swiper .news-item .border{height: auto;}
	.detail-top .detail-box .detail-swiper{width: 100%;height: 190px;}
	.detail-top .detail-box{padding: 75px 0;}
	.control-box .item .item-img{margin: 0 auto;width: 100%;}
	.detail-title p {font-size: 26px;}
	.cert-swiper .swiper-wrapper .swiper-slide,.cert-swiper .swiper-wrapper{height: 415px!important;}
	.detail-top .detail-box .detail-swiper .detail-page .swiper-pagination-switch{width: 12px;height: 12px;margin: 0 5px;}
	.detail-top .detail-box .detail-swiper .detail-page {bottom: 20px;}
	.shake-swiper{width: 100%;height: 400px;}
	.shake-swiper .swiper-wrapper{height: 400px;}
	.voice-page span{width: 12px;height: 12px;border: 1px solid #008751;display: inline-block;margin: 0 6px;}
}
@media (max-width:622px){
	.shake-swiper{width: 100%;height: 360px;}
	.shake-swiper .swiper-wrapper{height: 360px;}
}
@media (max-width:522px){
	.shake-swiper{width: 100%;height: 300px;}
	.shake-swiper .swiper-wrapper{height: 300px;}
}
@media (max-width:460px){
	.shake-swiper{width: 100%;height: 250px;}
	.shake-swiper .swiper-wrapper{height: 250px;}
}
@media (max-width:400px){
	.shake-swiper{width: 100%;height: 220px;}
	.shake-swiper .swiper-wrapper{height: 220px;}
}