@font-face {
    font-family: AlibabaSans-Black;
    src: url(/2024v1/fonts/AlibabaSans-Black.ttf)
}
@font-face {
    font-family: AlibabaSans-Bold;
    src: url(/2024v1/fonts/AlibabaSans-Bold.ttf)
}
@font-face {
    font-family: AlibabaSans-Heavy;
    src: url(/2024v1/fonts/AlibabaSans-Heavy.ttf)
}
@font-face {
    font-family: AlibabaSans-Light;
    src: url(/2024v1/fonts/AlibabaSans-Light.ttf)
}
@font-face {
    font-family: AlibabaSans-Medium;
    src: url(/2024v1/fonts/AlibabaSans-Medium.ttf)
}
@font-face {
    font-family: AlibabaSans-Regular;
    src: url(/2024v1/fonts/AlibabaSans-Regular.ttf)
}
 
/*@media screen and (min-width: 576px){html{font-size: 10px}}
@media screen and (min-width: 768px){html{font-size: 14px}}
@media screen and (min-width: 992px){html{font-size: 16px}}
 
@media screen and (min-width: 1920px){html{font-size: 10px}}*/
 html{font-size: 10px}
* {
	border: none;
	font-family: AlibabaSans-Regular;
	color:#000000;
	line-height: 1.5em;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
	-webkit-user-select:auto; 
}
body{
	margin: 0 auto;
	max-width: 1920px ;
	/*background: url(/2024v1/images/sbm-Bentonite.jpg) center top no-repeat;*/
	background-size:1920px auto;
	}
h1,h2,h3,h4,h5,.navbar-nav li a{
	font-family: AlibabaSans-Medium;
 
	}
img{
	}
a {
	text-decoration: none;
	color: #999999;
}

.nav-absolute{
	padding-left:12px;
	padding-right:12px;
}
	

.navbar-nav{
	margin-left: auto;
	padding-top: 1.9rem;
	
	 }
.navbar-nav li{
	margin-left:0.6rem;
	margin-right:.6rem;
	
}

.navbar-nav li a{
	 color:#999999; 
	font-size:1.6rem;
	line-height:3rem; 
}
.navbar-nav li.active a{
	color:#000000;}
.navbar-expand-md .navbar-nav .nav-link{
	padding-bottom:0;}
.navbar-nav li:not(:last-child):hover:after,.navbar-nav li:not(:last-child).active:after{
	content: '';
    width: 2.2rem;
	margin-left: auto; /* 自动计算左侧外边距 */
    margin-right: auto; /* 自动计算右侧外边距 */
    text-align: center; /* 文本居中对齐 */
    height: 0.3rem;
    background-color: #333;
    display: block;
 
	}
 .navbar-nav li:last-child{
	 margin-left:0rem;
	 margin-right:0;
	 padding-right:1.5rem;
	 }
 

/* 移动导航部分分*/ 
 
.nav-absolute .logo{
	padding-top:2.4rem;
	}
.logo img{
	width:8.88rem;
	height:auto;
	}
 
.header-contact {
    background: url(/2024v1/images/tel.png) left center no-repeat;
	background-size:contain;
	padding-left: 4.3rem;
}
 
.header-contact > p:first-child {
    font-size: 1.2rem;
    color: #bbb;
}
.header-contact > p {
 	letter-spacing: 0rem;
    color: #999999;
    font-size: 1.2rem;
    margin-bottom: 0;
}
.header-contact > p:hover{
    color: black;
}
/* common banner*/
.banner{
	 
	margin-top:2.4rem;
	 
}
.contact-banner_in{
	padding:5rem 12px;
}

.banner p,.banner h2,.banner,.contact-banner .col_5{
	color:#ffffff;
}
.banner h2{
	padding-left:0.5rem;
	font-size:3.6rem;
	letter-spacing:-0.15rem;
	text-transform:uppercase;
}
.banner p{
	margin-top:1rem;
	font-size:2.4rem;
	letter-spacing:-0.12rem;
}
.contact-banner{
	background: url(/2024v1/images/banner/contact-banner.jpg) center no-repeat;
}
.contact-banner.materials_banner{
	background: url(/2024v1/images/banner/material-1.jpg) center no-repeat;
}
.quote{
	padding:2.5rem 0.1rem 0.1rem 0.1rem;
}
.quote .col_7{padding:0.1rem 0.6rem .1rem 7.6rem;}
.quote .col_7 h3{
	padding-right:3.9rem;
	font-family: AlibabaSans-Medium;
	font-size:4.8rem;
	color:#333333;
	text-align:center;
	letter-spacing:-0.25rem;
}
.quote .col_7 p{
	font-size:1.6rem;
	color:#666666;
	margin-top:1.3rem;
	letter-spacing:-0.05rem;
	padding-left:0.1rem;
} 
.quote .col_5{
	padding:1.4rem 7.7rem .1rem 2.1rem;
	 }
.quote .col_5 .comp{
	background-color:#2262b8;
	color:#FFF;
	padding:1.1rem 1rem 1rem 1.5rem;
	 
	}
.quote .col_5 .comp p{
	padding-left: 4.7rem;
	margin-bottom:0rem;
	line-height:3.6rem;
	 
	}
.quote .col_5 .comp p:nth-child(4),.quote .col_5 .comp p:nth-child(6),.quote .col_5 .comp p:nth-child(8),.quote .col_5 .comp p:nth-child(10){
	margin-top:2.5rem;
}
.quote .col_5 .comp p:nth-child(2){
	background: url(/2024v1/images/contact/whatsapp.png) left bottom no-repeat;
	
	
}
.quote .col_5 .comp p:nth-child(6){
	background: url(/2024v1/images/contact/sbm-contact-us_09.png) left bottom no-repeat;
}
.quote .col_5 .comp p:nth-child(8){
	background: url(/2024v1/images/contact/sbm-contact-us_14.png) left bottom no-repeat;
}
.quote .col_5 .comp p:nth-child(4){
	background: url(/2024v1/images/contact/sbm-contact-us_18.png) left bottom no-repeat;
}
.quote .col_5 .comp p:nth-child(10){
	/*background: url(/2024v1/images/contact/sbm-contact-us_12.png) left bottom no-repeat;*/
}

.quote .col_5 h3{
	font-size:4.8rem;
	font-family: AlibabaSans-Medium;
	text-align:center;
	margin-bottom:2.2rem;
	}
.quote .col_5 p,.quote .col_5 p a{
	font-size:2.4rem;
	color:#FFF;
	}
	
/*office*/
.office{
	padding:0.1rem 6.4rem 0.1rem 6.4rem;
}
.office .col-lg-4{
	padding: 1.5rem;
}
.office .address_item{
	padding:1.1rem 1.4rem 0.1rem 1.4rem;
	background-color:#f9f9f9;
	height:32rem;
	transition: background .6s ease;
}
.office .address_item:hover{
	background-color:#d8d5d5;
	transition: background .6s ease;
}
.office .more_address .col-lg-4:nth-child(1) .address_item{height:45rem;}
.office .more_address .col-lg-4:nth-child(2) .address_item{height:45rem;}
.office .more_address .col-lg-4:nth-child(3) .address_item{height:45rem;}

.office .address_item .tel{
	background: url(/2024v1/images/contact/sbm-contact-us_21.png) 0.6rem 0.8rem no-repeat;
}
.office .address_item .man{
	background: url(/2024v1/images/contact/sbm-contact-us_24.png) 0.6rem 0.8rem no-repeat;
}
.office .address_item .email{
	background: url(/2024v1/images/contact/sbm-contact-us_30.png) 0.6rem 0.8rem no-repeat;
}
.office .address_item .address{
	background: url(/2024v1/images/contact/sbm-contact-us_32.png) 0.6rem 0.8rem no-repeat;
}
.office .address_item .fax{
	background: url(/2024v1/images/contact/sbm-contact-us_26.png) 0.6rem 0.8rem no-repeat;
}

.office h4{
	font-size:2.4rem;
	font-family:AlibabaSans-Medium;
	letter-spacing:-0.1rem;
	color:#333333;
	margin-bottom:1.2rem;
}
.office .address_item p{
	padding-left:3.5rem;
	font-size:1.6rem;
	color:#666666;
	letter-spacing:-0.08rem;
	line-height:3.2rem;
	margin-bottom: 0rem;
}
.office .hidde{
	display:none;
}
.office div.lessAddress, .office div.show {
	text-align:center;
	padding:6rem 1rem;

}
.office button.lessAddress ,.office button.moreAddress{
	padding:0.8rem 3.1rem;
	background-color:#FFF;
	color:#ff9c0e;
	font-size:1.6rem;
	text-transform:uppercase;
}
.office button.lessAddress:hover ,.office button.moreAddress:hover{
	background-color:#ff9c0e;
	color:#fff;
}


.footer_content-in {    padding: 5.1rem 12px 0.1rem 12px;}
.footer_copyright_in {    padding: 0.1rem 12px 0.1rem 12px;}
.footer_copyright_in>p a {
	color: #fff;
	padding: 0 20px;
}

.footer_content{
	background-color:#3f3f3f;
	}
.footer_content ul{
	padding-left:0rem;}
.footer_content ul li{
	line-height:3.5rem;
}
.footer_content-in .col-lg-9{
	padding-left:2.7rem;
}
.footer_content h2{
	font-family: AlibabaSans-Regular;
	color: #fff;
    font-size: 2rem;
	margin-bottom: 2rem;
	}
.footer_content a {
    color: #6e6e6e;
    font-size: 1.6rem;
}
.footer_content a:hover {
    color: #fff;
}
.footer_content .more a {
    color: #fff;
}
.footer_content .more a:hover {
    color: #ff9c0e;
}
.footer_copyright{
	 
	background-color:#303030;}
.footer_copyright_in >p {
    font-size: 1.6rem;
    color: #fff;
	text-align:center;
    padding: 2.0rem 0rem;
	margin-bottom:0rem;
}



/* page about*/ 

.about_contact-banner{
	background: url(/2024v1/images/banner/about-banner.jpg) center no-repeat;
	margin-bottom:3rem;
} 
.nav-justified>li { 
    width: 33% !important;
}
/* page case*/ 

.case_banner{
	background: url(/2024v1/images/banner/cases-banner.jpg) center no-repeat;
	 
}
.case_banner p{
	    font-size: 1.8rem;
    letter-spacing: 0rem;
}
.breadcrumb.container{
	padding:1.8rem 12px 2.0rem 12px;
 
}
.breadcrumb li {
    font-size: 1.8rem;
}
.breadcrumb li a{
	font-size: 1.8rem;
	color: #666666;
}
.breadcrumb>.active {
    color: #333333;
}
.breadcrumb>li+li:before {
    padding: 0 1.0rem;
    color: #666666;
    content: ">";
}

.case_list{
	padding-left: 12px;
    padding-right: 12px;
}


.case_list ul li:not(:last-child){
	padding-right:1.3rem; 
	margin-bottom: 3rem;
 
}
.case_list ul li a{
	padding:1rem 1.5rem;
	background-color: #F2F2F2;
	font-size:1.8rem;
	color:#333;
}
.case_list ul li a:hover{
    background-color: #075CCB;
    color: #fff;
}

.case_list ul li.active>a {
    background-color: #075CCB;
    color: #fff;
}
.case_list .case_item {
	padding:1rem 1.5rem;
}
.case_list .case_item .know_more{
	transition: all .6s ease;
 	padding:0.6rem 1.1rem .1rem 1.2rem;
	 
}
/*.case_list .case_item .know_more:hover{
	background-color:#2262b8;
	transition: all .6s ease;
}
.case_list .case_item .case_item_in:hover .know_more{
	background-color:#2262b8;}
.case_list .case_item .case_item_in:hover h2 a{
	color:#fff;
	
}*/
.case_list .case_item .know_more  {
	font-size:1.6rem;
	}
.case_list .case_item .know_more  span {
	display:inline-block;
	}
.case_list .case_item .know_more  span:last-child {
	margin-bottom:2rem;
	}
	
	
.case_list .case_item .know_more ul{padding-left:0rem;}
.case_list .case_item .know_more ul li{
	display:inline-block;
	padding:0.2rem 1rem;
	font-size:1.6rem;
	border-radius: 5px;
	border: solid 1px #db4e44;
	color: #db4e44;
	margin:0 1.6rem 1rem 0;
	line-height: 2.4rem;
	}
.case_list .case_item .know_more ul li:nth-child(2){
	border: solid 1px #29850d;
	color: #29850d;
	 
	}
.case_list .case_item .know_more ul li:nth-child(3){
	border: solid 1px #ff9c0e;
	color: #ff9c0e;
	}


.case_list .case_item .case_item_in:hover a:nth-child(3){
	background-color:#2262b8;}
	
	
.case_list .case_item .case_item_in .pic-x{
	overflow:hidden;
	 
}
.case_list .case_item .case_item_in .pic-x img{
	transition: transform .6s ease;
	object-fit: cover;
    width: 100%;
}
.case_list .case_item .case_item_in .pic-x img:hover{
	transition: transform .6s ease;
	transform:scale(1.2);
}
/*文字不足两行高度凑，超过两行代码控制省略*/
.case_list .case_item .know_more h2 a{
	 color:#333;
	 font-size:1.6rem;
	 height:5.1rem;
	 text-overflow: -o-ellipsis-lastline;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.case_item_in{
	height: 100%;
	background-color:#f6f6f6;
	}
.case_list .case_item .know_more a:not(:first-child){
	padding: 0.6rem 1rem ;
	background-color:#ff9c0e;
	 color:#333;
	 font-size:1.4rem;
	 width:16rem;
	 display:inline-block;
	 text-align:center;
	 margin-top:1.2rem;
	 border-radius: 5px;
	 
}
.case_list .case_item .know_more a:nth-child(2){
	margin-right:1rem;
	 color:#fff;
}
.case_list .case_item .know_more a:nth-child(3){
	border: solid 1px #ff9c0e;
	background-color:#f6f6f6;
	color:#ff9c0e;
 
}
.tablistbut{
	margin-top:3.5rem;
	margin-bottom:2.5rem;
	text-align:center;
	}
.tablistbut a{
	margin:0;
	padding:0.8rem 1.3rem  ;
	border:solid 1px #dddddd;
	display:inline-block;
	font-size:1.3rem;
	color:#2262b8;
	}
.tablistbut a:nth-child(n+2){
	border-left-style:none;
	}
.tablistbut a:first-child{
	 border-radius: 5px 0 0 5px;
	
	}
.tablistbut a:last-child{
	  border-radius: 0 5px 5px 0;
	}
/*banner line*/
.borderline{
	border-bottom:1px solid #e7e7e7;
	height:2.5rem; 
}
 
.breadcrumb.container.pro_breadcrumb{
	text-transform:uppercase;
	padding:0.8rem 12px 1.0rem 12px;
	letter-spacing:-0.12rem;
	}
 
.pro_introduction .col-lg-6 .pro_titlepic img{
	width: 93.5%; 
	aspect-ratio:1.27;
	object-fit: cover;
	
	}
.pro_introduction .col-lg-6:nth-child(2){
	margin-left:-2.8rem;
	width: calc(50% + 2.8rem);
	 
}
.pro_introduction {
	padding:0.1rem 12px;
}
.pro_introduction .title{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pro_introduction .title img{
    width: 3rem;
    border-radius: 50%;
}
.pro_introduction h1{
	font-family: AlibabaSans-Medium;
	font-size:2.4rem;
	color:#333333;
	line-height:1.5rem;
	letter-spacing:-0.12rem;
	}
.pro_introduction h1:after{
	 content: '';
    width: 11rem;
	margin-top:2.2rem;
    height: 0.5rem;
    background-color: #0470bc;
    display: block;
	}
	
.pro_introduction .col-lg-6 p{
	margin-top:1.4rem;
	font-size:1.6rem;
	color:#999999;
	line-height:2.2rem;
}
.pro_introduction .col-lg-6	 .pro_label ul{padding-left:0rem;}
.pro_introduction .col-lg-6	 .pro_label ul li{
	font-size:1.8rem;
	line-height:2.6rem;
	color:#333333;
} 
.pro_introduction .col-lg-6	 .pro_label ul li:before{
	content: '';
	display:inline-block;
	    border-radius: 100%;
	width: .75rem;
    height: .75rem;
	background-color: #333333;
	margin-right:1.4rem;
	}
.pro_introduction .col-lg-6 .pro_label ul li:nth-child(2):before{height: .7rem;
}
.pro_introduction .col-lg-6 .chat_bottom{
	position: relative; /* 绝对定位 */
	margin-top:4rem;
  bottom: 0;
}
.pro_introduction .chat_bottom .pro_honorimg{text-align:right;}
.pro_introduction .chat_bottom .pro_honorimg img{
	width:auto;
	height:auto;
	}
.pro_introduction .chat_bottom p a{
	width:48%;
	padding:0.5rem 3rem 0.5rem 7rem;
	font-size:1.6rem;
	line-height:3rem;
	}
.pro_introduction .chat_bottom p a:nth-child(2){
	margin-left:3%;
	background: url(/2024v1/images/product/Inquiry.png) 9rem center no-repeat;
	border:solid 0.1rem #666666;
	}
.pro_introduction .chat_bottom p a:nth-child(1){
	background: url(/2024v1/images/product/chat.png) 7rem center no-repeat;
	background-color:#ff9c0e;
	color:#FFF;
 
	}
	
/*material_list*/
.list_materials .row .col-lg-3{
	margin-bottom:2rem;}
.list_materials .row > div .inner{
   overflow: hidden;
   display: block;
    position: relative;
}
.list_materials .row > div .inner .txt-x {
    position: relative;
}

.list_materials .row > div .inner img {
	width:100%;
 	transition: all 0.3s ease;
}
.list_materials .row > div .inner img:hover {
 	transition: all 0.3s ease;
    transform: scale(1.2);
}

.list_materials .row > div .inner .txt-x p {
	background-color: rgba(0, 0, 0, 0.5);
    text-align: center;
    font-size: 1.8rem;
    color: #ffffff;
	height: 4rem;
	display:block;
    position: absolute;
    width:100%;
    bottom: 0;
	margin-bottom:0rem;
	line-height:4rem;
    
}

/*material_introduction*/

.material_introduction {padding:0.1rem 12px 3.9rem 12px;
	}
.material_introduction img{
	 
	height:25.3rem;
	object-fit: cover;
	width: 93.5%;
}
.material_introduction.www_case_material_introduction img{
	 
	height:auto;
	object-fit: cover;
	width: auto;
}
.material_introduction .col-lg-6:nth-child(2) {
    margin-left: -2.8rem;
    width: calc(50% + 2.8rem);
	position: relative;
}
.material_introduction.www_case_material_introduction .col-lg-6:nth-child(2) {
    margin-left: 0rem;
    width:50%;
	position: relative;
}
/*www_case_casestudy */
.www_case_casestudy .www_case_casestudy_cont h3{
	text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
	margin-top: 1.5rem;
}
.www_case_casestudy .www_case_casestudy_cont p{
    font-size: 1.6rem;
	color:#999999;
}



.material_introduction h1 {
    font-family: AlibabaSans-Medium;
    font-size: 2.4rem;
    color: #333333;
    line-height: 1.2;
    letter-spacing: -0.12rem;
}
.material_introduction .col-lg-6 p {
    margin-top: 1.85rem;
    font-size: 1.6rem;
    color: #999999;
    line-height: 2.0rem;
}
.material_introduction.www_case_material_introduction .col-lg-6 h1 {
    margin-bottom: 1.8rem;
}
.material_introduction.www_case_material_introduction .col-lg-6 h3 {
    margin-top: 1.5rem;
}
.material_introduction.www_case_material_introduction .col-lg-6 p {
    margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.material_introduction .chat_bottom p a {
    width: 14.8rem;
    padding: 0.5rem 1rem 0.5rem 1rem;
    font-size: 1.6rem;
    line-height: 3rem;
}
.material_introduction .chat_bottom p a:nth-child(1) {
    background-color: #ff9c0e;
    color: #FFF;
}
.material_introduction .chat_bottom p a:nth-child(2) {
    margin-left: 1.5rem; 
    border: solid 0.1rem #666666;
	background-color:#FFF;
	color: #666666;
	 
}
.material_introduction .col-lg-6 .chat_bottom {
  /*  position:absolute;
    bottom: -1rem; */
}
	
.pro_technical_in,.pro_working_in,.pro_data,.pro_case_in,.pro_recpro,.pro_contact_in,.about_comint,.about_honor,.about_img{
	padding:5.3rem 12px 5rem 12px;
	
	}
.pro_technical h2,.pro_working h2,.pro_data h2,.pro_case h2,.pro_recpro h2,.pro_contact h2,.material_working h2,.material_technical_in h2{
	font-family: AlibabaSans-Medium;
	text-align:center;
	font-size:4.8rem;
	line-height:3rem;
	color:#333333;
	letter-spacing:-0.24rem;
	margin-bottom:5rem;
	
	}
.pro_technical{
	margin-top:3rem;
	background-color:#f9f9f9; /*#f9f9f9*/
}
.pro_technical_in .col-lg-3:nth-child(1){ 
	padding-right:1.5rem;
}
.pro_technical_in .col-lg-3:nth-child(n+2){ 
	padding-left:1.5rem;
	padding-right:1.5rem;
}
.pro_technical_in .col-lg-3:nth-child(4){ 
	padding-left:1.5rem;
}
.pro_technical_in .pro_technical_cont{
	background-color:#FFF;
	border-radius:0.5rem;
	text-align:center;
	padding: 3.8rem 1.2rem 0.1rem 1.2rem;
	height:44rem;
}
.pro_technical_in .pro_technical_cont:hover{ 
   	border-bottom: 0.5rem solid #2262b8;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); /* 添加阴影效果 */
	border-radius:0.5rem 0.5rem 0 0;

	}
.pro_technical_in .pro_technical_cont h3{
	font-family: AlibabaSans-Medium;
	padding-top:1.3rem;
	font-size:1.8rem;
	line-height:2.2rem;
	color:#333333;
	letter-spacing:-0.1rem;
	height:8rem;
	
}
.pro_technical_in .pro_technical_cont p{
	 
	font-size:1.6rem;
	line-height:2.2rem;
	color:#999999;
	letter-spacing:-0.08rem;
}
.pro_working{
	background:url(/2024v1/images/product/pro_working_bg.jpg) center top no-repeat;
	
	}
.pro_working_in{height:49.5rem;}
.pro_working_in h2{color:#FFF;}
.pro_working .row{
    padding-top: 1.1rem;
	}
.pro_working .col-lg-4{
	width: 35.9%;
	padding-right:0;
	}
.pro_working .col-lg-8{
	background-color:#FFF;
	width: 63.1%;
	padding-left:0;
	padding:1.5rem 1rem 0.1rem 2rem;
	font-size:1.6rem;
	line-height:2.6rem;
	
	}
.pro_working .col-lg-8 p {
	color:#999999;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp:8;
	-webkit-box-orient: vertical;
	}
.pro_working_in img{
		width: 100%;
		aspect-ratio:1.6; 
	}
	
/*pro_data */
.pro_data tr:nth-child(1){
	border:white !important;
	background-color: rgb(204, 204, 204);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	border: none;
	}
.pro_data tr td {
	font-size:1.6rem;
	line-height:2.6rem;
	color:#666666;
}
.pro_data .table-responsive p{font-size:1.8rem;}
.table-responsive{
	margin-top:1rem;}

/*pro_case_in */
.pro_case{
	background-color:#f9f9f9;}
.pro_case_in .pro_case_cont{
	/* height:16rem; */
	padding:1.2rem;
	text-align:left;
	background-color:#FFF;}
.pro_case_in .pro_case_cont h2{
	text-align:left;
	letter-spacing:-0.1rem;
	line-height:1.3;
	margin-bottom:1rem;}
.pro_case_in .pro_case_cont h2 a {
	font-size:2.2rem;
 	line-height:2.4rem;
	font-family: AlibabaSans-Bold;
	color:#333333;
	
	overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
	}
.pro_case_in .pro_case_cont p{
	color:#333333;
	font-size:1.6rem;
}
.pro_case_in .pro_case_img{
	overflow:hidden;}
.pro_case_in .pro_case_img img{
	transition: transform .6s ease;
    object-fit: cover;
 
	}
.pro_case_in .pro_case_img img:hover {
    transition: transform .6s ease;
    transform: scale(1.2);
}
.pro_case_in .row .col-lg-4:hover .pro_case_cont{
	background-color:#2262b8;
	}
.pro_case_in .row .col-lg-4:hover h2 a{color:#fff;}
.pro_case_in .row .col-lg-4:hover p{color:#fff;}
.pro_case_in .row .col-lg-4:hover span{color:#fff;}

/*pro_recpro*/
.pro_recpro img{
	 
	height:29rem;
	object-fit: cover;
	}
 
.pro_recpro .col-lg-3:nth-child(1){
	padding-left:0.5rem;
	}
.pro_recpro .col-lg-3:nth-child(2){
	padding-left:1.05rem;
}
.pro_recpro .col-lg-3:nth-child(3){
	padding-left:1.55rem;
}
.pro_recpro .col-lg-3:nth-child(4){
	padding-left:2.1rem;
}

.pro_recpro .col-lg-3 p{
    height: 5rem;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
    bottom: 5rem;
    left: 0;
    position:relative;
}
.pro_recpro .col-lg-3 p a{
	font-size: 1.8rem;
	line-height: 5rem;
	color: #333333;
	}
.pro_recpro .col-lg-3:hover p{
	background-color: #2262b8 ;
	}
.pro_recpro .col-lg-3:hover p a{
	color:#FFF ;
	}
/*material_relproducts */
.material_relproducts {
	background-color:#f9f9f9;
	
}
.material_relproducts.www_case_related_equipment {
    background-color:#FFF;
}
.material_relproducts .pro_recpro {
    padding: 5.5rem 12px 0 12px;
}
.material_relproducts .pro_recpro h2 {
    margin-bottom: 5.3rem;
}


/*pro_contact_in */
.pro_contact{background-color:#f9f9f9;}
.pro_contact_in p{
	font-size:1.6rem;
	color:#666666;
	text-align:center;
	margin-bottom:0.1rem;
	margin-top: 2rem;
	
}
.pro_contact h2{margin-bottom:1.2rem;}
.pro_contact .form_product .form-left{
	padding-right:1rem;}
.pro_contact .form_product .form-right {
	padding-left:1rem;}
	
.pro_contact .form_product.formBox form input{border:none;}
.pro_contact .form_product.formBox.formBox form .imBox .imtypeBox span{border:none;}
.pro_contact .form_product.formBox form .textBox textarea{border:none;}
.pro_contact .form_product.formBox form .textBox{height:29.5rem;}
.pro_contact .form_product.formBox form .form-item:nth-of-type(2){margin-top:0rem;}
.pro_contact .form_product.formBox form .btn-submit{margin-top:5rem;}


/*lum_cont*/
.pro_lum h2:nth-child(n+2){margin-top:3rem;}
.lum_img img{
	width:auto;
	height:auto;
	
	}
.lum_img{text-align:center;}
.lum_cont .col-lg-2{
	padding:0rem 1.5rem;
	margin-bottom:2rem;
	}
	
.lum_cont .col-lg-2 p{
	color:#FFF;
	position: relative;
  	top: 50%;
  	transform: translateY(-50%); /* 将元素向上移动自身高度的一半*/
}
.lum_cont .col-lg-2 .lumbg_img{
	height:10rem;
	text-align:center;
	position:relative;
	}
.lum_cont .col-lg-2:nth-child(1) .lumbg_img{background: url(/images/product/paper-making.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(2) .lumbg_img{background: url(/images/product/plastic.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(3) .lumbg_img{background: url(/images/product/trubber.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(4) .lumbg_img{background: url(/images/product/tyre.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(5) .lumbg_img{background: url(/images/product/pvc.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(6) .lumbg_img{background: url(/images/product/cable.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(7) .lumbg_img{background: url(/images/product/floor.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(8) .lumbg_img{background: url(/images/product/artfical-stone.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(9) .lumbg_img{background: url(/images/product/painting.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(10) .lumbg_img{background: url(/images/product/tooth.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(11) .lumbg_img{background: url(/images/product/agricultural-film.jpg) center no-repeat;}
.lum_cont .col-lg-2:nth-child(12) .lumbg_img{background: url(/images/product/cosmetics.jpg) center no-repeat;}
.lum_cont .col-lg-2 .lumbg_img:before{
	content: '';
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
}
.pro_lum p{
	color: #999999;
    font-size: 1.6rem;
}


/*material_working*/
.material_working{
	padding: 5.3rem 12px 6.6rem 12px;
}
.material_working h2 {
    margin-bottom: 5.9rem;
}
.material_working .col-lg-4 {
	width:36.7%;
	 
	border: 1px solid #d2d2d2;
}
.material_working .col-lg-8{
	width:63.3%;
	background-color:#efefef;
	padding:1.9rem 2rem 0.1rem 1.9rem;
	}
.material_working .col-lg-4 img {
	width:43.8rem;
  	
}
.material_working p{
	font-size:1.6rem;
	color:#999999;
	line-height:2.6rem;
	}
/*material_technical */
.material_technical {
	background-color:#f9f9f9;
	padding-top:2.5rem;
	}
.material_technical .col-lg-6{
	margin-bottom:2.4rem;}
.material_technical .col-lg-6:nth-child(even){
	padding-left:4rem;
}

.material_technical .col-lg-6:nth-child(1) h3{
	background: url(/2024v1/images/material/1.png) 1.5rem center no-repeat;
	background-size:contain;
}
.material_technical .col-lg-6:nth-child(2) h3{
	background: url(/2024v1/images/material/2.png) 1.5rem center no-repeat;
	background-size:contain;
}
.material_technical .col-lg-6:nth-child(3) h3{
	background: url(/2024v1/images/material/3.png) 1.5rem center no-repeat;
	background-size:contain;
}
.material_technical .col-lg-6:nth-child(4) h3{
	background: url(/2024v1/images/material/4.png) 1.5rem center no-repeat;
	background-size:contain;
}
.material_technical .col-lg-6 h3{
	font-family:AlibabaSans-Medium;
	font-size:2.2rem;
	color:#333333;
	padding-left:7.2rem;
	line-height:3.4rem;
	letter-spacing:-0.12rem;
	
	}
.material_technical .col-lg-6 p{
	font-size:1.6rem;
	color:#666666;
	line-height:2.25rem;
	}
.material_technical_in {
    padding: 5.3rem 12px 4.5rem 12px;
}
.pro_case.material_case  {
    background-color: #ffffff;
}
.pro_case.material_case .pro_case_in .pro_case_cont {
 
    background-color: #f9f9f9;
}
/*about_comint*/
.about_comint .col-lg-4{
	margin-left:-22rem;
	width: calc(33.33333% + 22rem); 
}
.about_comint .col-lg-4 .comint_cont{
	padding:4rem 2rem 1rem 3rem; 
	width:100%;
	height:80%;
	margin-top:10%;
	background-color: #f2f2f2;
	 
	 
	}
.about_comint .col-lg-4 .comint_cont h2{
	font-size: 3.2rem;
	font-family: AlibabaSans-Regular;
	}
.about_comint .col-lg-4 .comint_cont p{
	color: #999999;
    font-size: 1.6rem;
    margin-top:2rem;
	}
.about_honor h2{
	font-size: 3.2rem;
    padding-bottom: 3.5rem;
	text-align:center;
	font-family: AlibabaSans-Medium;
	}
.about_honor .honor_img img{
	width:18%;
	}
.about_honor .honor_img img:nth-child(n+2){
	margin-left:2.2%;
	}
.about_img{
	text-align:center;}
.about_img .nav-pills{
	margin-left:25%;
	padding-right: 0px;
    width: auto;
}
.about_img .nav-pills li{
	margin-left:1.5rem;
	padding-bottom:2rem;
	
	}
.about_img .nav-pills li.nav-item button{
	color:#999999;
    border-radius: 0;
    font-size: 2rem;
	padding: 1.6rem 5.8rem;
	background-color: #F2F2F2;
	}
.about_img .nav-pills li.nav-item button.active,.about_img .nav-pills li.nav-item button:hover{
	color:#ffffff;
	background-color:#075CCB;
}
.about_img .col-lg-3{
	padding:0;
	margin:0;
	}
.about_img .col-lg-3 img:nth-child(2){
	margin-top:2.45rem;}
 

@media screen and (max-width: 1919px){
	html{font-size: 10px}
	   
}
@media screen and (max-width: 1439px){
	html{font-size:0.7vw;} 
	.office .address_item {
		height: 34rem;
	}
	.office .more_address .col-lg-4:nth-child(n+10) .address_item {
		height: 44rem;
	}
	.quote .col_7 p {
		font-size: 1.5rem;
	}
	.case_list ul li:not(:last-child) {
		padding-right: 0.5rem;
	} 
	.about_comint .col-lg-4 .comint_cont p {
		font-size: 1.4rem;
	}
	.list_materials .row > div .inner .txt-x p {
		font-size: 2.0rem;
		height: 4rem;
		line-height:4rem;
	}
}
@media screen and (max-width: 1076px){
	.about_comint .col-lg-4 .comint_cont p {
		font-size: 1.6rem;
	}
}
@media screen and (max-width: 1000px){
	.quote .col_5 .comp {
		padding: 1.1rem 1rem 4.6rem 1.5rem;
	}
}
  
@media screen and (max-width: 991px){
  	 
	.logo img {
		width: 12rem;
	}
	.navbar-toggler-icon {
		width: 6em;
		height: 5em;
	}
	.navbar-nav li a {
		font-size: 1.4rem;
	}
	
	.quote .col_5 .comp {
		padding: 1.1rem 1rem 0rem 1.5rem;
	}
	.quote .col_5 h3 {
    font-size: 4.6rem;
	}
	.quote .col_5 p, .quote .col_5 p a {
		font-size: 2.2rem;
 
	}
	.header-contact > p:first-child {
		font-size: 1.6rem;
	}
	.header-contact > p {
		font-size: 1.6rem;
	}
	.header-contact {
		padding-left: 5.5rem;
		 
	}
	.quote .col_5 .comp p:nth-child(2) ,.quote .col_5 .comp p:nth-child(4),.quote .col_5 .comp p:nth-child(6),.quote .col_5 .comp p:nth-child(8),.quote .col_5 .comp p:nth-child(10){background-size: contain;}
	.office h4 {
    	font-size: 3rem;
	}
	.office .address_item p {
    	font-size: 2.4rem;
	    line-height: 3.8rem;
	}
	.footer_content h2 {
    font-size: 3rem;
	}
	.footer_content a {
		font-size: 2.4rem;
	}
	.footer_copyright_in >p {
    font-size: 2.4rem;
	}
	.office button.moreAddress {
    font-size: 2rem;
	}
	.footer_content-in .col-lg-9 {
		padding-left: 0;
	}
	.navbar-nav li {
		margin-left: 0.5rem;
		margin-right: 0.5rem;
	}
	.container{max-width: 720px;}
	 
 	.material_introduction img {
		height: 43rem;
 
	}
	.material_introduction .col-lg-6:nth-child(2){
		margin-left:0;
		width:100%;
		margin-top:5rem;}
	.material_introduction .col-lg-6 .chat_bottom {
		position:static;
		bottom: -1rem;
	}
	.pro_contact .form_product .form-right{
		padding-left:0;}
	.material_technical .col-lg-6:nth-child(even){
		padding-left:0;}
	.pro_recpro img{
		width:100%;
		height:100%;
	}
	.pro_introduction .col-lg-6:nth-child(2) {
		margin-top:3rem;
		margin-left:0;
		width: auto;
	} 
	.pro_introduction .chat_bottom p a:nth-child(1){
		background-size:contain;
	}
	.pro_working .col-lg-8 p {
		-webkit-line-clamp:7;
		}
	.about_comint .col-lg-4 {
		margin-left:auto;
		width:auto;
	}
	.about_comint .col-lg-4 .comint_cont p {
		font-size: 10px;
	}
	.about_honor .honor_img img:nth-child(n+2){
		margin-left:2%;
	} 
	.about_img .col-lg-3 img:nth-child(2) {
		margin-bottom:2.45rem;
		margin-left:1rem;
	}
	.list_materials .row > div .inner .txt-x p {
		font-size: 2.6rem;
		height: 4rem;
		line-height:4rem;
	}

}
@media screen and (max-width: 954px){
	.quote .col_5 .comp {
		padding: 1.1rem 1rem 3.7rem 1.5rem;
	}
}
@media screen and (max-width: 924px){
	.quote .col_5 .comp {
		padding: 1.1rem 1rem 1.4rem 1.5rem;
	}
}
@media screen and (max-width: 797px){
	.quote .col_5 .comp {
		padding: 1.1rem 1rem 4.9rem 1.5rem;
	}
}

 
@media screen and (max-width: 767px){
	html{font-size:5px;
	 
	}
 
	.logo img {
		width: 20rem;
	}
	.navbar-toggler-icon {
		width: 5em;
		height: 5em;
	}
	.navbar-nav li a {
		font-size: 3rem;
		 line-height: 4rem;
	} 
	.header-contact > p:first-child {
		font-size: 3.2rem;
	}
	.header-contact > p {
		font-size: 3.2rem;
	}
	.header-contact {
		background-size:auto;
		padding-left: 8rem;
		height: 10rem;
	}
	.office .address_item p{
		background-size: contain;
		padding-left: 5.3rem;}
	.formBox form .imBox .imvalueBox .imvalueBox-1 .cc {
		width: 48%;
	}
	.quote .col_7 {
		padding: 0.1rem 7.6rem 0.1rem 7.6rem;
	}
	.quote .col_5 {
		padding: 1.4rem 7.7rem 0.1rem 7.7rem;
	}
	.case_list .case_item .know_more ul li,.breadcrumb li,.breadcrumb li a,.case_banner p {
		font-size: 2.4rem; 
	 	line-height: 4rem;
	}
	.case_list .case_item .know_more h2 a,.case_list ul li a{font-size: 2.8rem;}
	.case_list .case_item .know_more ul li{line-height: 4rem;}
	.list_materials .row > div .inner .txt-x p {
		font-size: 2.6rem;
		height: 6rem;
		line-height:6rem;
	}
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*取消商务通挂图*/
#LRfloater0{
	display:none;
}