/*头部*/
.header{background: #fff;height: 160px;position: fixed;width:100%;z-index: 4;box-shadow: 0 0 5px #666}
.header .inner{margin: 0 auto;position: relative;height: 160px;padding: 0 20px;}
.header .inner .logo{float: left;margin-top: 20px;}
.header .inner h3 {font-size: 18px;font-weight: bold;margin: 0;position: relative;top: -8px;}
.header .inner .weixin{float: right;margin-top: 6px;}
.header .inner .weixin img{
	width: 80px;
	height: 80px;
}
.header .inner .weixin p{text-align: center;color: #3a3a3a;font-size: 12px;}
.header .inner .txt{font-size: 16px;position: absolute;right: 20px;top: 15px;text-align: right;}
.header .inner .txt span{font-size: 26px;color: #ff7800;}
.weixin img{
	width: 80px;
	height: 80px;
}

.no-padding{
	padding: 0 !important;
}


.news-block{
	padding: 20px;
}

.news-title{
	font-size: 15px;
	font-weight: bold;
}

.news-text{
	font-size: 10px !important;
	color: #6a6666;
}

.news-date{
	color: #a8a8a8;
}

.news-content{

}

.modalContainer {
	display: none;
	align-items: center;
	justify-content: center;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
}

#modalContent {
	background-color: #fff;
	width: 1000px;
	padding: 20px;
	position: relative;
}

.closeModal {
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	font-size: 30px;
}

.modal-title{
	font-size: 20px;
}

.modal-media {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
}

.modal-image {
	display: block;
	width: calc(250px - 30px);
	object-fit: contain;
	margin: 5px;
}

.modal-video {
	display: block;
	width: calc(250px - 30px);
	object-fit: contain;
	margin: 5px;
	height: auto;
}

/*底部*/
.footer{padding: 20px 0 10px;background: #1d1d1d;margin-top: 50px;}
.footer .inner{max-width: 1100px;margin: 0 auto;overflow: hidden; width: 100%;padding: 0 20px 50px;}
.footer .inner .ft_left{float: left;color: #fff;line-height: 24px;margin-top: 50px;}
.footer .inner .ft_left a{color: #fff;}
.footer .inner .ft_left a:hover{text-decoration: underline;}
.footer .inner .ft_right{float: right;position: relative;}
.footer .inner .ft_right a{display: block;color: #868686;text-align: right;position: absolute;top: 6px;left: 0;}
.footer .inner .ft_right a i{width: 15px;height: 15px;display: inline-block;background: url(../images/indexImg14.jpg) 0 0 no-repeat;margin-top: -3px;margin-right: 3px;vertical-align: middle;}

/*导航*/
.navBox{border-bottom: 3px solid #fe0000;background: #fff;}
.nav > div > ul{display: table;max-width: 1150px;width: 100%;margin: 0 auto;}
.nav > div > ul li{ text-align:center;}
.nav > div > ul > li{ float: left;position: relative;}
.nav > div > ul li h3 a{display: block;height: 40px; line-height: 40px;font-weight: bold;font-size: 15px;padding: 0 35px;}
.nav > div > ul > li > ul{position: absolute;left: 0;top: 40px;z-index: 2;box-shadow: 0 10px 10px #85888C;}
.nav > div > ul > li > ul > li{height: 65px; white-space: nowrap}
.nav > div > ul > li > ul > li > h3 > a{height: 65px;line-height: 65px;text-align: left;}
.nav > div > ul > li > ul > li h3{ background: #fff;}
.nav > div > ul > li > ul > li.on a{background: #d0d0d0;color: #e21001}
.nav > div > ul > li > ul > li.on > ul > li a{background: #fff;color: #333;}
.nav > div > ul > li > ul > li.on > ul > li a:hover{background: #e21001;color: #fff}
.nav > div > ul > li h3 a:hover,.choice > h3 > a{ background: #e21001;color: #fff}
ul > li > ul{ display: none;}
ul > li.on > ul{ display: block;}
.nav > div > ul li{ position: relative;}
.nav > div > ul > li > ul > li ul{ position:  absolute; top: 0; right: -157px;}
.nav > div > ul span.sub{ position: absolute; display: block; right:10px; top: 13px; width: 15px; height: 40px; }
.navBox .nav .txt {display: none}

/*banner轮播*/
.slideBox{ width:100%; overflow:hidden; position:relative;box-sizing:content-box; }
.slideBox *{box-sizing:content-box; }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:50px; bottom:20px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px; border-radius: 6px;text-indent: -888em; width:12px; height:12px;  text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{width: 100%;}
.slideBox .bd{ position:relative;z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle;width: 100%; }
.slideBox .bd img{ width:100%;display:block;  }

/*首页框架*/
.iwraper{width: 1100px;margin: 0 auto;zoom:1;}

/*通用框架*/
.wraper{width: 100%;max-width: 1300px;margin: 0 auto;zoom:1;padding-top: 160px;display: flex;gap: 40px;}

/* Основной контент и sidebar */
.main-content {
    flex: 1;
    max-width: 100%;
    min-width: 0;
}

.sidebar {
    width: 250px;
    flex-shrink: 0;
    padding-top: 10px;
}

/* Для страниц без sidebar */
.wraper.no-sidebar {
    display: block;
    max-width: 1000px;
}

.wraper.no-sidebar .main-content {
    max-width: none;
}

.i_cont1{overflow: hidden;width: 1110px;margin-top: 10px;}
.i_cont1 a{display: block;float: left;margin-right: 6px;}

.i_cont2{margin-bottom: 30px;}
.i_cont2 > .title{padding: 15px 0;}
.indexTypes{width:1100px;margin:0 auto;/*border:1px solid #f00;*/box-sizing:content-box;}
.indexTypes *{box-sizing:content-box;}
.indexTypes ul{overflow: hidden;width: 1100px;margin: 0 auto;}
.indexTypes ul li{position:relative;float:left;width:220px;overflow:hidden;height:285px;overflow:hidden;border-right: 1px solid #eee;}
.indexTypes ul li:hover{cursor:pointer;}
.indexTypes ul li.currnet{width:656px;}
.indexTypes ul li .title{width:300px;background:url(../images/typeBg.png) repeat;color: #fff;font-family:"微软雅黑";height:285px;padding: 10px; float:left;}
.indexTypes ul li .title a{color:#fff;}
.indexTypes ul li .title h2{font-size:16px;padding-top:5px;font-weight: bold;}
.indexTypes ul li .title p{font-size: 14px;margin-top: 6px;}
.indexTypes ul li .title a{display: inline-block;display: none;margin-top: 10px;width: 80px;height: 26px;line-height: 26px;background: #fff;text-align: center;color: #be2f2a;font-size: 12px;}
.indexTypes ul li .title a:hover{background: #ccc;}
.indexTypes ul li.current .title{background: #ff0000;}
.indexTypes ul li.current .title a{display: inline-block;}
.indexTypes ul li .con{position:absolute;top:0; width:355px; left:320px;background:url(../images/typeUl.jpg) no-repeat left top;overflow:hidden;height:285px;overflow:hidden;background-size: 100% 100%; }
.indexTypes ul li .con img{width: 100%;height: 100%;}
.indexTypes ul li .con ul{padding-top:12px;}
.indexTypes ul li .con ul li{float:none;height:auto;width:auto;}
.indexTypes ul li .con ul li a{line-height:28px;width:195px;display:block;text-indent:3em;border-bottom:1px dashed #d1d1d1;}
.indexTypes ul li .con ul li a:hover{color:#F87C02;}
.i_cont3{margin-top: 30px;display: table;width: 100%;}
.glbTitle{margin-bottom: 20px;}
.glbTitle span{display: inline-block;width: 170px;height: 35px;line-height: 35px;background: #c83131;color: #fff;text-align: center;box-shadow: 2px -2px 0px #fce93f;border-radius: 3px;font-size: 16px;}
.glbTitle a{display: inline-block;margin-left: 30px;}
.glbTitle a:hover{color: #00a2ea;text-decoration: underline;}
.i_cont3 .i_cont3_l{width: 290px;float: left;}
.i_cont3 .i_cont3_l a{display: block;}
.i_cont3 .i_cont3_l a img{display: block;width: 100%;}
.i_cont3 .i_cont3_r{width: 740px;float: right;}
.i_cont3 .i_cont3_r .i_cont3_r_cont{padding: 5px;border: 1px solid #a1a1a1;overflow: hidden;padding-right: 20px;}
.i_cont3 .i_cont3_r .i_cont3_r_cont img{float: left;width: 256px;}
.i_cont3 .i_cont3_r .i_cont3_r_cont .rTxt{float: right;width: 420px;font-size: 16px;}
.i_cont3 .i_cont3_r .i_cont3_r_cont .rTxt p{margin: 20px 0;color: #565656}
.i_cont3 .i_cont3_r .i_cont3_r_cont .rTxt p span{color: #c83131}
.i_cont4{margin-top: 50px;}
.i_cont4 > .title{border-bottom: 1px solid #a5a5a5;margin-bottom: 30px;position: relative;}
.i_cont4 > .title span{width: 350px;position: absolute;height: 16px;font-size: 16px;text-align: center;color: #343434;background: #fff;position: absolute;left: 50%;margin-left: -175px;top: -10px;}
.i_cont4_roll{ width:100%;  overflow:hidden; position:relative;border: 1px solid #a1a1a1;}
.i_cont4_roll .hd{background:#f4f4f4; padding:0 10px; position: absolute;left: 0;top: 0;width: 100%;height: 100%; }
.i_cont4_roll .hd .prev{display: block;width: 14px;height: 42px;background: url(../images/arrow_left.jpg) 0 0 no-repeat;cursor:pointer;position: absolute;left: 0;top: 50%;margin-top: -21px;}
.i_cont4_roll .hd .next{display: block;width: 14px;height: 42px;background: url(../images/arrow_right.jpg) 0 0 no-repeat;cursor:pointer;position:absolute;right: 0;top: 50%;margin-top: -21px;} 
.i_cont4_roll .bd{ padding:10px; padding-left: 36px;padding-bottom: 0;  }
.i_cont4_roll .bd ul{ overflow:hidden; zoom:1; }
.i_cont4_roll .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.i_cont4_roll .bd ul li .pic{ text-align:center; }
.i_cont4_roll .bd ul li .pic img{ width:155px; height:75px; display:block;  padding:2px; border:1px solid #c1dcf9; }
.i_cont4_roll .bd ul li .pic a:hover img{ border-color:#999;  }
.i_cont4_roll .bd ul li .title{ line-height:24px;   }
.i_cont5{margin-top: 30px;overflow: hidden;}
.i_cont5 .i_cont5_l{width: 265px;float: left;}
.i_cont5 .i_cont5_l ul li{padding: 8px;border-bottom: 1px dashed #cccccc;}
.i_cont5 .i_cont5_l ul li i{width: 15px;height: 15px;background: url(../images/indexIco1.jpg) 0 0 no-repeat;vertical-align: middle;display: inline-block;margin-top: -3px;margin-right: 5px;}
.i_cont5 .i_cont5_l ul li a{font-weight: bold;color: #111;font-size: 16px;display: inline-block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 91%;}
.i_cont5 .i_cont5_l ul li a:hover{color: #00a2ea;text-decoration: underline;}
.i_cont5 .i_cont5_r{width: 805px;float: right;}
.i_cont5 .i_cont5_r .d1{overflow: hidden;width: 100%;margin-bottom: 20px;}
.i_cont5 .i_cont5_r .d1 .img_l{width: 240px;float: left;display: block;}
.i_cont5 .i_cont5_r .d1 .txt_r{width: 540px;border: 2px solid #e9e6e6;background: #f2f2f2;color: #232323;float: right;	border-radius: 5px;padding: 10px;line-height: 26px;font-size: 16px;}
.i_cont5 .i_cont5_r .d1 .txt_r p{text-align: right;}
.i_cont5 .i_cont5_r .d1 .txt_r p a:hover{color: #00a2ea;text-decoration: underline;}
.i_cont5 .i_cont5_r .d2 img{margin-right: 5px;width: 193px;height: 130px;}
.i_cont6{margin-top: 30px;}
.i_cont6 ul{overflow: hidden;width: 1120px;}
.i_cont6 ul li{float: left;width: 208px;border: 1px solid #cdcdcd;margin-right: 14px;}
.i_cont6 ul li a,.i_cont6 ul li a img{display: block;width: 100%;}

/*配件列表页*/
.l1Cont{padding: 30px;background: #fff;margin-top: 30px;}
.l1Cont .title i{width: 18px;height: 24px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;background: url(../images/list1Img1.jpg) 0 0 no-repeat;}
.l1Cont .title{font-size: 24px;color: #111;margin-bottom: 20px;}
.l1Cont ul{overflow: hidden;}
.l1Cont ul li{float: left;margin-right: 5px;margin-bottom: 20px;}
.l1Cont ul li img{width: 230px;height: 195px;}
.l1Cont ul li p{font-size: 18px;margin: 20px 0;padding-left: 10px;}
.l1Cont ul li div{text-align: right;}
.l1Cont ul li div a{display: inline-block;padding: 5px 12px;border: 1px solid #666;}
.l1Cont ul li div a:hover{background: #111;color: #fff}

/*新闻列表页*/
.newsBanner img{width: 100%;}
.address{font-size: 16px;padding: 20px 20px 10px;background: #fff;margin-top: 10px;margin-bottom: 14px;line-height: 1.4;}
.address a:hover{text-decoration: underline;}
.newsCont .newsListTitle{padding: 20px;background: #fff;font-size: 24px;}
.newsCont .d1 ul{overflow: hidden;}
.newsCont .d1 ul li{float: left;width: 50%;text-align: center;margin: 30px 0 0;}
.newsCont .d1 ul li .a_img img{width: 290px;height: 210px;}
.newsCont .d1 ul li .a_txt{text-align: center;font-size: 16px;color: #222;display: block;margin: 10px auto;text-align: left;width: 290px;}
.newsCont .d1 ul li .a_txt:hover{text-decoration: underline;}
.newsCont .d1 ul li p{font-size: 12px;color: #999;text-align: left;width: 290px;margin: 0 auto;}
.newsCont .d2{margin-top: 30px;}
.newsCont .d2 ul li{overflow: hidden;margin-top: 30px;}
.newsCont .d2 ul li .img_l{width: 190px;height: 125px;float: left;}
.newsCont .d2 ul li .txt_r{width: 580px;float: left;margin-left: 20px;}
.newsCont .d2 ul li .txt_r a{font-size: 20px;color: #222;}
.newsCont .d2 ul li .txt_r a:hover{color: #c64027}
.newsCont .d2 ul li .txt_r span{display: block;font-size: 12px;color: #999;padding-bottom: 10px;margin-top: 15px;border-bottom:1px dotted #ccc;}
.newsCont .d2 ul li .txt_r p{font-size: 14px;color: #565656;line-height: 20px;margin-top: 10px;}
.newsCont .d2 .more{text-align: right;margin-top: 30px;}
.newsCont .d2 .more a{display: inline-block;width: 120px;height: 35px;line-height: 35px;font-size: 16px;color: #232323;text-align: center;background: #fff;}
.newsCont .d2 .more a:hover{text-decoration: underline;}

/*企业文化*/
.staffCont .staffTitle{padding: 20px;background: #fff;font-size: 24px;}
.staffCont ul{overflow: hidden;width: 1220px;}
.staffCont ul li{float: left;width: 235px;margin-right: 20px;margin-top: 20px;}
.staffCont ul li img{display: block;width: 100%;height: 145px;}
.staffCont ul li .ct{background: #fff;padding: 15px;}
.staffCont ul li .ct a{font-size: 16px;color: #232323;display: inline-block;margin-bottom: 15px;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.staffCont ul li .ct a:hover{text-decoration: underline;}
.staffCont ul li .ct p{font-size: 12px;color: #565656;}
/*分页样式*/
.pager{text-align: center;margin-top: 30px;}
.pager span,.pager a{display: inline-block;}
.pager span{width: 44px;height: 28px;color: #cccccc;text-align: center;line-height: 28px;border: 1px solid #ededed;background: #fff;}
.pager a{width: 44px;height: 28px;border: 1px solid #ededed;color: #555555;line-height: 28px;background: #fff;}
.pager a.current{background: #d40000;border-color: #e9aaaa;color: #fff;}
.pager a:hover{background: #d40000;border-color: #e9aaaa;color: #fff;}
.pager em{color: #555;margin-left: 10px;display: inline-block;}

/*工程业绩*/
.detailsCont1 > .title{overflow: hidden;background: #fff;padding: 20px;}
.detailsCont1 > .title span{float: left;font-size: 24px;}
.detailsCont1 > .title a{float: right;width: 150px;height: 40px;line-height: 40px;background: #f1f1f1;color: #212121;text-align: center;font-weight: bold;display: block;}
.detailsCont1 .d1{margin-top: 30px;}
.detailsCont1 .d1 .d1Hd{overflow: hidden;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;}
.detailsCont1 .d1 .d1Hd .d1Hd_left{float: left;}
.detailsCont1 .d1 .d1Hd .d1Hd_left h4{font-size: 20px;line-height: 26px;}
.detailsCont1 .d1 .d1Hd .d1Hd_left p{font-size: 12px;margin-top: 5px;}
.detailsCont1 .d1 .d1Hd .share{float: right;overflow: hidden;}
.detailsCont1 .d1 .d1Hd .share span{display: inline-block;margin-right: 20px;}
.detailsCont1 .d1 .d1Cont ul{overflow: hidden;width: 1015px;margin-top: 20px;}
.detailsCont1 .d1 .d1Cont ul li{float: left;width: 240px;margin-right: 13px;height: 36px;background: #efefef;}
.detailsCont1 .d1 .d1Cont ul li span{display: inline-block;width: 50%;border-right: 2px solid #bfbfbf;text-align: center;line-height: 25px;margin-top: 5px;}
.detailsCont1 .d1 .d1Cont ul li span i{width: 5px;height: 5px;background: #e21001;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 5px;}
.detailsCont1 .d1 .d1Cont ul li em{display: inline-block;width: 50%;text-align: center;color: #565656}
.detailsCont1 .d2{margin-top: 50px;}
.detailsCont1 .d2 .hd{padding-bottom: 20px;border-bottom: 1px solid #d6d6d6;}
.detailsCont1 .d2 .hd h3{width: 221px;height: 58px;background: url(../images/details1Img1.jpg) 0 0 no-repeat;}
.detailsCont1 .d2 .bd h2{font-size: 20px;text-align: center;padding: 30px 0;}
.detailsCont1 .d2 .bd img{max-width: 100%;display: block;margin: 0 auto;}
.det1Recommend{padding: 30px 0;background: #fff;margin-top: 50px;}
.det1Recommend h3{font-size: 20px;padding: 0 0 20px;border-bottom: 1px solid #d6d6d6;text-align: center;}
.det1Recommend ul{overflow: hidden;width: 1000px;margin: 0 auto;}
.det1Recommend ul li{float: left;margin: 40px 40px 0;}
.det1Recommend ul li a,.det1Recommend ul li a img{display: block;width: 170px;height: 215px;}

/*行业新闻*/
.detailsCont1 .d1 .det2Bd p{line-height: 28px;margin-top: 20px;text-indent: 28px;}
.detailsCont1 .d1 .det2Bd img{display: block;max-width: 100%;margin: 30px auto;}
.det2Recommend{margin-top: 50px;}
.det2Recommend h3{font-size: 20px;color: #323232;padding-top: 10px;border-top: 1px solid #d6d6d6;}
.det2Recommend ul{width: 560px;}
.det2Recommend ul li{overflow: hidden;margin-top: 15px;	}
.det2Recommend ul li a{float: left;color: #323232}
.det2Recommend ul li a:hover{text-decoration: underline;color: #014198}
.det2Recommend ul li a i{width: 10px;height: 13px;display: inline-block;background: url(../images/details2Img3.jpg) 0 0 no-repeat;margin-top: -3px;margin-right: 6px;}
.det2Recommend ul li span{color: #999;float: right;}

/*产品页面*/
.pre3Cont{display: table;width: 100%;}
.pre3Cont > .title{overflow: hidden;background: #fff;padding: 20px;}
.pre3Cont > .title span{float: left;font-size: 24px;}
.pre3Cont > .title em{float: right;width: 218px;height: 33px;background: url(../images/product_2.jpg) 0 0 no-repeat;display: block;}
.pre3Cont .pre3Side{width: 225px;float: left;margin-top: 20px;}
.pre3Cont .pre3Side h3{height: 42px;line-height: 42px;font-size: 16px;font-weight: bold;color: #fff;background: #4b4b4b;text-align: center;}
.pre3Cont .pre3Side a{display: block;height: 42px;line-height: 42px;font-size: 16px;color: #4b4b4b;background: #fff;margin-top: 2px;text-align: center;}
.pre3Cont .pre3Side a:hover{background: #d52222;color: #fff}
.pre3Cont .pre3Bd{margin-top: 20px;}
.pre3Cont .pre3Bd h3{font-size: 20px;font-weight: bold;color: #222;}
.pre3Cont .pre3Bd h3 span{font-size: 12px;}
.pre3Cont .pre3Bd ul{display: table;}
.pre3Cont .pre3Bd ul li{float: left;width: 243px;margin-right: 7px;margin-top: 20px;border: 1px solid #e3e3e3;position: relative;}
.pre3Cont .pre3Bd ul li .hot{display: block;position: absolute;left: 0;top: 0;background: url(../images/product_3.jpg) 0 0 no-repeat;width: 53px;height: 25px;}
.pre3Cont .pre3Bd ul li .new{display: block;position: absolute;left: 0;top: 0;background: url(../images/product_4.jpg) 0 0 no-repeat;width: 53px;height: 25px;}
.pre3Cont .pre3Bd ul li div.imgDiv {width: 100%;height: 180px;background: #fff;border-bottom: 2px solid #e3e3e3;aspect-ratio: 16/9;}
.pre3Cont .pre3Bd ul li div.imgDiv img{width: 100%;height: 100%;object-fit: cover;display: block;margin: 0 auto;}
.pre3Cont .pre3Bd ul li div.imgDiv a{padding: 0;border: none;display: inline;}
.pre3Cont .pre3Bd ul li h4{font-size: 16px;font-weight: bold;padding: 0 10px;padding-top: 15px;background: #fff;}
.pre3Cont .pre3Bd ul li h4 > a{font-weight: bold;}
.pre3Cont .pre3Bd ul li p{font-size: 14px;color: #565656;line-height: 20px;background: #fff;padding: 0 10px;margin-top: 10px;}
.pre3Cont .pre3Bd ul li div{text-align: right;background: #fff;;padding: 10px;}
.pre3Cont .pre3Bd ul li div a{padding: 5px 15px;border: 1px solid #666;display: inline-block;}

.owl-carousel div.imgDiv {width: 100%;background: #fff;border-bottom: 2px solid #e3e3e3;}
.owl-carousel div.imgDiv img{width: 100%;display: block;margin: 0 auto;}
.owl-carousel div.imgDiv a{padding: 0;border: none;display: inline;}
.owl-carousel h4{font-size: 16px;font-weight: bold;padding: 0 10px;padding-top: 15px;background: #fff;}
.owl-carousel h4 > a{font-weight: bold;}
.owl-carousel p{font-size: 14px;color: #565656;line-height: 20px;background: #fff;padding: 0 10px;margin-top: 10px;}
.owl-carousel .link-cont {text-align: right;background: #fff;;padding: 10px;}
.owl-carousel .link-cont a{padding: 5px 15px;border: 1px solid #666;display: inline-block;}



.pre3Cont .pre3Bd ul li div a:hover{background: #4b4b4b;color: #fff}

/*产品详情*/
.prodetCont .d1{display:table;width:100%}
.prodetCont .d1 .d1Left{width: 500px;float: left;}
.prodetCont .d1 .d1Left .prodetSlide{border: 2px solid #e4e4e4;height: 400px;position: relative;}
.prodetCont .d1 .d1Left .prodetSlide .prev{width: 45px;height: 46px;display: block;position: absolute;left: 0;top: 50%;margin-top: -23px;background: url(../images/prodetImg6.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Left .prodetSlide .next{width: 44px;height: 46px;display: block;position: absolute;right: 0;top: 50%;margin-top: -23px;background: url(../images/prodetImg7.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Left .prodetSlide .bd li img{width: 496px;height: 396px;}
.prodetCont .d1 .d1Right{width: 460px;float: right;}
.prodetCont .d1 .d1Right h3{font-size: 22px;font-weight: bold;color: #313131;margin: 20px 0 40px;}
.prodetCont .d1 .d1Right .p1{font-size: 16px;color: #454545;margin-top: 10px;line-height: 1.5;}
.prodetCont .d1 .d1Right .need{border-bottom: 3px solid #d7d7d7;margin-top: 20px;}
.prodetCont .d1 .d1Right .need a{vertical-align: middle;}
.prodetCont .d1 .d1Right .need .a1{width: 152px;height: 54px;background: url(../images/prodetImg1.jpg) 0 0 no-repeat;display: inline-block;}
.prodetCont .d1 .d1Right .need .a2{width: 152px;height: 54px;line-height: 27px;font-weight: bold;font-size: 16px;font-weight: bold;color: #212121;display: inline-block;text-align: center;border: 1px solid #eee;}
.prodetCont .d1 .d1Right .need .a2 i{display: inline-block;margin-right: 6px;margin-top: -3px;vertical-align: middle;width: 25px;height: 25px;background: url(../images/prodetImg2.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Right .need .a3{width: 152px;height: 54px;line-height: 27px;font-size: 16px;color: #545454;display: inline-block;text-align: center;border: 1px solid #eee;}
.prodetCont .d1 .d1Right .need .a3 i{display: inline-block;margin-right: 6px;margin-top: -3px;vertical-align: middle;width: 23px;height: 21px;background: url(../images/prodetImg3.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Right .p2{text-align: center;margin-top: 10px;}
.prodetCont .d1 .d1Right .p2 a{color: #333;margin: 0 5px;}
.prodetCont .d1 .d1Right .p2 a:hover{text-decoration: underline;}
.prodetCont .d1 .d1Right .p2 a .i1{width: 15px;height: 16px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 3px;background: url(../images/prodetImg4.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Right .p2 a .i2{width: 11px;height: 14px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 3px;background: url(../images/prodetImg5.jpg) 0 0 no-repeat;}
.prodetCont .d1 .d1Right .p3{text-align: center;margin-top: 30px;}
.prodetCont .d1 .d1Right .p3 a{display: inline-block;min-width: 300px;height: 56px;line-height: 56px;background:#ea1301;color: #fff;text-align: center;font-size: 18px;white-space: nowrap;padding: 0 10px;}
.prodetCont .d1 .d1Right .p3 a i{width: 42px;height: 34px;display: inline-block;margin-top: -3px;margin-right: 5px;background: url(../images/prodetImg8.jpg) 0 0 no-repeat;vertical-align: middle;}
.prodetCont .d1 .d1Right .p4{font-weight: bold;font-size: 16px;margin-top: 20px;text-align: center;}
.prodetCont .d1 .d1Right .p4 em{font-style: italic;color: #ea1301;font-size: 30px;}
.prodetCont .d2{margin-top: 30px;}
.prodetCont .d2 .prodetSlideTxt .hd ul{display:table;border-bottom: 2px solid #e2e2e2;width: 100%;}
.prodetCont .d2 .prodetSlideTxt .hd ul li{float: left;width: 170px;height: 50px;line-height: 50px;font-size: 16px;color: #333;cursor: pointer;text-align: center;}
.prodetCont .d2 .prodetSlideTxt .hd ul li.on{background: #545454;color: #fff;border-bottom: 2px solid #ea1301;position: relative;bottom: -2px;height: 52px;}
.prodetCont .d2 .prodetSlideTxt .bd ul > img{display: block;max-width: 100%;margin: 20px auto;}
.prodetCont .d3 h3{font-size: 24px;text-align: center;margin-bottom: 30px;}
.prodetCont .d3 ul{width: 1020px;overflow: hidden;}
.prodetCont .d3 ul li{float: left;width: 190px;margin-right: 14px;}
.prodetCont .d3 ul li p{line-height: 28px;}
.prodetCont .d3 ul li a{line-height: 28px;display: block;font-size: 18px;font-weight: bold;width: 100%;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.prodetCont .d3 ul li a img{width: 100%;}
.prodetCont .d3 ul li a:hover{text-decoration: underline;}
.prodetCont .d4{margin-top: 50px;}
.prodetCont .d4 h3{font-size: 24px;text-align: center;margin-bottom: 30px;}
.prodetCont .d4 ul{overflow: hidden;}
.prodetCont .d4 ul li{float: left;margin: 20px 2px 0;}
.prodetCont .d4 ul li a,.prodetCont .d4 ul li a img{display: block;width: 240px;height: 190px;}
/* .prodetCont .d4 ul li a,.prodetCont .d4 ul li a img{display: block;width: 170px;height: 215px;} */

/*产品中心列表页*/
.proListCont .proListSlide .hd ul{display: table;width: 100%;}
.proListCont .proListSlide .hd ul li{float: left;width: 25%;text-align: center;font-size: 16px;color: #333;cursor: pointer;height: 50px;line-height: 50px;border-right: 1px solid #e8e8e8;}
.proListCont .proListSlide .hd ul li:last-child{border-right: 0;}
.proListCont .proListSlide .hd ul li.on{border-bottom: 3px solid #ea1301;}
.proListCont .proListSlide .bd ul li{margin-top: 50px;}
.proListCont .proListSlide .bd ul li > img{display: block;width: 100%;margin: 0 auto;}
.proListCont .proListSlide .bd ul li .cont{overflow: hidden;margin-top: 20px;}
.proListCont .proListSlide .bd ul li .cont .cl{width: 430px;float: left;}
.proListCont .proListSlide .bd ul li .cont .cl h3 a{font-size: 20px;font-weight: bold;}
.proListCont .proListSlide .bd ul li a:hover{text-decoration: underline;}
.proListCont .proListSlide .bd ul li .cont .cl p{margin-top: 10px;}
.proListCont .proListSlide .bd ul li .cont .cr{width: 550px;float: right;}
.proListCont .proListSlide .bd ul li .cont .cr a{line-height: 30px;display: inline-block;width: 32%;font-size: 16px;}
.proListCont .proListSlide .bd ul li .cont .cr p,.proListCont .proListSlide .bd ul li .cont .cr span{font-size: 16px;line-height: 30px;}

/*服务故事*/
.serviceCont .serTitle{background: #fff;padding: 20px;font-size: 24px;}
.serviceCont .d1{margin-top: 50px;}
.serviceCont .d1 ul li{margin-bottom: 15px;overflow: hidden;}
.serviceCont .d1 ul li > img{float: left;width: 327px;height: 183px;}
.serviceCont .d1 ul li:nth-child(odd) .rTxt{background: #eeeeee;}
.serviceCont .d1 ul li:nth-child(even) .rTxt{background: #fff;}
.serviceCont .d1 ul li .rTxt{width: 673px;height: 183px;float: left;padding: 0 20px;}
.serviceCont .d1 ul li .rTxt h3{line-height: 32px;}
.serviceCont .d1 ul li .rTxt h3 a{font-size: 18px;}
.serviceCont .d1 ul li .rTxt h3 span{font-size: 12px;}
.serviceCont .d1 ul li .rTxt p{line-height: 32px;margin-top: 10px;font-size: 14px;text-indent: 28px;}
.serviceCont2 .title h2{font-size: 26px;font-weight: bold;color: #fd7306;padding-top: 50px;}
.serviceCont2 .title p{font-size: 16px;color: #656565;line-height: 24px;margin-top: 20px;}
.serviceCont2 .div1{overflow: hidden;margin-top: 60px;}
.serviceCont2 .div1 > img{float: right;width: 400px;}
.serviceCont2 .div1 .d1Left{width: 560px;float: left;}
.serviceCont2 .div1 .d1Left h3{font-size: 26px;font-weight: bold;color: #fd7306;}
.serviceCont2 .div1 .d1Left p{line-height: 28px;margin-top: 20px;font-size: 16px;color: #656565}
.serviceCont2 .div1 .d1Left p span{display: inline-block;margin-right: 30px;color: #fd7306;}
.serviceCont2 .div2{overflow: hidden;margin-top: 60px;}
.serviceCont2 .div2 .d2Right{width: 560px;float: right;}
.serviceCont2 .div2 img{width: 400px;float: left;}
.serviceCont2 .div2 .d2Right h3{font-size: 26px;font-weight: bold;color: #fd7306;}
.serviceCont2 .div2 .d2Right p{line-height: 28px;margin-top: 20px;font-size: 16px;color: #656565}
.serviceCont2 .div2 .d2Right p span{display: inline-block;margin-right: 30px;color: #fd7306;}
.serviceCont2 .div3{margin-top: 50px;}
.serviceCont2 .div3 > img{width: 100%;}

/*工程业绩*/
.acCont .acTitle{background: #fff;padding: 20px;font-size: 24px;}
.acCont .acBd ul{overflow: hidden;width: 1050px;}
.acCont .acBd ul li{width: 236px;float: left;margin-right: 19px;margin-top: 20px;}
.acCont .acBd ul li .imgBox{background: #fff;width: 100%;height: 148px;text-align: center;}
.acCont .acBd ul li .imgBox img{height: 100%;}
.acCont .acBd ul li .ct{background: #fff;padding: 20px 15px;}
.acCont .acBd ul li .ct a{display: block;font-size: 16px;}
.acCont .acBd ul li .ct a:hover{text-decoration: underline;}
.acCont .acBd ul li .ct p{font-size: 12px;margin-top: 10px;}

/*配件详情*/
.det3{margin-top: 30px;}
.det3 .det3Recom{margin-top: 50px;}
.det3 .det3Recom h3{font-size: 22px;font-weight: bold;padding-top: 30px;border-top: 1px solid #ccc;text-align: center;color: #444}
.det3 .det3Recom ul{width: 1010px;margin-top: 30px;overflow: hidden;}
.det3 .det3Recom ul li{float: left;margin-right: 5px;}
.det3 .det3Recom ul li a img{display: block;width: 245px;height: 215px;}
.det3 .d1 .d1Right .need .a1{background-image: url(../images/det3Ico.jpg);}
.det3 .category{margin-top: 20px;}
.det3 .category p{height: 36px;background: #efefef;margin-top: 5px;padding-top: 7px;}
.det3 .category p span{display: inline-block;border-right: 2px solid #b8b8b8;width: 50%;line-height: 24px;font-weight: bold;padding-left: 15px;}
.det3 .category p span i{width: 6px;height: 6px;display: inline-block;vertical-align: middle;margin-top: -3px;margin-right: 10px;background: #e31102;}
.det3 .category p em{padding-left: 20px;font-weight: bold;}
.det3 .d1 .d1Right .need .a2{font-weight: normal;}

/*联系我们*/
.contactCont .contactTitle{background: #fff;padding: 20px;font-size: 24px;}
.contactCont .d1,.contactCont .d2,.contactCont .d3{    margin: 30px 20px;}
.contactCont .d1 h3,.contactCont .d2 h3,.contactCont .d3 h3{font-size: 20px;color: #bf0000;padding-bottom: 20px;border-bottom: 1px solid #d9d9d9;}
.contactCont .d1 p{line-height: 32px;color: #454545;text-indent: 28px;margin-top: 20px;}
.contactCont .d2 img{display: block;width: 100%;margin-top: 30px;}
.contactCont .d3 ul{overflow: hidden;margin-top: 10px;}
.contactCont .d3 ul li{float: left;width: 25%;padding-left: 15px;min-height: 110px;margin-top: 20px;}
.contactCont .d3 ul li h4{font-size: 16px;font-weight: bold;color: #bf0000;margin-bottom: 6px;}
.contactCont .d3 ul li p{line-height: 28px;color: #232323}

.indexTypes ul li .title .i2{position: absolute;width: 30px;height: 30px;background: url(../images/tlPlus.png) 0 0 no-repeat;bottom: 35px;right: 130px;}
.indexTypes ul li.current .title .i2{right: 30px;background: url(../images/tlMinus.png) 0 0 no-repeat;}

.form-result {
	display: none;
	padding: 24px 0;
	text-align: center;
}
.uppercase-5 {
	font-size: 20px;
}
.uppercase-3, .uppercase-4, .uppercase-5 {
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 24px;
}
.mb-8 {
	margin-bottom: 8px;
}
.uppercase-1, .uppercase-2 {
	line-height: 16px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: 700;
	letter-spacing: .02em;
}
.input-label {
	display: block;
	margin-bottom: 8px;
}
.input-text {
	font-family: Jost,sans-serif;
	padding: 18px 16px;
	background: #F0F0F2;
	border: 1px solid #F0F0F2;
	border-radius: 16px;
	font-size: 14px;
	line-height: 22px;
	color: #1E1E1E;
	width: 100%;
	margin-bottom: 16px;
	-webkit-transition: .3s all;
	-moz-transition: .3s all;
	-ms-transition: .3s all;
	-o-transition: .3s all;
	transition: .3s all;
}
.input-text.input-error {
	color: #EB4444;
	border: 1px solid #EB4444;
}
.error-text {
	color: #EB4444;
	margin: -8px 0 16px;
	display: none;
}
.input-error+.error-text {
	display: block;
}

#question-form {
	padding: 20px;
}

.phone-email > div {
	display: inline-block;
	width: calc(50% - 20px);
}

.button {
	display: inline-block;
	background: #1E1E1E;
	padding: 19px 40px;
	font-weight: 700;
	font-size: 14px;
	line-height: 24px;
	text-align: center;
	letter-spacing: .02em;
	text-transform: uppercase;
	color: #FFF;
	cursor: pointer;
	border: 1px solid #1E1E1E;
	-ms-transition: .3s all;
	transition: .3s all;
}

form .button {
	width: 100%;
	margin-top: 8px;
}

@media (min-width: 576px) {
	.button--high-up-to-576 {
		padding-top: 20px;
		padding-bottom: 20px;
	}
}

.mb-40 {
	margin-bottom: 40px;
}

.owl-carousel-main,
.owl-carousel-main .owl-stage-outer,
.owl-carousel-main .owl-stage {
	height: 400px;
}
.owl-carousel-main .owl-nav {
	position: absolute;
	top: 50%;
	margin-top: -27px!important;
	width: 100%;
}
.owl-carousel-main .owl-nav button.owl-prev,
.owl-carousel-main .owl-nav button.owl-next {
	position: absolute;
	font-size: 50px!important;
}
.owl-carousel-main .owl-nav .owl-prev span,
.owl-carousel-main .owl-nav .owl-next span {
	display: block;
	padding-bottom: 7px;
}
.owl-carousel-main .owl-nav button.owl-prev {
	left: 0;
}
.owl-carousel-main .owl-nav button.owl-next {
	right: 0;
}
.owl-carousel-main .owl-dots {
	margin-top: 20px;
}
.owl-carousel-main .owl-item {
	text-align: center;
}
.owl-carousel-main .owl-item img {
	display: block;
	width: auto;
	max-width: 100%;
	height: 400px;
	object-fit: contain;
	object-position: center;
	margin: 0 auto;
}

/* Одиночное изображение без карусели (страницы с одной фотографией) */
.prodetCont .d1 .d1Left > img {
    display: block;
    width: auto;
    max-width: 100%;
    height: 400px;
    object-fit: contain;
    object-position: center;
    margin: 0 auto;
}

.owl-carousel-main .owl-item video{
	display: inline;
	width: auto;
	max-width: 100%;
	height: 400px;
}

#owl-carousel-main-thumb .owl-item {
	text-align: center;
	box-sizing: border-box;
	border: 2px solid transparent;
}
#owl-carousel-main-thumb .owl-item.current {
	border: 2px solid #3aa5c8;
}
#owl-carousel-main-thumb .owl-item img {
	width: auto;
	max-width: 100%;
	height: 92px;
	margin: 0 auto;
}
#owl-carousel-main-thumb,
#owl-carousel-main-thumb .owl-stage-outer,
#owl-carousel-main-thumb .owl-stage {
	height: 96px;
}

/* Мобильная адаптация карусели товара */
@media (max-width: 767px) {
	/* Фикс: на некоторых карточках (URB и др.) .prodetCont .d1 задан как table и расширяется до ширины owl-stage.
	   На мобиле принудительно переводим в блочный поток, чтобы не раздувать ширину страницы. */
	.prodetCont .d1 {
		display: block !important;
		width: 100% !important;
	}

	/* Фикс: Owl иногда проставляет inline-width на .owl-carousel, из-за чего контейнер становится очень широким.
	   На мобиле жёстко ограничиваем ширину карусели шириной контейнера. */
	#owl-carousel-main,
	#owl-carousel-main .owl-stage-outer,
	.owl-carousel-main {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.owl-carousel-main,
	.owl-carousel-main .owl-stage-outer,
	.owl-carousel-main .owl-stage {
		height: 300px !important;
	}
	
	.owl-carousel-main .owl-item img {
		height: 300px !important;
		max-width: 100% !important;
		width: 100% !important;
		object-fit: contain !important;
	}
	
	.prodetCont .d1 .d1Left > img {
		height: 300px !important;
		max-width: 100% !important;
		width: 100% !important;
		object-fit: contain !important;
	}
	
	.owl-carousel-main .owl-item video {
		height: 300px !important;
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.owl-carousel-main .owl-nav button.owl-prev,
	.owl-carousel-main .owl-nav button.owl-next {
		font-size: 30px !important;
		padding: 5px 10px !important;
	}
	
	.owl-carousel-main .owl-nav button.owl-prev {
		left: 5px !important;
	}
	
	.owl-carousel-main .owl-nav button.owl-next {
		right: 5px !important;
	}
	
	#owl-carousel-main-thumb,
	#owl-carousel-main-thumb .owl-stage-outer,
	#owl-carousel-main-thumb .owl-stage {
		height: 80px !important;
	}
	
	#owl-carousel-main-thumb .owl-item img {
		height: 76px !important;
		max-width: 100% !important;
	}
	
	/* .d1 уже переведён в block выше */
	
	.prodetCont .d1 .d1Left {
		width: 100% !important;
		float: none !important;
		margin-bottom: 20px;
	}
	
	.prodetCont .d1 .d1Right {
		width: 100% !important;
		float: none !important;
	}
}

.owl-carousel-others .owl-nav {
	position: absolute;
	top: 35%;
	transform: translateY(-50%);
	width: 100%;
}
.owl-carousel-others .owl-nav button.owl-prev,
.owl-carousel-others .owl-nav button.owl-next {
	position: absolute;
	font-size: 50px;
}
.owl-carousel-others .owl-nav button.owl-prev {
	left: -80px;
}
.owl-carousel-others .owl-nav button.owl-next {
	right: -80px;
}

/* Обеспечиваем относительное позиционирование для корректной работы навигации */
.owl-carousel-others {
	position: relative;
}

/* Навигация для слайдера "Бурение на воду" аналогична пневмоударному */
.owl-carousel-videos-water {
	position: relative;
}
.owl-carousel-videos-water .owl-nav {
	position: absolute;
	top: 35%;
	transform: translateY(-50%);
	width: 100%;
}
.owl-carousel-videos-water .owl-nav button.owl-prev,
.owl-carousel-videos-water .owl-nav button.owl-next {
	position: absolute;
	font-size: 50px;
}
.owl-carousel-videos-water .owl-nav button.owl-prev {
	left: -80px;
}
.owl-carousel-videos-water .owl-nav button.owl-next {
	right: -80px;
}

/* Дополнительная адаптивность для средних экранов */
@media (max-width: 1300px) {
	.prodetCont .d1 .d1Left {
		width: 460px; /* Уменьшаем с 500px до 460px */
	}
	
	.prodetCont .d1 .d1Right {
		width: 420px; /* Уменьшаем с 460px до 420px */
	}
	
	.prodetCont .d1 .d1Right h3 {
		font-size: 18px; /* Уменьшаем заголовок с 22px до 18px */
		margin: 15px 0 30px; /* Уменьшаем отступы */
	}
	
	.prodetCont .d1 .d1Right .p1 {
		font-size: 14px; /* Уменьшаем текст с 16px до 14px */
		line-height: 1.4;
	}
	
	.prodetCont .d1 .d1Right .p3 a {
		font-size: 16px; /* Уменьшаем кнопку с 18px до 16px */
		min-width: 280px; /* Уменьшаем ширину кнопки */
		padding: 0 8px;
	}
	
	/* Адаптируем изображения под новый размер блока */
	.owl-carousel-main,
	.owl-carousel-main .owl-stage-outer,
	.owl-carousel-main .owl-stage {
		height: 360px; /* Уменьшаем с 400px до 360px */
	}
	
	.owl-carousel-main .owl-item img {
		height: 360px; /* Соответственно уменьшаем изображения */
		width: auto;
		object-fit: contain;
		object-position: center;
		margin: 0 auto;
	}

	/* Одиночное изображение без карусели */
	.prodetCont .d1 .d1Left > img {
		height: 360px;
	}
	
	#owl-carousel-main-thumb,
	#owl-carousel-main-thumb .owl-stage-outer,
	#owl-carousel-main-thumb .owl-stage {
		height: 80px; /* Уменьшаем миниатюры */
	}
	
	#owl-carousel-main-thumb .owl-item img {
		height: 76px;
	}
}

@media (max-width: 1200px) {
	.wraper {
		gap: 30px; /* Уменьшаем отступ на средних экранах */
	}
}

@media (max-width: 1100px) {
	.prodetCont .d1 .d1Left {
		width: 420px; /* Еще больше уменьшаем */
	}
	
	.prodetCont .d1 .d1Right {
		width: 380px;
	}
	
	.prodetCont .d1 .d1Right h3 {
		font-size: 16px; /* Еще меньше заголовок */
		margin: 10px 0 20px;
	}
	
	.prodetCont .d1 .d1Right .p1 {
		font-size: 13px; /* Еще меньше текст */
	}
	
	/* Дополнительно уменьшаем изображения */
	.owl-carousel-main,
	.owl-carousel-main .owl-stage-outer,
	.owl-carousel-main .owl-stage {
		height: 320px;
	}
	
	.owl-carousel-main .owl-item img {
		height: 320px;
		width: auto;
		object-fit: contain;
		object-position: center;
		margin: 0 auto;
	}

	/* Одиночное изображение без карусели */
	.prodetCont .d1 .d1Left > img {
		height: 320px;
	}
}

@media (max-width: 992px) {
	.wraper {
		gap: 20px; /* Еще больше уменьшаем отступ */
	}
}

@media (max-width: 767px) {

	.header .inner .txt span {
		font-size: 14px;
	}

	.header .inner h3 {
		font-size: 14px;
	}

	.wraper {
			padding-top: 180px !important;
			padding-left: 16px;
			padding-right: 16px;
			box-sizing: border-box;
			flex-direction: column;
			gap: 15px;
		}

	/* Header: мобильная адаптация */
	.header{height: auto; overflow: hidden; max-width: 100vw; box-sizing: border-box; padding-bottom: 6px; padding-top: 6px;}
	.header .inner{height: auto; padding: 6px 12px; display: grid; grid-template-columns: 1fr auto; grid-template-areas: "logo menu" "tagline menu" "contacts contacts"; align-items: center; position: relative; gap: 2px 0; max-width: 100%; overflow: hidden; box-sizing: border-box;}
	.header .inner > a{grid-area: logo; display: block; max-width: calc(100vw - 80px); overflow: hidden;}
	.header .inner > a img{height: 36px; width: auto; max-width: 100%;}
	.header .inner h3{grid-area: tagline; margin: 0; font-size: 11px; word-break: break-word; max-width: 100%; line-height: 1.2;}
	.header .inner .navBox{grid-area: menu; position: relative; flex-shrink: 0;}
	.header .inner .txt{grid-area: contacts; position: static !important; text-align: left; padding: 2px 0 0 0 !important; padding-right: 0 !important; width: 100% !important; max-width: 100% !important; overflow: hidden; box-sizing: border-box; display: block !important; margin-top: 2px !important;}
	.header .inner .txt span{display: block !important; width: 100% !important; max-width: 100% !important; font-size: 11px !important; line-height: 1.3 !important; word-break: break-word !important; overflow-wrap: break-word !important;}
	.header .inner .txt img{height: 18px !important; width: auto !important; vertical-align: middle !important; margin-right: 4px; max-width: 18px !important;}
	.header .inner .txt a{display: inline !important; white-space: normal !important; font-size: 11px !important; word-break: break-all !important; overflow-wrap: break-word !important; max-width: 100%;}
	.header .inner .txt br{display: block; content: ""; margin: 0.5px 0;}
	
	.sidebar {
		display: none; /* Скрываем десктопный sidebar на мобильных */
	}
	
	/* Контейнерные отступы на мобилке — чтобы контент не прилипал к краям */
	.main-content{
		width: 100%;
		min-width: 0;
	}
	.main-content *{
		overflow-wrap: anywhere;
	}

	/* Универсальная адаптация контента на мобилке (чтобы ничего не вылезало за экран) */
	.main-content img,
	.main-content video,
	.main-content iframe,
	.main-content embed,
	.main-content object{
		max-width: 100%;
		height: auto;
	}
	.main-content iframe{
		width: 100%;
	}
	.main-content pre{
		max-width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	/* Модальные окна: на мобилке скроллим внутри, а не раздуваем страницу */
	.modalContainer{
		align-items: flex-start;
		padding: 12px;
		box-sizing: border-box;
	}
	#modalContent{
		width: 100%;
		max-width: 100%;
		max-height: calc(100vh - 24px);
		overflow: auto;
		border-radius: 12px;
	}
	.closeModal{
		top: 8px;
		right: 8px;
		line-height: 1;
		padding: 6px;
	}
	.modal-media{
		gap: 10px;
	}
	.modal-image,
	.modal-video{
		width: calc(50% - 10px);
		max-width: 100%;
	}
	.address{
		padding: 14px 12px 10px;
		margin-top: 8px;
		margin-bottom: 12px;
	}

	/* Таблицы: на мобильных скроллим внутри контейнера, не раздувая страницу */
	.table-cont{
		width: 100%;
		max-width: 100%;
		overflow-x: auto;
		overflow-y: hidden;
		-webkit-overflow-scrolling: touch;
	}
	.table-cont table{
		min-width: 680px;
		width: max-content;
		max-width: none;
		font-size: 12px;
	}
	.table-cont th,
	.table-cont td{
		padding: 8px 10px;
		white-space: nowrap;
	}

	.contactCont .d3 ul li {
		width: 50%;
	}

	.prodetCont .d1 .d1Left {
		width: 100%;
		float: none;
	}

	.prodetCont .d1 .d1Left img {
		width: auto;
	}

	.prodetCont .d1 .d1Right {
		width: 100%;
		float: none;
		padding: 12px 0 0;
	}

	/* На мобилке фиксируем высоты карусели, чтобы не было пустых областей/обрезаний */
	.owl-carousel-main,
	.owl-carousel-main .owl-stage-outer,
	.owl-carousel-main .owl-stage,
	.prodetCont .d1 .d1Left .owl-carousel-main .owl-item img {
		height: 300px !important;
	}

	.prodetCont .d1 .d1Left .owl-carousel-main .owl-item img {
		width: 100% !important;
		max-width: 100%;
		margin: 0 auto;
		object-fit: contain;
		object-position: center;
	}

	/*
	 * Миниатюры под каруселью на мобилке:
	 * Owl иногда вычисляет огромные ширины (item ~1500px), из-за чего миниатюры "уезжают" и остается пустой блок.
	 * На мобильных оставляем только главный слайдер (свайп/стрелки), а миниатюры скрываем.
	 */
	#owl-carousel-main-thumb{
		display: none !important;
		margin-top: 0 !important;
	}

	#owl-carousel-main-thumb, #owl-carousel-main-thumb .owl-stage-outer, #owl-carousel-main-thumb .owl-stage {
		height: 80px !important;
	}
	#owl-carousel-main-thumb .owl-item img {
		height: 76px !important;
	}

    /* Мобильный стиль промо‑баннера URB160 (используется в новостном мобильном виджете) */
    .promo-banner-urb160{
        display: block;
        background: linear-gradient(180deg, #ffffff 0%, #fff7f7 100%);
        border: 1px solid #ececec;
        border-left: 6px solid #e21001;
        border-radius: 12px;
        padding: 14px;
        text-align: center;
        margin: 10px 0 20px;
    }
    .promo-banner-urb160__media img{ height: 140px; width: auto; max-width: 100%; object-fit: contain; margin: 0 auto 8px; display: block; }
    .promo-banner-urb160__title{ font-size: 18px; font-weight: 800; }
    .promo-banner-urb160__subtitle{ font-size: 15px; font-weight: 700; color:#e21001; margin-top: 4px; }
    .promo-banner-urb160__cta{ display:inline-block; margin-top:10px; padding:8px 12px; background:#e21001; color:#fff; border-radius:999px; font-weight:700; font-size:13px; }
}

@media (max-width: 500px) {
    .pre3Cont .pre3Bd ul li div.imgDiv {
        height: 140px; /* фиксированная высота превью на очень узких экранах */
    }

    .pre3Cont .pre3Bd ul li {
        width: 100%;
        margin-right: 0;
    }
}

/* Мобильная адаптация: раздел "Буровые компрессоры" (и любые списки с .pre3Cont) */
@media (max-width: 767px) {
    /* table-лейаут раздувает блок шире контейнера на мобилке */
    .pre3Cont { display: block; width: 100%; max-width: 100%; }
    .pre3Cont > .title { padding: 14px; }
    .pre3Cont .pre3Bd { margin-top: 12px; }
    .pre3Cont .pre3Bd ul { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; width: 100%; }
    .pre3Cont .pre3Bd ul li { float: none !important; width: auto; margin: 0; border: 1px solid #f0f0f0; border-radius: 10px; overflow: hidden; background:#fff; }
    .pre3Cont .pre3Bd ul li div.imgDiv { height: 140px; border-bottom: none; position: relative; }
    .pre3Cont .pre3Bd ul li div.imgDiv a { display:block; height:100%; }
    .pre3Cont .pre3Bd ul li div.imgDiv img { position:absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover; }
    .pre3Cont .pre3Bd ul li h4 { font-size: 14px; padding: 10px; margin: 0; }
    .pre3Cont .pre3Bd ul li p { font-size: 12px; padding: 0 10px 10px; margin-top: 4px; color: #666; }
    .pre3Cont .pre3Bd ul li .link-cont, .pre3Cont .pre3Bd ul li div { text-align: left; padding: 0 10px 12px; background: #fff; }
    .pre3Cont .pre3Bd ul li .link-cont a, .pre3Cont .pre3Bd ul li div a { padding: 6px 10px; font-size: 12px; border-radius: 6px; }

    /* мобильный виджет новостей — строго в ширину контейнера */
    .news-mobile-widget { max-width: 100%; overflow: hidden; }
}

@media (max-width: 480px) {
    .pre3Cont .pre3Bd ul { grid-template-columns: 1fr; }
    .pre3Cont .pre3Bd ul li div.imgDiv { height: 160px; }
}

/* Модульные установки: на мобильных превью без обрезки (contain) */
@media (max-width: 767px) {
    .pre3Cont--modular .pre3Bd ul li div.imgDiv img { object-fit: contain; background: #fff; }
}

.text-center{
	text-align: center;
}

.clearfix img {
	width: 13%;
}

.txt img {
	width: auto;
}
/*.header .inner {
	display: grid;
}*/

.navBox {
    margin-top: 15px;
}

/*.header .inner {
    padding: 20px 20px;
}*/

@media (max-width: 500px) {
	/* Не даем общему правилу .clearfix img ломать шапку */
	.header .inner img{width: auto !important; position: static !important;}
	.clearfix img { width: 100%; position: static; }

	.txt img { width: auto; position: relative; }

	.clearfix h3 { margin-top: 20px; }

	.txt span { margin-top: 10px; }
	.header .inner .txt { top: 0; }
}

@media (max-width: 1499px) {
	.header .inner h3 {
    font-size: 16px;
    font-weight: bold;
}
}