@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100%;
}
html{
	overflow:-moz-scrollbars-vertical;
}
 
@font-face {
    font-family: 'Futura-regular';
 src: url('fonts/Futura-regular.eot');
 src: url('fonts/Futura-regular.eot?#iefix') format('embedded-opentype');
 src: url('fonts/Futura-regular.ttf') format('truetype');
 src: url('fonts/Futura-regular.woff') format('woff'), url('fonts/Futura-regular.svg') format('svg');
 font-weight: normal;
    font-style: normal;  
}
body {
	font-family: Futura-regular;
	font-size:14px;  
	color:#000000;  
	margin:0;
	padding:0;	
	
}

*{
	box-sizing: border-box;
	font-family: 'Futura-regular'; 
	
}

h1, h2, h3, h4, h5, h6{
	font-weight:normal; 
	margin: 0;
}
p{
	margin: 0
}

ul,ol,li{
	list-style: none;
	list-style-type:none;
    margin:0;
	padding: 0
}
button{
    outline:none;
}
img {
	border: none;
	vertical-align: middle;
}

a {
	text-decoration: none;
	color: #666;
}

table {
	border-collapse: collapse;
	table-layout: fixed;
	    border: #c1c1c1;
}

input, textarea {
	outline: none;
	border: none;
}
input::-webkit-input-placeholder {
	color:#fff; 
} 

input:-moz-placeholder { 
	color:#fff; 
} 

input::-moz-placeholder {
	color:#fff; 
} 

input:-ms-input-placeholder {
	color:#fff; 
} 

textarea {
	resize: none;
	overflow: auto;
}
.imageContainer.ne{
	padding: 0!important;
}
.clear_fixed, .clearfix, .clear{
	clear: both
}



.top-top {
    background: #d38291;
    height: 40px;
	width: 100%;
	display: none;
}
.top-position {
    margin: 0 auto;
    width: 80%;
}
.top-left {
    display: flex;
    line-height: 20px;
	float: left;
}
.top-one {
    margin-right: 40px;
    display: flex;
	line-height: 40px;
}
.top-one span{
	margin-right: 10%
}
.top-one p{
	color: #fff;
}
.top-right {
    display: flex;
    float: right;
    line-height: 40px;
	width:200px;
}
.top-right .search{
	margin-right: 3%;
}
.top-right .language {
    color: #fff;
    margin-left: 15%;
}
.top-right .language a{
	color: #fff;
}
.top-search input {
    width: 60%;
    padding: 0 0 0 1%;
    background: transparent;
    height: 80%;
}
.top-search svg {
    width: 18px;
    margin-right: 1%;
    cursor: pointer;
    display: none;
}
.top-search {
    background: #ddd;
    width: 100%;
    height: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top-search input::placeholder{
	color: #333;
}
.index-banner img{
	width: 100%;
}
.index-nav{
	width: 100%;
	margin: auto;
	z-index: 99999999;
	height: 130px;
	top: 0px;
	position: relative;
	background: #4084c5;
	transition: all .5s;
	box-shadow: rgba(0,0,0,0.1) 0px 0px 2px 2px;
}
.index-nav-left {
    float: left;
    width: 15%;
	position: relative;
	display: none;
}
.index-nav-left img{
	width: 155px;
    margin: 9.5px 0;
}
.index-nav-right {
	float: right;
	display: flex;
    justify-content: flex-end;
}
.ub-index-search{position: relative;
margin: 0 15px;line-height: 40px;display: flex;justify-content: end}
form.ub-top-secarh-one input {
    padding: 8px 15px;
    border: 1px solid #d2d2d2;
    height: 30px;
    width: 80%; 
}
.ub-top-secarh-one button {
    width: 20%;
    border: 0px;
    background: #232323;
    color: #fff;
}
.ub-top-secarh-one{
	display: flex;
	position: absolute;
    top: 65px;
    width: 250px;
    right: 0;
	z-index: 999;
}
.py-banner{display: none;}
.product-all {
    margin:40px auto;
    max-width: 1340px;
}
.product-all-right {
    float: right;
    width: 100%;
}
ul.product-all-right-cp {
    display: flex;
    flex-flow: wrap;
}
.product-all-right-cp-img img {
    width: 100%;
	transition: 0.5s;
}
.product-all-right-cp li{
	width: 31.3%;
	margin-right: 3%;
	margin-bottom: 2%;
	transition: all .5s;
}
.product-all-right-cp li:nth-child(3n){
	margin-right: 0;
}
.ub-index-search>i {
    font-size: 20px;
    line-height: 70px;
    margin-left: 20px;
	cursor: pointer;
	color: #232323;
}
@keyframes wrarb {
     0%{ transform: scale(1);opacity: 1;/*transform: rotate(0deg);*/}
   100%{transform: scale(1.2);opacity: 1;border: 1px #ffffff dashed;/*transform: rotate(360deg);*/}
} 
.index-nav-right ul { 
	display: flex;
	margin-top: 20px;
}
.index-nav-right ul li{
	padding: 0 3%;
}
.index-nav-positon{
	max-width: 1340px;
	margin: auto;
	position: relative;
	height: 80px;
	
}
.index-nav-right ul li {
    padding: 0 15px;
    display: inline-block;
	position: relative;
}
.index-nav-right>ul>li>a{
    color: #7c7b7b; 
	font-size: 14px;
	transition: all 0.5s; 
	text-transform: uppercase;
	letter-spacing: 1px;
} 
.pc-ul>li>a{
	color: #fff; 
	font-size: 14px;
	transition: all 0.5s; 
	letter-spacing: 0.5px;
}
.pc-ul>li>a:hover{
	color: #4084c5; 
    color: #4084c5;
    background: #ffffff;
    padding: 5px 15px;
    border-radius: 25px;
    transition: all .5s;
}
.index-nav-right>ul>li:hover>a{
	color: #4084c5;
}
.index-banner {
    position: relative;
	padding-top: 80px;
}
.index-banner .index-banner-text h2 {
    font-size: 48px;
    color: #fff; 
    line-height: 1.2;
	margin-bottom: 40px;
	font-family: "oakes-b"
}
.banner-text ul {
    display: flex;
    flex-flow: wrap;
}
.banner-text ul li {
    width: 49%;
	margin-bottom: 10px;
	margin-right: 1%;
}
.banner-text ul li:nth-child(2n) {
	margin-right: 0;
}
.banner-text>ul>li>p{
    font-size: 14px;
	color: #666
}

/*
.index-banner .index-banner-text>p {
    font-size: 24px;
    color: #68b643;
    line-height: 1.2;
}
*/
.index-banner .index-banner-text span {
    display: inline-block;
    width: 184px;
    line-height: 50px;
    height: 50px;
    color: #fff;
    background: #d38291;
    transition: 0.5s;
    margin-top: 4%;
    text-align: center;
}
.index-banner-text span:hover{
	background: #fff;
	color: #d38291;
}
.mm-cateloge{
	max-width: 1340px;
	margin: 40px auto;
	position: relative;
    margin-top: -55px;  
    background: #fff;
    z-index: 9; 
	border-radius: 23px 23px 0 0;
}
.mm-cateloge>h2{
	text-align: center;
    color: #fff;
    font-weight: bold;
    margin-bottom: 30px;
	background: #cba18b; 
	height: 40px;
	font-size: 18px;
	line-height: 40px;
	border-radius: 20px 20px 0 0;
}
.mm-cateloge-title {
    text-align: center;
	padding-top: 0px;
}
.mm-cateloge-title>h4{
	font-size: 16px;
	color: #666;
}
.mm-cateloge-title>p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.last-hfour{
	font-size: 14px!important;
	color: #666!important;
	margin: 1% 0;
	font-weight: bold;
}
.mm-cateloge d {
    font-size: 36px;
    color: #b08168;
    font-weight: bold;
	margin-bottom: 3%;
}
.mm-cateloge ul{
	display: flex;
	flex-flow: wrap;
}
.mm-cateloge ul li{
	width: 31.3%;
	margin-right: 3%;
	transition: 0.5s;
	margin-bottom: 2%;
}
.mm-cateloge ul li:hover{
	box-shadow: 0px 1px 6px 1px #00000035;
	transition: 0.5s;
} 
.mm-cateloge ul li:hover img{
	transform: scale(1.1);
	transition: 0.5s;
}
.mm-cateloge-overflow{
	overflow: hidden;
}
.mm-cateloge ul li img{
	width: 100%;
	transition: 0.5s;
}
.mm-cateloge ul li:nth-child(3n){
	margin-right: 0%;
}
.index-cateloge-text h4 {
	display: inline-block;
    font-size:16px;
    color: #d38292;
    margin-bottom: 14px;
	font-weight: bold;
	transition: 0.5s;
}
.about-zlj-one-zs:hover .index-cateloge-text h4{
	color: #fff;
	transition: 0.5s;
}
.index-cateloge-text p { 
	display: block;
    font-size: 14px;
    color: #666;
    line-height: 20px;
	width: 100%;
	margin-bottom: 0%;
	overflow: hidden;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
	transition: 0.5s;
}
.mm-cateloge>p{
	margin-bottom: 2%;
	font-size: 16px;
	color: #444;
	line-height: 1.75;
}
.index-cateloge-text {
	padding: 0;
    margin-bottom: 0%;
	text-align: left;
}
.cateloge-button {
    display: inline-block;
    border: 1px solid #b5bfc4;
    font-size: 11px;
    color: #444444;
    padding: 9px;
    width: 121px;
    font-weight: bold;
    border-radius: 5px;
	text-align: center;
	margin-left: 50%;
    transform: translate(-50%);
    transition: 0.5s;
}
.cateloge-button:hover{
	background: #d38292;
	color: #fff;
}
.index-about{
	width: 100%;
	background: #ececec;
}
.index-about-left{
	float: left;
	width: 50%;
}
.index-about-left ul li a img{
	width: 100%;
}
.index-about-right{
	float: right;
	width: 50%;
	background: #ececec;
	padding: 20px 40px 0 40px;
}
.index-about-left ul{
	display: flex;
	flex-flow: wrap;
}
.index-about-left ul li{
	width: 33%;
	position: relative;
}
.index-about-left-text {
    position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50%);
	text-align: center;
}
.index-about-left-text h4{
	font-size: 20px;
	color: #fff;
}
.index-about-left-text p{
	font-size: 14px;
	color: #fff;
}
.index-about-right-top h4{
	font-size: 30px;
	color: #232323;
	font-weight: bold;
}
.index-about-right-top d{
	font-size: 30px;
	color: #d38292;
	font-weight: bold;
}
.index-about-right-top>p{
	font-size: 18px;
	color: #444;
	margin: 3% 0;
}
.index-about-right-top a {
    text-transform: uppercase;
    font-size: 11px;
    border: 1px solid #b5bfc4;
    color: #444;
    font-weight: bold;
    padding: 10px;
    display: inline-block;
    width: 260px;
    border-radius: 5px;
	text-align: center;
	transition: 0.6s;
}
.index-about-right-top a:hover {
	background: #d38292;
	color: #fff;
	transition: 0.6s;
}
.index-about-right-bottom ul{
	display: flex;
	flex-flow: wrap;
}
.index-about-right-bottom ul li{
	width: 48%;
	margin-right: 2%;
	margin-bottom: 3%;
	text-align: center;
}
.index-about-right-bottom ul li:nth-child(2n){
	margin-right: 0%;
}
.index-about-right-bottom {
    margin-top: 3%;
}
.icon-span{
	margin: 2% 0;
	font-size: 20px;
	font-weight: bold;
}

.index-application {
	margin: 20px auto;
	max-width: 1340px;
	display: none
}
.application-poro-min:hover .application-poro-min-img img {
    transform: scale(1.1);
    transition: 0.5s;
}
.application-poro-min {
    width: 23%; 
    height: auto;
    float: left;
    margin-right: 18px;
    position: relative;
    overflow: hidden;
    border: 2px solid #eee;
}
.index-application>h2{
	text-align: center;
    font-size: 36px;
    color: #d38291;
    font-weight: bold;
    margin-bottom: 3%;
}
.index-application d{
	text-align: center;
    font-size: 36px;
    color: #b08168;
    font-weight: bold;
    margin-bottom: 3%;
}
.application-poro-min-img {
    overflow: hidden;
    height: 100%;
    transition: 0.5s;
}
/*
.application-poro-min:nth-child(2n){
	margin-right: 0%;
}
*/
.application-poro-min:nth-child(3){
	margin-bottom: 0;
}
.application-poro-min:nth-child(4){
	margin-bottom: 0;
}
/*
.application-poro-all-text {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: #00000080;
}
*/
.application-poro-min-img img {
    width: 100%;
}
.application-poro-min-img img {
    transition: 0.5s;
}
.application-poro-all-text-one {
    margin: auto;
    color: #fff;
    text-align: center;
	padding: 2%;
	height: 200px;  
}
.application-poro-all-text-one h2 {
    font-family: PlayfairDisplay;
    font-size: 24px;
    line-height: 1.7;
	font-weight: bold;
	margin-bottom: 2%;
	color: #232323;
}
.application-poro-all-text-one>p {
    line-height: 1.7;
    font-size: 14px;
    padding: 0 2%;
	color: #444
}
.product-management{
	margin: auto;
	max-width: 1340px;
}
.product-management h2{
	text-align: center;
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 3%;
}
.product-management d{
	text-align: center;
    font-size: 36px;
    color: #b08168;
    font-weight: bold;
    margin-bottom: 3%;
}
.news-title h2{ 
	text-align: center; 
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 30px;
}
.news-all{
	margin:60px auto;
	max-width: 1340px;
	display:none;
}
.three-news-all {
    width: 22.7%;
    float: left;
    margin-right: 3%;
    box-shadow: 0px 3px 7px #00000035;
    height: auto;
    transition: 0.6s;
    position: relative;
}
.three-news-all:nth-child(4){
	margin-right: 0;
}
.three-app-top {
    text-align: center;
    overflow: hidden;
    align-items: center;
	margin-top: 7px;
	display: flex;
	justify-content: center;
}
/*
.three-news-all:hover {
    transform: translateY(-30px);
    transition: 0.6s;
}
*/
.three-news-bottom:hover .news-bottom-bottom h3 {
    color: #d38292!important;
    transition: 0.6s;
}
.news-all .news-three .three-news-all .three-app-top img {
    width: 285px;
	height: 140px; 
	transition: 0.5s
}
.three-news-all:hover .three-app-top-overflow>img{
	transform: scale(1.1);
	transition: 0.5s
}
.three-app-top-overflow{overflow: hidden}
.three-news-bottom {
    padding: 5%;
    transition: 0.6s;
}
.news-bottom-bottom {
    display: flex;
}
.news-all .news-three .three-news-all .three-news-bottom .news-bottom-bottom h3 {
    font-size: 15px;
    color: #666;
	font-weight: bold;
    margin: 0;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}

.news-all .three-news-all .three-news-bottom p {
    margin: 0;
    font-size: 14px;
    color: #666;
    margin-top: 5%;
    margin-bottom: 4%;
    line-height: 1.5;
    overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
}
.three-news-all::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0;
    -webkit-transition: width ease .6s;
    -o-transition: width ease .6s;
    transition: width ease .6s;
    overflow: hidden;
    background-color: #d38292;
}
.three-news-all:hover::after{
	width: 100%;
    background-color: #d38292;
}
.blogs-item-link {
    color: #d38292;
    font-weight: 600;
}
/*
.three-news-all:hover .blogs-item-link,.new-all-zt:hover .blogs-item-link{
    text-decoration: underline;
}
*/
.sw-form {
    width: 100%;
    background: url(../images/sw-form-bg.jpg) no-repeat center;
    background-size: cover;
    padding-top: 5px;
	display: none
}
.sw-form-cotent {
    max-width: 1290px;
    margin: 0 auto;
}
.sw-form-box-r {
    width: 60%;
    margin: 0 auto;
}
.sw-form-box-r h2 {
    color: #fff;
    font-size: 30px;
    margin: 2%;
    font-weight: bold;
    text-align: center;
    padding: 4%;
}
.sw-form-box-r form {
    text-align: center;
}
.sw-form-box-r form input {
    width: 47%;
    margin-right: 1%;
    line-height: 40px;
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-left: 10px;
    font-size: 14px;
    color: #aaa;
}
.sw-form-box-r form button {
    width: 46%;
    background: #68b643;
    color: #fff;
    border: solid 1px #68b643;
    letter-spacing: 1px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 40px;
    margin-left: 50%;
    transform: translate(-50%);
    cursor: pointer;
    transition: 0.6s;
}
.sw-form-box-r form input.sw-form-input03 {
    width: 95.5%;
}
.sw-form-input01::placeholder, .sw-form-input02::placeholder, .sw-form-input03::placeholder{
	color: #666;
}
.foot {
    background: #424242;
	    position: relative;
    z-index: 99;
}
.foot-all {
    max-width: 1440px;
    margin: auto;
       padding: 50px 50px 0 50px;
}
.foot-content.foot-content-contact span img {
    margin-top: 7px;
	filter: contrast(0);
}
.foot-content.foot-content-contact {
        width: 24%;
}
.foot-bottom-bb p,.foot-bottom-bb p a{
	color: #999;
	font-size: 14px;
	text-align: center;
}
.foot-bottom-bb p a:hover{
	color: #a48b78; 
	transition: all .5s;
}
.foot-bottom-bb {
    height: 50px;
    line-height: 50px;
	margin-top: 20px;
}
.foot-content h2 {
    color: #F77C0D;
    font-size: 20px;
    text-transform: uppercase;
}
.foot-content.foot-content-contact ul {
    width: 100%;
}
.foot-content.foot-content-contact ul li {
    margin-bottom: 12px;
    display: flex;
    line-height: 1.5;
}
.foot-content ul li {
       font-size: 14px;
    color: #fff;
    line-height: 1.5;
    text-align: left;
    margin-bottom: 12px;
}
.foot-content ul li span {
    margin-right: 10px;
}
.foot-content ul li a {
    font-size: 14px;
    color: #fff;
	transition: 0.5s;
}
.foot-content {
    width: 25%;
    float: left;
}
.foot-content.foot-content_csa {
    width: 20%;
}
.foot-content h2 {
    color: #fff;
    font-size: 14px; 
    text-transform: uppercase;
	font-weight: bold;
    margin-bottom: 20px;
}
.foot-follow li {
    display: inline-block;
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
}
.foot-follow li a .fa {
    font-size: 30px;
	color: #999;
	transition: 0.5s;
}
.foot-follow li a .fa:hover {
	color: #d38292;
	transition: 0.5s;
}

.foot-bottom p {
    text-align: center;
}
.foot-bottom p a {
    margin: 0 10px;
}
.foot-bottom {
    line-height: 60px;
    margin: auto;
	background: #d38291;
}
.foot-bottom p, .foot-bottom p a {
    font-size: 14px;
    color: #fff;
}
.foot-follow {
    margin-top: 10%;
}
.product-management img{
	width: 100%;
}
.tittle-all {
	background: #00000000;
    height: 80px;
    width: auto;
    color: #fff;
    display: inline-block;
	text-align: left;
}
.page-banner-text-right {
    text-align: left;
}
.page-banner img {
    width: 100%;
}
.page-banner,.news-banner,.pg-banner-con,#news-details-banner{
	position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
    height: 200px;	
	background-attachment: inherit;
    background-repeat: no-repeat;
	margin-top: 0px;
/*	background-position: center 80px;*/
	background-size: cover;
	/* display: none */
}
.page-banner img{
	width: 100%;
	display: block;
	object-fit: cover;
}
.page-banner::before,.news-banner::before,.pg-banner-con::before,#news-details-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e68a890;
    z-index: 1;
}
.page-banner-text {
    position: relative;
    top: 0%; 
    max-width: 1340px;
    text-align: center;
    height: 60px;
    line-height: 40px;
    margin: auto;
	border-bottom: 1px solid #b7b5b5;
}
.page-banner-text-left {
    float: left;
    width: 26%;
    line-height: 25px;
    margin-top: 24px 
}

.page-banner-text h2{	
	font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 20px;
    text-align: left;
    padding-left: 50px;
    color: #666;
    text-transform: uppercase;
}
.page-banner-text p{	
	font-size: 14px;
	color: #fff;
	display: none
}
.tittle-top:hover .home-a{
	color: #d38291;
	transition: 0.6s;
	border-bottom: 1px solid #d38291
}
.tittle-top {
   width: 500px;
    margin: auto;
    line-height: 80px;
    transition: 0.6s;
    color: #000;
    font-size: 14px;
    font-weight: bold;
	display: flex;
	color: #b7b5b5
}
.tittle-top a{
	color: #b7b5b5;
	text-transform: uppercase;
	font-size: 13px;
	margin-right: 3.5px;
}
.tittle-top-left a:hover{
	color: #4084c5;
	transition: all .5s;
}
.tittle-top .zzz{color: #b7b5b5;}
.work-all {
    margin: auto;
    max-width: 1340px;
    margin-top: 80px;
    margin-bottom: 80px;
}
.work-one:nth-child(3){
	margin-right: 0;
}
.work-all-three {
    display: flex;
    flex-flow: wrap;
    max-height: 300px;
}
.work-one {
    width: 31.3%;
    margin-right: 3%;
    text-align: center;
    box-shadow: 0px 3px 7px #00000035;
    transition: 0.6s;
    margin-bottom: 4%;
    min-height: 300px;
}
.work-one-img {
    margin: 5%;
}
.work-one h4 {
    font-size: 24px;
    color: #000;
}
.work-one p {
    font-size: 14px;
    color: #666;
    margin: 3%;
}
.ask_questions {
    margin: 40px auto;
    max-width: 1340px;
}
.form-all {
    margin-top: 3%;
}
.ask_questions_title span {
    font-size: 20px;
    color: #d38291;
}
.ask_questions_title h2 {
    font-size: 36px;
    color: #333;
    margin-top: 1%;
    margin-bottom: 2%;
}
.ask_questions_title p {
    font-size: 16px;
    color: #666;
}
.form-left {
    float: left;
    width: 48%;
}
.contact-li-top input {
    float: left;
    width: 100%;
    border: solid 1px #c0c4cb;
    margin-right: 2%;
    line-height: 2em;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin-bottom: 3%;
}
.but-input {
    margin-top: 4%;
    background-color: #d38291;
    color: #fff;
    border-radius: 5px;
    padding: 3% 8%;
    font-size: 18px;
	cursor: pointer;
}
.map-right {
    float: right;
    width: 48%;
    position: relative;
}
.google-dtwa {
    text-align: center;
    display: block;
    width: 60%;
    padding: 3% 5%;
    position: absolute;
    top: 47%;
    font-size: 16px;
    color: #666;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #cecece;
    margin-left: 50%;
    transform: translate(-50%);
}

.list6-input::placeholder{
	color: #666;
}
#pipe_size10 {
    width: 100%;
    border: solid 1px #c0c4cb;
    margin-right: 3%;
    line-height: 1.8em;
    padding: 10px;
}


/*news*/
.new {
    margin: 0px auto;
    max-width: 1340px;
	margin-bottom: 50px;
	margin-top: 50px
}
.new-all-zt {
    transition: all 0.5s;
}
.new-all-left {
    overflow: hidden;
    transition: all 0.5s;
}
.new-all-right {
	background: #fafafa;
    padding: 20px;
    transition: all .5s;
    z-index: 9;
}
.new-all-left img {
    width: 100%;
    transition: all .5s;
}
.new-all-right h2 {
    font-size: 18px;
    color: #202020;
    font-family: "oakes-b";
    margin-bottom: 5px;
    line-height: 27px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.new-all-right>p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}
.news-button a {
    display: inline-block;
    font-size: 16px;
    border: 1px solid #666;
    border-radius: 26px;
    width: 160px;
    height: 40px;
    line-height: 38px;
	text-align: center;
	transition: 0.6s;
}
.news-button {
    float: right;
    width: 13%;
    margin: 4% 0;
	display: none;
}
.new-all:hover{
	-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0);
}
.new-all{
	width: 31.5%;
    margin-right: 2.5%;
    margin-bottom: 3%;
    position: relative;
    transition: all .5s;
    background: #fafafa;
}
.new-all:nth-child(3n){
	margin-right: 0!important;
}
/*
.new-all .new-all-zt:hover {
    border-color: #d38291;
    transition: 0.6s;
}
*/
.new-all-zt:hover .new-all-left img {
    transform: scale(1.1);
    transition: 0.3s; 
}
.news-button:hover a{
	border:1px solid #d38291;
	color: #d38291;
	transition: 0.4s;
}



/*faqs*/
.faqs-all{
	margin: 0px auto;
	max-width: 1000px;
	margin-top: 25px;
}
.faqs-children{
	padding: 1%;   
	 
		
}
.faqs-title i.fa.fa-angle-down {
    font-size: 60px;
	color: #333;
	cursor: pointer
}
.faqs-title i.fa.fa-angle-down:hover{
	color: #d38291;
	transition: 0.5s;
}
.faqs-title{
	position: relative;
}
.faqs-title span{
	position: absolute;
	right: 3%;
	z-index: 9;	
	transition: 0.6s;
	display: none 
}
.faqs-title ul{
	display: block;
}
/*
.faqs-children:nth-child(1) .faqs-title ul{
	display: block;
}
.faqs-children:nth-child(1) .faqs-title i{
	transform: rotate(-180deg)
}
*/
.faqs-title ul p{
	font-size: 14px;
	color: #878787;
	line-height: 1.5;
	padding-left: 20px;
}
.faqs-title h3{
	font-size: 15px;
	font-weight: bold;
	color: #666;
	display: inline-block;
	margin-bottom: 2%;
	transition: 0.5s;
	cursor: pointer
}
.faqs-title h3:hover{
	color: #d38291;
	transition: 0.5s
}


.faq-dropdown.active{
	transform: rotate(180deg);
	transition: 0.6s;
}

/*about*/
.about-gd {
    max-width: 1340px;
    margin: auto;
}
.container {
    background: #ffffff;
    /* box-shadow: 0 0 18px 2px #00000020; */
    border-radius: 14px;
    /* padding:48px; */
    margin: 48px;
}
.demo {
    width: 22.7%;
    float: left;
    text-align: center;
    margin-right: 3%;
}
.demo p{
	color: #686868;
    font-size: 14px;
    line-height: 1.5;
}
.demo-text {
    display: flex;
    flex-flow: wrap;
	justify-content: center;
    align-items: center;
}
.demo:nth-child(4){
    margin-right: 0;
}
.demo-text h1, .demo-text p {
    color: #b20d08;
}
.demo-text>p {
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #1e5c43;
    line-height: 1.75;
    text-transform: uppercase;
	font-weight: bold;
    width: 100%;
	margin: 2%;
}
.demo-text>h1{
	font-size: 36px;
    color: #1e5c43;
    line-height: 48px;
    font-weight: bold;
}

.demo-text span {
    display: inline-block;
    width: auto;
    font-size: 16px;
    color: #1e5c43;
    line-height: 1.75;
    text-transform: uppercase;
}
.about-company {
    max-width: 1340px;
    margin: 40px auto;
}
.about-company h2{
	text-align: center;
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 2%;
}
.about-company d{
	font-size: 36px;
    color: #b08168;
    font-weight: bold;
}
.about-company{
	font-size: 14px;
	color:#000;
	line-height: 30px;
	
}

.oof img{width: 100%!important}
.mm-index-huadong-box img{width: 100%;}

.about-factory{
	margin: 40px auto;
	max-width: 1200px;
}
.about-factory-lunbo img{
	width: 100%;
}
.factory-text {
    margin: 2%;
}
.factory-text h4{
	text-align: center;
	font-size: 18px;
	color: #000;
	margin: 2% 0;
}
.factory-text p{
	text-align: center;
	font-size: 14px;
	color: #333;
}
.about-factory h2{
	text-align: center;
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 2%;
}
.about-factory d{
	font-size: 36px;
    color: #b08168;
    font-weight: bold;
}


/*滑动*/
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    display: none!important;
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 80%;
    margin: 0 10%;
	position: absolute;
    bottom: -30px;
}
.bx-wrapper{
	position: relative;
	margin: auto;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #d38292!important;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #d38292;
}
body .bx-wrapper .bx-controls-direction a {
    background: url(../images/large_right.png) no-Repeat 0 0;
    width: 40px;
    height: 40px;
    transform: rotate( 
180deg
 );
}
body .bx-wrapper .bx-controls-direction .bx-prev{
	left: -66px;
}
body .bx-wrapper .bx-controls-direction .bx-next {
    background: url(../images/large_right.png) no-Repeat 0 0;
    transform: rotate( 
360deg
 );
	right: -66px;
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 24px;
    height: 37px;
     text-indent: -9999px; 
    z-index: 99;
    font-size: 0px;
}

.about-three-boxs-all {
    width: 100%;
/*    background: url(../images/about-box.jpg) no-repeat center;*/
    background-size: cover;
    padding-bottom: 50px;
}
.about-three-boxs{
	margin: auto;
	max-width: 1340px;
	display: flex;
    flex-flow: wrap;
}

.about-box:nth-child(3){
	margin-right: 0;
}
.about-box {
    width: 31.3%;
    margin-right: 3%;
    background: #fff;
    box-shadow: 0px 5px 7px #00000035;
	border-radius: 10px;
	text-align: center;
	padding: 5%;
	transition: 0.6s;
	cursor: pointer
}
.about-box:hover{
	background: #68b643;
	transition: 0.6s;
}
.about-box p{
	font-size: 14px;
	line-height: 20px;
	color: #333;
	transition: 0.6s;
}
.about-box:hover h4, .about-box:hover p{
	color: #fff;
	transition: 0.6s;
}
.about-box h4{
	font-size: 24px;
	color: #000;
	margin: 6% 0;
	transition: 0.6s;
}
.about-certifications{
	margin: 40px auto;
	max-width: 1440px;
}
.about-certifications img{
	width: 100%;
}
.about-certifications h2{
	text-align: center;
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 2%;
}
.about-certifications d{
	font-size: 36px;
    color: #b08168;
    font-weight: bold;
}

/*products*/
.products-banner img{
	width: 100%;
}
.mm-products-all{
    margin: 0 auto 50px;
	max-width: 1340px;
}
.mm-products-left{
	float: left;
	width: 250px; 
	display: none
}
.mm-products-right {
    float: right;
    width: 100%
}
.products-top-p { 
    padding-bottom: 13px;
}
.products-list-left.current .products-list-left-top-flex>a{color: #4084c5}
li.products-list-left-ul.current>a{color: #4084c5}

.mm-products-right-images{ 
	overflow: hidden;

    position: relative;
}

.mm-products-right-images::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid white;
    pointer-events: none;
    z-index: 999;
}
.mm-products-right-text{
	width: 100%;
	padding: 20px;
	background: #fff;
	text-align: center;
	transition: all .5s;
	
}
.mm-products-right-images img{
	width: 100%;
	transition: 0.5s;
}
/* 容器设置 - 定义图片显示区域的尺寸 */
.mm-products-right-images {
    position: relative;
    /* aspect-ratio: 301/250; 保持301:250的宽高比 */
    overflow: hidden;
    width: 100%;
}

.mm-products-right-images img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: 0.5s;
}

.mm-products-cateloge:hover .mm-products-right-images img{
	transform: scale(1.05);
}
.mm-products-right-text h4{
	color: #232323;
    font-size: 18px;
	transition: 0.5s;
/*
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
*/
	line-height: 20px;
	text-transform: capitalize;
}
.mm-products-right-text.p h4{
	font-size: 14px!important;
}
.mm-products-cateloge:hover h4{
	transform: translate(0,7px);
    -webkit-transform: translate(0,7px);
    -moz-transform: translate(0,7px);
    -o-transform: translate(0,7px);
    -ms-transform: translate(0,7px);
    transition: all .5s;
}
.mm-products-right-text:hover{
	-webkit-transform: translate(0,-15px);
    -moz-transform: translate(0,-15px);
    -o-transform: translate(0,-15px);
    -ms-transform: translate(0,-15px);
}

.mm-products-right-text p{
	font-size: 14px;
	color: #666;
	line-height: 1.5;
	display: none
}
.mm-products-cateloge{
	margin-bottom: 1%;
    padding: 0%;
    width: 23.5%;
    display: inline-block;
    float: left; 
    margin-right: 2%;
	    overflow: hidden;
	transition: all .5s;
}
.mm-products-cateloge:nth-child(4n){
	margin-right: 0
}
.mm-products-cateloge_all::after{
	content: "";
	display: block;
	clear: both
}
.mm-products-left .mm-products-left-ul>li{
	border-bottom: 1px solid #ccc;
	position: relative;
	line-height: 1.75;
	
}

.pkg-size-list {
    list-style-type: none;
    padding: 0;
  }
  .pkg-size-list li {
    padding: 10px 0;
    border-bottom: 1px solid #eee;
  }
  .pkg-size-list li:last-child {
    border-bottom: none;
  }
  .size-title {
    margin-right: 10px;
  }
  .jar-title { color: #555; }
.pkg-jar-list li span + span { margin-left: 20px; }

.pkg-tube-list {
    list-style-type: none;
    padding: 0;
  }
  .pkg-tube-list li {
    padding: 8px 0;
    border-bottom: 1px solid #f0f0f0; /* 浅灰色分隔线 */
  }
  .pkg-tube-list li:last-child {
    border-bottom: none; /* 最后一项去底线 */
  }
  .tube-title {
    margin-right: 10px; /* 标题右侧间距 */
  }
 
/*.mm-products-left-ul>.products-list-left::after{
	content: "\f067";
    width: 20px;
    height: 20px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    color: #666;
    right: 0;
    top: 7px;
    border: 1px solid #666;
    text-align: center;
    line-height: 20px;
    border-radius: 5px;
	cursor: pointer
}
.mm-products-left-ul>li.products-list-left.current::after{
	content: "\f068";
}*/
.mm-products-left ul>li a {
    font-size: 16px;
    padding: 5px;
    color: #444;
    transition: 0.5s;
    letter-spacing: 0.5px;
}
.mm-products-left ul>li a:hover,.news-title-li-a:hover,.news-rightlist-box>ul>li>a:hover{ 
 color: #fff!important;
 transition: 0.5s;
 padding:5px 10px;
 background-color:#4084c5;
 border-radius:5px;
}
.mm-products-left-ul li span{
	position: absolute;
    right: 5%;
	font-size: 24px;
	top: 16%;
	display: none
}
.mm-products-dropdown {

    padding-left: 5%;
}
.mm-products-right-text-title{
	font-size: 18px;
	color: #000;
	font-weight: bold;
	transition: 0.5s;
}
.mm-products-right-text-title:hover{
	color: #d38292;
	transition: 0.5s;
}
.mm-products-dropdown{
	display: none;
}
.current .mm-products-dropdown{
	display: block;
}
.products-banner{
	
        display: block;
        height: 450px;
        position: relative;
        z-index: 99;
        padding: 0px 0;
        width: 100vw;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-bottom: 40px;
        background-size: cover;
    
}
.products-banner::before {
    content: "";
    display: block;
    width: 100vw;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #00000050;
}
.pr-banner-vests {
    max-width: 1340px;
    width: 94%;
    text-align: center;
    justify-content: normal;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
}
.pr-banner-vests h2 {
    font-size: 36px;
    /* text-align: left; */
    margin-bottom: 20px;
    color: #fff;
    font-weight: bold;
}
.pr-banner-vests ul {
    position: relative;
    padding-left: 20px;
    padding: 0px 0px 10px 0px;
    font-size: 16px;
    line-height: 150%;
    color: #333333;
    margin-bottom: 10px;
    display: inline-block;
}
.pr-banner-vests ul li {
    color: #fff;
    font-size: 18px;
}

.top-one span img {
    margin-top: 10px;
}
.index-nav-left a img{
	position: absolute; 
    filter: brightness(0) invert(1);

}
.index-nav-left.left{display: block;}
.top-right a img{
	margin-top: 10px;
}
.index-banner video{width: 100%;margin-top: -27px}

.index-banner-text-all {
    position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%);
    color: #fff;
    z-index: 4;
	width: 72%;
}
.index-banner-text-all h2{
	font-size: 36px;
	text-align: center;
	margin-bottom: 3%;
	font-weight: bold
}
.index-banner-text-all p{
	font-size: 16px;
	text-align: center;
}
.icon-triangle {
    position: relative;
    margin-left: 25px;
    width: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    border-color: transparent transparent transparent #d38292;
    border-style: dashed dashed dashed solid;
    border-width: 6px 0 6px 12px;
    overflow: initial;
    vertical-align: middle;
}
.icon-triangle::before {
    position: absolute;
    left: -32px;
    top: 50%;
    display: inline-block;
    content: '';
    width: 20px;
    height: 2px;
    margin-top: -1px;
    background-color: #d38292;
}
.index-video-one {
    position: relative;
    background: #eeeeee;
    display: flex;
    align-items: center;
}
.index-video-one-left {
    float: left;
    width: 50%;
    position: relative;
}
.index-video-one-left>img {
    width: 100%;
}
.video-pofangqi-bg {
    cursor: pointer;
}
.video-pofangqi-bg {
    position: absolute;
    top: calc(50% - 100px);
    left: calc(50% - 100px);
}
.video-pofangqi {
    position: absolute;
    width: 200px;
    height: 200px;
    transition: 0.5s;
}
.videoe .index-video-one-left .video-pofangqi {
    position: absolute;
    width: 80px;
    height: 80px;
    transition: 0.5s;
}
.videoe .shipingbofang-play {
    font-size: 180px;
    color: #fff;
    line-height: 1;
    text-align: center;
    padding-left: 0;
    margin-top: 0;
    display: inline-block;
}
.videoe .video-pofangqi-bg {
    position: absolute;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
}
.shipingbofang {
    position: absolute;
    width: 100%;
    font-size: 48px;
    text-align: center;
    left: 20px;
    top: 14px;
    transition: 0.5s;
}
.wrapperad {
    transform-origin: center 50%;
    position: absolute;
    animation: wrarb 1s steps(10) infinite;
    border: 1px #888888 dashed;
    border-radius: 100%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.video-pofangqi .wrapperada {
    width: 80%;
    height: 80%;
    left: 10%;
    top: 10%;
}
.shipingbofang-play {
    font-size: 180px;
    color: #fff;
    line-height: 1;
    text-align: center;
    padding-left: 4px;
    margin-top: -5px;
    display: inline-block; 
}
.video-pofangqi-bg:hover .shipingbofang-play {
    color: #d38292;
}
.index-video-one-right {
    float: left;
    width: 48%;
    padding: 0px 0px 22px 47px;
}
.index-right-new-all-box-img{
	width: 20%;
	float: left;
}
.index-right-new-all-box-text{
	float: right;
	width: 78%;
}
.index-right-new-all>h3{
	font-size: 24px;
	border-bottom: 1px dashed #999999;
    margin-bottom: 3%;  
	padding-bottom: 10px;
	color: #444;
	font-weight: bold;
}
.index-video-one-right-about-ubamboo>h3{
	font-size: 24px;
	color: #444;
	margin-bottom: 5px;
}
.index-video-one-right-about-ubamboo>p{
	font-size: 14px;
	line-height: 1.75;
	color: #666;
	width: 95%;
}
.index-right-new-all-box-img img{
	width: 100%;
}
.index-right-new-all-box{
	margin-bottom: 2%;
}
.index-right-new-all-box-text h4{
	font-size: 20px;
	margin-bottom: 10px;
	color: #555555
}
.index-right-new-all-box-text p {
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.75;
    color: #888888;
}
div.video2 {
    position: fixed;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0,0,0,0.4);
    top: 0;
    left: 0;
    z-index: 999999999999;
}
.movie1 {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 18vh; 
    box-sizing: border-box;
    border: 5px solid #d38292; 
    border-radius: 7px;
    cursor: pointer;
}
.close {
    position: absolute;
    left: 75%;
    top: 18vh;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #ccc;
    text-align: center;
    line-height: 26px;
    margin-left: -20px;
    margin-top: -13px;
    font-size: 26px;
    cursor: pointer;
    padding: 0;
    border: none;
}
.index-tittle h2{
	font-size: 30px!important;
	font-weight: bold;
	color: #d38292;
	margin-bottom: 3%;
}
.sw-shouji-button{display: none;}
.mm-six-all {
    margin: 60px auto;
    max-width: 1340px;
	display: none
}
.mm-six-all-title {
    text-align: center;
}
.mm-six-all-title h2 {
    text-align: center;
    font-size: 36px;
    color: #d38292;
    font-weight: bold;
    margin-bottom: 1%;
}
.mm-six-all-title p {
    font-size: 16px;
    margin-bottom: 1%;
}
.mm-six-box-top img{margin-bottom: 5%;}
.mm-six-box-top h3{font-size: 16px;color: #292929;font-weight: bold;}
.mm-six-all-box {
    display: flex;
    flex-flow: wrap;
}
.mm-six-box {
    text-align: center;
    width: 32%;
    margin-right: 2%;
	position: relative;
	overflow: hidden;
	box-shadow: 0px 0px 3px 1px #00000025;
    margin-bottom: 2%;
	transition: 0.5s;
	cursor: pointer
}
.mm-six-box:nth-child(3n){
	margin-right: 0!important;
}
.mm-six-box-bottom {
    position: absolute;
    bottom: -100%;
    height: 100%;
    width: 100%;
	background: #d38292;
	color: #fff;
	font-size: 16px;
	line-height: 1.75;
	padding: 5%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.mm-six-box-bottom p{
	display: flex;
	justify-content: center;
	align-items: center;
}
.mm-six-box-top {
    padding: 10%;
}

.mm-six-box:hover .mm-six-box-bottom {
    bottom: 0;
	transition: 0.5s;
}

/*boom*/
.mm-boom-img {
    margin: 0px auto;
    max-width: 1340px;
}
.mm-boom-img-title {
    text-align: center;
}
.mm-boom-text-box {
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature_mid img{
	width: 100%;
}
.mm-boom-img-title h2{
	font-size: 36px;
	font-weight: bold;
	margin-bottom: 3%;
	color: #d38292;
}
.mm-boom-img-title p{
    font-size: 16px;
    color: #444;
    line-height: 1.75;
}
.feature_left {
    float: left;
    width: 460px;
    margin-top: 55px;
}
.feature_mid {
    float: left;
    width: 250px;
    margin-top: 20px;
}
.feature_right {
    float: left;
    width: 460px;
    margin-top: 55px; 
}
.feature_list1, .feature_list2, .feature_list3, .feature_list4 {
    width: 400px;
    overflow: hidden;
	height: 96px;
}
.feature_list1 {
    float: right;
    margin-bottom: 45px;
}
.feature_left .feature_detail_r {
    width: 74px;
    float: right;
}
.feature_left .feature_detail_l {
    width: 300px;
    margin-right: 24px;
}
.feature_left .feature_detail_r img {
    width: 100%;
}
.feature_right .feature_detail_l {
    width: 74px;
    float: left;
}
.feature_left .feature_detail_l h3 {
    font-size: 20px;
    color: #585855;
    text-align: right;
	margin-bottom: 10px;
	font-weight: bold;
}
.feature_left .feature_detail_l p {
    font-size: 12px;
    color: #585855;
    line-height: 20px;
    text-align: right;
}
.feature_right .feature_detail_r h3 {
    font-size: 20px;
    color: #585855;
    text-align: left;
	margin-bottom: 10px;
	font-weight: bold;
}
.feature_right .feature_detail_r p {
    font-size: 12px;
    color: #585855;
    line-height: 20px;
    text-align: left;
} 
.feature_right .feature_detail_r{
	width: 300px;
    float: left;
    margin-left: 24px;
}
.feature_list2 {
    margin-right: 45px;
    margin-bottom: 45px;
    margin-top: 45px;
}
.feature_list3{
	margin-bottom: 45px;
}
.feature_list4 {
    margin-left: 45px;
	margin-bottom: 45px;
	margin-top: 45px;
}


.products-top {
    padding: 0%;
}
.downlist {
    display: none!important;
    position: absolute;
    width: 200px;
    z-index: 99999;
    left: -12px;
    background: #fff;
    top: 80px;
    box-shadow: rgb(0 0 0 / 10%) 0px 3px 10px -3px;
	padding: 0 0 10px 0;
	transition: all 0.3s ease-out 0s;
}
.downlist .downlist-qt {
    margin: 0 auto;
}
.downlist-qt-custo {
    float: left;
    width: 100%;
    line-height: 45px;
	height: 40px
}
.downlist-qt-custo a{
	display: block;
	margin-left: 20px;
	width: 100%; 
	
}
.downlist-qt-custo:hover{
    background: #4084c5;
}
.downlist-qt-custo:hover a{
    color: #fff;
}
.downlist-qt-custoo h3 a {
    font-size: 14px;
    text-transform: uppercase;
    color: #313131!important;
    text-align: left;
    height: 40px!important;
}
.downlist-qt-custo ul li {
    text-align: left;
}
.downlist-qt-custo ul li a {
    font-size: 11px;
    font-weight: 400;
    color: #646060;
    height: 40px!important;
    letter-spacing: 0px;
    text-transform: capitalize;
}
/*玻璃框架*/
.mm-left-right-three {
    margin: 40px auto;
	max-width: 1340px
}
.mm-leftboxs {
    float: left;
    width: 50%;
    padding: 100px 210px 100px 80px;
    background: #d38292;
}
.mm-rightboxs {
    float: left;
	width: 45%;
}

.mm-leftboxs h2{
	font-size: 36px;
	color: #fff;
	font-weight: 600;
	width: 100%;
	margin-bottom: 40px;
}
.mm-leftboxs a{
	display: inline-block;
	padding: 20px 40px;
	font-size: 20px;
	color: #fff;
	border: 1px solid #fff;
	cursor: pointer;
	transition: 0.5s;
}
.mm-leftboxs a:hover{
	background: #fff;
	color: #d38292;
	transition: 0.5s;
}
.mm-rightboxs-one-all-img {
    margin-right: 20px;
	display: none
}
.mm-rightboxs-one-all {
    display: flex;
	margin-bottom: 30px
}
.mm-rightboxs-one-all-text h3 {
    font-size: 18px;
    color: #666; 
    font-weight: 600;
    margin-bottom: 5px;
	font-weight: bold;
	text-transform: uppercase;
}
.mm-rightboxs-one-all-text p {
    font-size: 14px; 
    font-weight: 400;
    color: #666;
	line-height: 1.55;
}
/*新联系我们*/
.mm-contact-us-all {
    max-width: 1340px;
    margin: 40px auto;
	padding-top: 260px;
}
.mm-contact-us-all-left {
    width: 47%;
    float: left;
	position: relative;
}
.mm-contact-us-all-left-text {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 30%;
    text-align: center;
}
.mm-contact-us-all-left-text h2 {
    font-size: 24px;
    margin-bottom: 20px;
	color: #444;
}
.mm-contact-us-all-left-text p {
    font-size: 14px;
	color: #666;
	line-height: 1.7;
}
.mm-contact-us-all-left-img img {
    width: 100%;
	opacity: 0.7;
}
.list-input::placeholder{font-size: 14px;color:#444 }

.mm-contact-us-all-right h4{font-size: 18px;color: #fff;margin-bottom: 35px;}
.mm-contact-us-all-right {
    float: right;
    width: 600px;
	height: 330px;
    background: #cba18b;
    border-radius: 20px;
	padding: 50px;
	margin-top: 30px;
	text-align: center;
}
.mm-form-top{
	display: flex;
	flex-flow: wrap;
	width: 100%;
	margin-bottom: 20px;
}
.mm-form-top:nth-child(2){
	margin-bottom: 0;
}
.mm-form-top-all {
    display: flex;
	margin-bottom: 25px;
	flex-flow: wrap;
}
.mm-form-top span{
	margin-bottom: 10px;
}
.mm-form-top input{
	float: left;
    width: 68%; 
	height: 35px;
    background-color: #fff;
    border: solid 1px #c0c4cb;
    margin-right: 5%;
    line-height: 2em;
    padding: 6px;
	box-sizing: border-box;
	padding-left: 10px;
	    margin-left: 16%;
}
.list-input.name{
	width: 68%!important;
}
#size10, #size11 {
    width: 100%;
    background-color: #fff;
    border: solid 1px #c0c4cb;
    margin-right: 2.5%;
    line-height: 2em;
    padding: 5px;
    border-radius: 3px;
    padding-left: 10px;
}
.mm-form-top.long{width: 100%;}
.mm-contact-us-all-right-button button{
	margin-top: -1%;
    color: #d38292;
    background-color: #fff;
    padding: 9px 50px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
	margin-left: 0; 
	box-shadow: 0px 4px 2px 0px #00000035
	
}
.mm-form-top::placeholder{
	font-size: 14px
}
.mm-index-huadong-all-box img { 
    width: 220px;
	height: 280px;
} 
.mm-index-huadong-all-new {
    display: flex;
    margin: auto;
    max-width: 1340px;
	justify-content: center
}
.mm-index-huadong{
	margin: 80px auto;
} 
.bx-controls.bx-has-pager.bx-has-controls-direction{text-align: center;margin: 20px;}
.mm-index-huadong .bx-pager,.mm-logo-huadong .bx-pager{display: none;}
/*
.mm-logo-huadong-all-box img{
	transition: 0.5s;
}
.mm-logo-huadong-all-box:hover img {
    box-shadow: 0 0 5px 4px #80808050;
    transition: 0.5s;
}
*/

.mm-logo-huadong-all-box img {
    width: 100%!important;
}
 .mm-index-huadong-all-box {
    text-align: center;
}
.mm-six-new ul li {
    width: 15%;
    text-align: center;
    margin-right: 2%;
}
.mm-six-new ul li img{
	margin: auto;
	width: 16%;
}
.mm-six-new ul li p{
	font-size: 14px;
	color: #444;
	margin-top: 10px;
}
.mm-six-new ul li:nth-child(6) {
    margin-right: 0;
}
.mm-six-new ul {
    display: flex;
    margin: auto;
    max-width: 1340px; 
}
.mm-logo-huadong {
    margin: auto;
    max-width: 1340px;
}
.index-new-contact-bac{
	background: #424242;
    height: 70px;
    position: relative;
    margin-top: 210px;
    z-index: 8;
}
.index-new-contact{
	    position: relative;
    z-index: 9;
    background: #c7a693;
    color: #fff;
    margin: auto;
    max-width: 1340px;
    border-radius: 20px;
    height: auto;
    text-align: center;
    margin-top: -195px;
    padding-bottom: 16px;
}
.index-new-contact>h3{
	font-size: 32px;
	font-weight: bold;
	padding: 20px 0 25px 0;
}
.index-new-contact>p{
	font-size: 16px;
}
.index-new-contact>a{
	    display: inline-block;
    width: auto;
    height: 40px;
    line-height: 40px;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 25px;
    transition: 0.5s;
    font-weight: bold;
    padding: 0 20px;
}
.index-new-contact>a:hover{
	background: #fff;
	color: #d38292;
	transition: 0.5s; 
}
.index-about-ubamboo-new h2,.index-eight-title h2,.oof>h2 {
	background: #cba18b;
	color: #fff;
	height: 60px; 
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	text-transform: uppercase
}
.news-title h2{
	color: #d38292;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase
}
.index-eight-title>p {
    font-size: 14px;
    color: #444;
    text-align: center;
    line-height: 24px;
	width: 71%;
	margin: auto
}
.index-eight-title>p>span{
	font-size: 14px!important
}
.index-about-ubamboo-new{
	margin: auto;
	max-width: 1340px; 
}
.index-new-search img{
	width: 75%;
	margin-top: 28px;
	cursor: pointer;
	filter: brightness(0.5);
}
.index-news-yuyan img{margin-top: 20px;}
.index-news-yuyan {
    padding: 0px 10px 0 0;
}
.downlist-qt-custo h3 a{
	color: #666!important;
	font-size: 14px;
	transition: 0.5s;
}
.downlist-qt-custo h3 a:hover{
	color: #000!important;
	transition: 0.5s;
}
.index-about-ubamboo-new-left{
	width: 47%;
	float: left 
}
.index-about-ubamboo-new-right{
	width: 47%;
	float: right
}
.index-about-ubamboo-new-left img{
	width: 100%;
}
.index-about-ubamboo-new-right p:nth-child(2) {
    margin-bottom: 20px;
}
.index-about-ubamboo-new-right p:nth-child(3) ,.index-about-ubamboo-new-right p:nth-child(4),.index-about-ubamboo-new-right p:nth-child(5){
    font-size: 14px;
} 
.index-about-ubamboo-new-right p {
    font-size: 14px;
    line-height: 30px;
}

/*
.index-about-ubamboo-new-right a {
    display: inline-block;
    width: 285px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #7d7d7d;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3a7e36;
}
.index-about-ubamboo-new-right a {
    display: inline-block;
    width: 285px;
    height: 50px;
    line-height: 50px;
    border: 1px solid #7d7d7d;
    border-radius: 8px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #3a7e36;
	transition: 0.5s;
	margin-top: 20px;
	transform: translate(-50%);
    margin-left: 50%;
	display: none;
}
*/

.index-about-ubamboo-new-right a:hover{
    color: #d38292;
}


.index-eight {
    margin:0px auto;
    max-width: 1340px;
	margin-top: 36px;
	margin-bottom: 40px;
}
.index-eight-box-all ul {
    display: flex;
    flex-flow: wrap;
}

.index-eight-box-all ul li {
    width: 49%;
	margin-right: 2%;
    height: 150px;
    display: flex;
    border-bottom: 1px dashed #ddd;
    align-items: center;
}
.index-eight-box-all ul li:nth-child(2n) {
	margin-right: 0;
}
.index-eight-box-all-left {
    margin-right: 40px;
}
.index-eight-box-all-right h4{
	font-size: 16px;
	color: #666;
	margin-bottom: 10px;
	font-weight: bold
}
.index-eight-box-all-right p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.tp-banner-container{
	width: 1340px!important;
	left: 0!important
}
.tp-leftarrow.tparrows.default{
	left: 0!important
}
.tp-leftarrow.tparrows.default, .tp-rightarrow.default{
    display: none;
}
.tp-rightarrow.tparrows.default{
	right: 0!important
}
.oof{ 
	margin: 60px auto;
	max-width: 1340px;
}




.zxz{margin: auto;max-width: 1340px;}

/*新切contact us*/
.cla_box {
    max-width: 1340px;
    margin: 40px auto;}
.cla_box{
	margin-top: 0
}
.contact_main_left {
    width: 50%;
    float: left;
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 20px 2px;
}
li.company_name {
    border-bottom: 3px solid #4084c5;
    float: none;
    font-size: 22px!important;
    color: #4084c5!important;
    text-transform: uppercase;
    font-family: "oakes-b";
    margin-bottom: 20px;
    padding: 20px 40px 5px!important;
    background: #f8f8f8;
}
.contact_main_right {
    width: 45%;
    float: right;
}
.contact_main_left li {
    overflow: hidden;
    font-size: 20px;
    color: #333;
    line-height: 40px;
    padding: 0 40px 20px;
    display: flex;
    letter-spacing: 1px;
	flex-flow: wrap
}
.contact_main_left li div {
    float: left;
    font-size: 16px;
    margin-right: 10px;
}
.contact_main_right h2 {
    font-size: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    color: #232323;
    line-height: 40px;
    display: block;
	height: 40px;
	padding-left: 5px;
	font-family: "oakes-b"
}
.company-body-all.all.CONTACT.US a.inner-content{
	background: #c5c5c5!important;
	font-size: 14px!important;
	padding: 10px 25px!important; 
	height: 40px;
	line-height: 22px!important;
	position: relative;
	z-index: 99!important;
	display: none!important
}
.contact_main_right>p {
    line-height: 34px;
    font-size: 14px;
    color: #333;
    margin-bottom: 10px;
    margin-top: 15px;
}
.list-input::placeholder{
	font-size: 14px;
	color: #666
}
.mm-form-top-all-new{
	display: flex;
}
.mm-form-top-all-new input{
	float: left;
    width: 100%;
    height: 35px;
    background-color: #fff;
    border: solid 1px #c0c4cb;
    margin-right: 5%;
    line-height: 2em;
    padding: 6px;
    box-sizing: border-box;
    padding-left: 10px;
	margin-left: 0!important;
	border-radius: 3px;
}
.mm-form-top.long input {
    margin-left: 0!important;
}
.mm-contact-right-button button {
    margin-top: 2%;
    color: #fff;
    background-color: #4084c5;
    border-radius: 3px;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.5s;
    position: relative;
}
.mm-contact-right-button button:hover{
	background-color: #A48B78;
	color: #fff;
	transition: 0.5s;
}
.mm-contact-right-button button::after{
	content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%; 
    top: 0;
    left: 0;
    border-radius: 6px;
	z-index: -1
}
.mm-contact-right-button button:hover::after{
	width: 100%;
	transition: 0.5s; 
	background: #d38292;
}
.company-body-all.all.CONTACT.US .inner-content::after{
	content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%; 
    top: 0;
    left: 0;
    border-radius: 6px;
	z-index: -999!important
}
.company-body-all.all.CONTACT.US .inner-content:hover::after{
	width: 100%;
	transition: 0.5s; 
	background: #d38292;
}
.new-leftlist{
	float: right;
	width: 77%;
}
.news-rightlist{
	float: left;
	width: 250px;
}
.widgettitle{
	font-size: 16px;
	font-weight: 600;
	color: #d38291;
	display: inline-block;
    padding: 0 1.2em;
    background: #ffffff;
    position: relative;
    z-index: 2;
	text-align: center;
	margin-bottom: 25px;
	width: 100%;
}

.news-rightlist-box ul li a {
   font-size: 14px;
	transition: 0.5s;
	color: #666; 
	font-family: "oakes-b";
	padding: 5px;
}
h2.widgettitle span {
    display: inline-block;
    padding: 0 1.2em;
    background: #ffffff;
    position: relative;
    z-index: 2;
	text-transform: uppercase;
}
h2.widgettitle:before {
    content: "";
    border-bottom: 1px solid #e1e1e1;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 0;
}
.mm-form-newform-all{
	display: flex
}
.mm-form-newform-all input{
	float: left;
    width: 100%;
    height: 35px;
    background-color: #fff;
    border: solid 1px #c0c4cb;
    margin-right: 5%;
    line-height: 2em;
    padding: 6px;
    box-sizing: border-box;
    padding-left: 6px;
}
.mm-form-top-newform {
    margin-bottom: 15px;
	display: flex;
    flex-flow: wrap;
}
.mm-form-top-newform span{
	margin-bottom: 10px;
}
input#size07,input#size09 {
 margin-right: 0!important;
}
input#size09{
	margin-right: 15px;
}
#size10, #size11{margin-right: 0}
.news-rightlist-box .mm-contact-us-all-right-button button {
    margin-top: 2%; 
    color: #fff;
    background-color: #d38292;
    border-radius: 6px;
    padding: 10px 40px;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
    margin-left: 46%;
    transform: translate(-50%);
	box-shadow: none
}
.oof .bx-pager{display: none}
.oof .bx-controls-direction .bx-prev,.oof .bx-controls-direction .bx-next{display: none;-webkit-transition: opacity .2s ease-out;}
/*.oof:hover .bx-prev,.oof:hover .bx-next{
	display: block;
	-webkit-transition: opacity .2s ease-out;
	
}*/
.oof .bx-controls-direction .bx-prev:hover, .oof .bx-controls-direction .bx-next:hover {
    background-position: 0 -40px;
}
.index-eight-box-all-left img {
    width: 35px;
}
/*new-company*/
.company-body-all-left-list{padding: 0}
.company-body-all::after,.company-pic-box::after{
	content: "";
	display: block;
	clear: both;
} 
.company-body-all {
    margin:50px auto;
    max-width: 1340px;
	display: flex;
	min-height: 500px;
} 

.company-body-all-left {
   float: left;
    width: 283px;
    margin-right: 0%;
    padding-left: 50px;
	display: none
}

.company-body-all .company-body-all-right{
       float: right;
    width: 100%;
}
.hy-product-detail-content{
	float: right;
    width: 100%;
} 
.company-right-our-company {
    width: 100%;
    float: right;
	    padding: 0 0 0 2%;
}
.videoe_play {
    text-align: center;
    margin-top: 40px;
}
.shipingbofang-play i{
	padding-top: 0;
	font-size: 48px
}
.videoe .index-video-one-left {
    float: left;
    width: 50%;
    position: relative;
        margin: 40px 25% 20px 25%;
}

.company-body-all.all .company-body-all-right ul {
    width: 100%;
}
.company-right-our-company-title>img{
	width: 100%;
}
.company-right-our-company-title>p{
	font-size: 14px;
	color: #393939;
	line-height: 1.75;
	margin: 3% 0;
}
.company-pic-box {
    overflow: hidden;
    margin-top: 20px;
    background: #ededed;
}
.company-pic-box-left {
    float: left;
    width: 331px;
}
.company-pic-box-right {
    width: 575px;
    float: left;
	margin: 20px 20px 0 30px;
}
.company-pic-box-left.right{
	float: right;
}
.company-pic-box-right.left>p,.company-pic-box-right>p {
    line-height: 24px;
    font-size: 14px;
    text-align: justify;
}
.company-body-all-left-title-ul>h2,.mm-products-left-title-ul>h2,.news-rightlist-box>h2{
	color: #232323;
	font-size: 18px;
	font-family: "oakes-b";
	text-transform: uppercase;
	border-bottom: 2px solid #4084c5;
	padding-bottom: 10px;
}
.companylist-box,.news-rightlist-box ul li {
    width: 100%;
    overflow: visible;
    font-size: 16px;
    line-height: 1.75;
    border-bottom: 1px solid #e9e9e9;
	padding: 5px 0;
	display: flex
}
.companylist-box a b{
	font-weight: bold;
}
.companylist-box i{
	padding-top: 4px
}
.companylist-box i,.products-list-left i,.news-rightlist-box ul li i{
	margin-right: 5px;
	color: #666;
}
.news-rightlist-box ul li i{padding-top: 7px;} 
.products-list-left i{padding-top: 3px;font-size: 16px;}
.fa-li-flex,.products-list-left-top-flex{display: flex;padding: 5px 0;}
.products-list-left-top-flex>i{
	padding-top: 7px;
}
.companylist-box a{
	font-size: 12px;
	color: #666;
	transition: 0.5s;
}
.companylist-box a:hover{
	color: #d38292;
	transition: 0.5s;
}
.index-cateloge-text a{color: #d38292;display: block;font-weight: bold}
.index-cateloge-text .mm-cateloge-arrow{
	display: none
}
.about-zlj-one-zs .index-cateloge-text .mm-cateloge-arrow{
	display: block;
	color: #fff;
	transition: 0.5s;
}

.about-zlj-one-all {
    display: flex;
}
.about-zlj-one {
    width: calc(100% / 4);
    margin-right: 0;
    float: left;
    position: relative;
    margin-bottom: 2%;
    border-right: 4px solid #fff;
    cursor: pointer;
    overflow: hidden;
}
.about-zlj-one-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #232323;
/*	border-top: 4px solid #d38291;*/
}

.about-zlj-one img {
    width: auto;
    height: 100%;
    opacity: 0.5;
}
li.companylist-box.tables-li-click a{
	color: #d38292;
}
li.companylist-box.tables-li-click a b{
	font-weight: 600
}
.about-zlj-one-text {
    position: absolute;
    bottom: 0;
    padding: 20px;
    color: #fff;
    width: 100%;
    height: auto;
    transition: 0.5s;
} 
.about-zlj-one-text h2 {
        margin-top: 0;
    padding-bottom: 10px;
    border-bottom: 3px solid #4084c5;
    display: inline-block;
}

/*
.index-nav-right>ul>li:hover{
	background-color: #cba18b;
	color: #fff!important;
	transition: 0.5s;
}
.index-nav-right>ul>li:hover>a{
	color: #fff!important;
	transition: 0.5s;
}
*/
.index-nav-right>ul>li>a:after{
	content: "";
    display: inline-block;
    height: 2px;
    background: #4084c5;
	bottom: 0;
    left: 0%;
    position: absolute;
    top: 23px;
	right: 100%;
	transition: 0.5s;
	width: 0%;
}
.index-nav-right>ul>li:hover a:after {
	width: 100%;
	transition: 0.5s;
}
.index-nav-right>ul>li>a{position: relative;}


/*history*/
.history-all {
    height: auto;
}
.history-all-ub_logo {
    text-align: center;
}
.history-all-ub_logo img{
	    margin: auto;
    height: 40px;
    margin-bottom: 20px;
}
.history-all-ub_fzli,.about-misson-all_fzli,.markets-all-ub-all-title {
        position: relative;
    padding-left: 20px;
    padding: 1% 2%;
    background: #f9f9f9;
    margin-bottom: 30px;
    display: inline-block;
}
.history-all-left {
    width: 50%;
    float: left;
    padding: 2%;
    background: #fff;
    color: #fff;
    line-height: 1.7;
    margin-right: 0%;
    text-align: right;
	transition: 0.5s;
}
/*
.history-all-left:hover {
    transition: 0.5s;
	background: #d38292;
}
*/
.history-all-right p{
	    background: #fff;
    padding: 2%;
    font-size: 14px;
    color: #000;
    line-height: 25px;
    cursor: pointer;
    transition: 0.5s;
    text-align: right;
}
.history-all-right p:hover{
	background: #cba18b;
	transition: 0.5s; 
	color: #fff
}
.history-all-center {
    width: 0%;
    float: left;
    position: relative;
} 
.history-all-center::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    height: 2px;
    width: 50%;
    left: 0;
    background: #d38292;
    z-index: -1;
	display: none
}
.history-all-center-yuan {
    width: 16px;
    height: 4px;
    text-align: center;
    margin: auto;
    width: 14px;
    height: 14px;
    transform: rotate(-45deg);
    width: 24px;
    height: 24px;
    border-width: 15px;
    border-style: solid;
    border-color: #cba18b transparent transparent transparent;
    transform: rotate( 180deg );
    position: relative;
    top: -16px;  
	    left: -16px;
}
.history-all-center:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 2px;
    height: 231px;
    top: 0;
    z-index: 9;
    background: #cba18b;
    transform: matrix(1, 50, 0, 1, 0, 70);
}
.history-all-right {
    width: 50%;
    float: left;
    padding-left: 2%;
       margin-top: -40px;
}

.history-all.first .history-all-center{
	margin-bottom: 0px;
}
.history-all.first .history-all-right{
	    margin-top: 35px;
}
.history-all-ub_fzli h2,.about-misson-all_fzli h2,.markets-all-ub-all-title h2{
	    font-size: 16px;
    font-weight: bold;
	display: inline-block;
	color: #666
}
.history-all-ub {
    overflow: hidden;
    margin-bottom: 20px;
}
.history-all{
	display: flex
}
.history-all:nth-child(2n){
	    flex-flow: row-reverse;
	display: flex
}
.history-all-ub_fzli_img{
	display: none
}
.history-all-a-right .history-all-right h2{
	text-align: left
}
.history-all-a-right .history-all-right p{
	text-align: left
}
.history-all-right{
	padding-left: 0%;
	padding-right: 2%
}
.history-all.history-all-a-right .history-all-right{
	padding-right: 0;
	padding-left: 2%
}
.history-all-right h2 {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-bottom: 5px;
    padding: 0 2%;
    text-align: right;
}
.history-all:after {
    content: "";
    clear: both;
    display: block;
}
.history-all-a-right .history-all-left {
    float: right;
    margin-left: 0%;
    margin-right: 0;
    text-align: left;
}
.history-all-a-right .history-all-right {
    float: right;
    text-align: right;
    padding-left: 0;
    padding-right: 2%;
}
.history-all-a-right .history-all-center {
    float: right;
}
.history-all-center-yuan.none{display: none}
/*.history-all.first .history-all-right{padding-left: 0}*/
.history-all.history-all-a-right.second {
    height: auto;
}
.history-all.third {
    height: auto;
}
.history-all.history-all-a-right.four {
    height: auto;
}
.history-all.five {
    height: auto;
}
.history-all.third .history-all-center:after{top: 0;}
.history-all.history-all-a-right.four .history-all-center:after{top:0px;}
.history-all.five .history-all-center:after{top:0px;}
.history-all.history-all-a-right.six .history-all-center:after{top:0;}
.cer-pic h3{font-size: 16px;color: #666;margin-bottom: 10px;font-weight: bold;text-align: left;text-transform: uppercase;}
.cer-pic p{font-size: 14px;color: #444;line-height: 1.7;margin-bottom: 0px;text-align: left}
.cer-pic{text-align: center;    padding:1% 2%;
    background: #f9f9f9;display: inline-block;height: 43px;}
.cer-pic>img{width: 100%;}
.about-quality-left{width: 75%;float: left}
.about-quality-right{width: 20%;float: right}
.about-quality-left h3{font-size: 16px;
    color: #666;
    margin-bottom: 10px;
    font-weight: bold;
	text-transform: uppercase 
}
.about-quality {
    padding: 15px;
    background: #f9f9f9;
}
.about-quality-as{
	padding:0 15px;
}
.about-quality-left p{font-size: 14px;color: #444;line-height: 1.7;margin-bottom: 15px;}
.tree-picture img,.about-quality-right img{width: 100%;}
.about-quality-as {
    float: left;
	    margin-top: 30px;
}
	.about-quality-as p {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 15px;
}
	.about-mission-list-right>h3{
		    font-size: 16px;
    color: #666;
    margin-bottom: 5px;
}
	.about-mission-list-right>p{font-size: 14px;color: #444;line-height: 1.75}
	.about-mission-list-bottom {
    position: absolute;
    bottom: -100%;
    height: 100%;
    width: 100%;
    background: #cba18b;
    color: #fff;
    font-size: 16px;
    line-height: 1.75;
    display: block;
    justify-content: center;
    align-items: center;
}
.about-misson-all {
    padding: 0 2%;
	padding-right: 0
}
	.about-mission-list-top-bottom{
		    position: relative;
    overflow: hidden;
    margin-bottom: -6px;
    cursor: pointer;
}
	.about-mission-list-top-bottom:hover .about-mission-list-bottom {
    bottom: 0;
    transition: 0.5s;
}
.about-mission-list-top::after{
	content: "";
	display: block;
	clear: both;
}
.about-mission-list-top {
    padding: 10px;
	display: flex;
    align-items: center;
}
.about-mission-list-left {
    float: left;
    width: 10%;
    text-align: center;
	display: flex;
	justify-content: center;
	display: none
}
.about-mission-list-right {
    float: right; 
    width: 90%;
}
.about-mission-list-bottom{
	flex-flow: wrap
}
.about-mission-list-bottom p{
	font-size: 14px;
	text-align: left;
	width: 100%
}
.about-mission-list-top-bottom:hover{
	
    position: relative;
}
.about-mission-list-top-bottom:hover .about-mission-list-bottom{
	padding: 10px;
	    width: 100%;
    text-align: left;
/*    right: 0;*/
}


/*new-css start*/
	.index-cateloge-text.hover h4{color:#d38292; 
}
.mm-form-newform-all {
 display: flex;
}

.mm-form-top-newform input {
 float: left;
 width: 100%;
 height: 35px
;
 background-color: #fff;
 border: solid 1px
 #c0c4cb;
 margin-right: 5%;
 line-height: 2em;
 padding: 6px
;
 box-sizing: border-box;
 padding-left: 6px
;
}
input#size07, input#size09 {
 margin-right: 0;
}
.tp-banner ul li img{width:100%}

.companylist-box a{
	text-transform: uppercase;
	font-weight: 100;
}

	
.poster-main{
	margin-bottom: 0	
}
.zys-spindle-lunbo-twice .about-quality-as{
	margin-top: 0
}
.poster-btn.poster-prev-btn {
    display: none;
}
.poster-main .poster-next-btn{
	display: none
}

.poster-list{height: 100%!important;}

.about-environmental-top{
	    position: relative;
    padding-left: 20px;
    padding: 1% 2%;
    background: #f9f9f9;
    margin-bottom: 10px;
    display: inline-block;
}
.about-environmental-top h2{
	font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    font-weight: bold;
    text-transform: uppercase;
	
}
.about-environmental-top p {
    font-size: 14px;
    color: #444;
    line-height: 1.7;
    margin-bottom: 0px;
}
.about-environmental-bottom{
	
    margin-bottom: 100px;
}
.company-body-all-right{
	margin-top: 0px
}
.about-environmental-bottom img {
    width: 100%;
    height: 200px;
}
.company-body-all.all.CONTACT.US .company-body-all-right{
	width: 100%
}
.about-environmental-bottom_much{
	width: 94%;
    margin: auto;
    background: #f9f9f9;
    color: #000;
    padding: 20px;
    margin-top: -20px;
    position: relative;
    z-index: 99;
    line-height: 1.75;
    text-align: left;
    padding-bottom: 100px;
}
.fa.fa-search{
	padding-top: 0!important;
	color: #fff;
}
.index-eight-title {
    margin-bottom: 10px;
}
/*
.index-nav-right>ul>li>a:after{
	content: "";
    display: block;
    position: absolute;
    bottom: 16px; 
	width: 59%;
    left: 0;
    right: 100%;
    margin: 0 15px;
    border-bottom: 2px solid;
    border-bottom-color: #666;
    transition: right 0.5s;
	z-index: 999;
    height: 2px;
    background: #000;
    text-align: center;
}
*/
.about-mission-i{display: flex;line-height: 16px;}
.about-mission-i>i{
	padding-top: 5px;
	margin-right: 5px;
}
.imageContainer ne {
 position: relative;
 padding-left: 20px;
 padding: 1% 2%;
 background: #f9f9f9;
 margin-bottom: 10px;
 display: inline-block;
}
.imageContainer ne h2{font-size: 16px;
 font-weight: bold;
 display: inline-block;
} 

.imageContainer p {
 position: relative;
 padding-left: 20px;
 padding: 0px 0px 10px 0px;  font-size:16px; line-height: 150%; color: #333333;
 margin-bottom: 10px;
 display: inline-block;
 font-family: 'Futura-regular';
}

.imageContainer ul {
 position: relative;
 padding-left: 20px;
 padding: 0px 0px 10px 0px;  font-size:16px; line-height: 150%; color: #333333;
 margin-bottom: 10px;
 display: inline-block;
}
.imageContainer h1 {
 position: relative;
 padding-left: 20px;
 padding: 0px 0px 15px 0px;  font-size:36px!important; font-weight: bold; color: #03488c;
 margin-bottom: 10px;
 display: inline-block;
 font-family: 'Futura-regular';
}
 
.new .imageContainer {
    height: 100%!important; padding-bottom: 20px;
}
.imageContainer a {font-size:16px; color: #03488c; text-decoration: underline }
.imageContainer a:hover {font-size:16px; color: #000000; text-decoration: none }
.about-mission-i-i>i{
	padding-top: 0;
	margin-right: 5px;
	line-height: 20px;
}
.imageContainer h2 {
 position: relative;
 padding-left: 20px;
 padding: 0px 0px 0px 0px;  font-size:26px; font-weight: bold; color: #5692cd;
 margin-bottom: 10px;
 display: inline-block;
 font-family: 'Futura-regular';
}
.imageContainer h3 {
 position: relative;
 padding-left: 20px;
 padding: 0px 0px 0px 0px;  font-size:22px; font-weight: bold;
 margin-bottom: 10px;
 display: inline-block;
 font-family: 'Futura-regular';
}
.text-content li {

    font-family: 'Futura-regular';
}
.about-mission-i-i>i{
	padding-top: 0;
	margin-right: 5px;
	line-height: 20px;
}
.about-mission-i-i{
	display: flex;
	height: 25px;

}
.tittle-top-right {
    float: left;
    margin-top: 29px;
    line-height: 22px;
	margin-left: 2px;
}
.tittle-top-left {
    float: left;
    padding: 0;
	
}
.tittle-top-middle{
	color: #b7b5b5
}
.company-body-all-right p{
font-size: 16px;
 color: #232323;
 line-height: 1.6;
 margin-bottom: 15px;
}
input#size08 {
    margin-right: 0;
}
input#size12 {
    margin-right: 0;
}
.news-rightlist-box.zzz{display: none}
.company-body-all.all.CONTACT.US,.company-body-all.all.OUR.COMPANY,.company-body-all.all.MARKETS{
	margin-bottom: 50px;
	
}
.company-body-all.all.FAQS {
    margin-top: 0;
    margin-bottom: 40px;
}



/*markets*/
.markets-all-ub-all {
    margin: 0px auto;
    max-width: 1340px;
	text-align: center;
}
.markets-all-ub-all ul {
    display: flex;
    flex-flow: wrap;
}
.markets-all-ub-all ul li {
    width: 49%;
    margin-right: 2%;
    text-align: center;
    margin-bottom: 5%;
}
.markets-all-ub-all-left {
    float: left;
    width: 20%;
}
.markets-all-ub-all-right {
    float: right;
    width: 75%;
	text-align: left;
}
.markets-all-ub-all-right>h2{
	font-size: 15px;
	color: #666;
	transition: 0.5s;
	margin-bottom: 10px;
	font-weight: bold;
	transition: 0.5s
}
.markets-all-ub-all-right>h2{
	display: inline-block;
	font-size: 15px;
	color: #666;
	transition: 0.5s;
	margin-bottom: 20px;
	font-weight: bold;
	transition: 0.5s;
	position: relative;
	cursor: pointer
}
.markets-all-ub-all>ul>li:hover .markets-all-ub-all-right>h2:after{
	width: 100%;
	transition: 0.5s
}
.markets-all-ub-all-right>h2:after{
	content: "";
    display: inline-block;
    height: 2px;
    background: #d38292;
    bottom: 0;
    left: 0%;
    position: absolute;
    top: 25px;
    right: 100%;
	transition: 0.5s;
	width: 0%;
}
.markets-all-ub-all-right>hr {
    display: inline-block;
    content: "";
    background: #666;
    height: 3px;
    width: 40px;
    margin-bottom: 20px;
	display: none
}

.markets-all-ub-all-right>p{
	font-size: 14px;
	color: #666;
	transition: 0.5s;
	overflow: hidden;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
	transition: 0.5s
}
.markets-all-ub-all-right>h2:hover{
	color: #d38292;
	transition: 0.5s;
}
.markets-all-ub-all>ul>.about-zlj-one-zs{transition: 0.5s}
.markets-all-ub-all>ul>.about-zlj-one-zs .markets-all-ub-all-right>p{
	overflow: hidden;
	-webkit-line-clamp: 20;
    line-clamp: 20;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
	transition: 0.5s
}
.company-body-all.all.MARKETS .company-body-all-right{width: 100%;}
.markets-all-ub-all ul li:nth-child(2n){
	margin-right: 0%;
}


.mm-cateloge ul li .about-zlj-one-zs .index-cateloge-text>p{
	display: block;
    font-size: 14px;
    color: #444;
    line-height: 20px;
    width: 100%;
    margin-bottom: 4%;
    overflow: hidden;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-all;
}


.foot-pr:hover{color: #fff;transition: 0.5s}
/*
.mm-cateloge .about-zlj-one-zs .index-cateloge-text p{
	display: block;
    font-size: 14px;
    color: #444;
    line-height: 20px; 
    width: 100%;
    margin-bottom: 0%;
    overflow: hidden;
    -webkit-line-clamp: 10;
    line-clamp: 10;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    display: -webkit-box;
    display: box;
    word-break: break-all;
	transition: 0.5s;
}
*/
.news-tittle-top {
    margin: auto;
    height: 80px;
    line-height: 80px;
	font-size: 14px;
	color: #ccc;
}
.active-top_acvide{
	max-width: 1440px;
	margin: auto;
	padding:20px 50px 
}
.company-body-all.all.Privacy.Policy{
	font-family: "PFBeauSansPro-SemiBold"!important
}
.company-body-all.all.Privacy.Policy .company-body-all-right, .company-body-all.all.FAQS .company-body-all-right,.company-body-all.all.MARKTES .company-body-all-right,.company-body-all.all.SERVICES .company-body-all-right,.company-body-all.all.Terms .company-body-all-right{
	width: 100%
}
.company-body-all.all.Terms{width: 1000px;}
.news-banner-title{
	height: 80px;
}
.news-banner-title-box{
	max-width: 1340px;
	margin: auto; 
	border-bottom: 1px solid #ccc;
	height: 60px;
}
.news-title-left{
	width: 30%;
	float: left;
}
.news-title-left h2{
	font-size: 14px;
    font-weight: bold;
    color: #fff;
    text-align: left;
	height: 80px;
	line-height:80px;
    color: #666;
    text-transform: uppercase;
}
.news-banner-title.tables-li-click .news-title-left h2{
	height: 40px;
	line-height: 40px;
	margin-top: 20px
}
.news-banner-title.tables-li-click .news-tittle-top{
	height: 40px;
	line-height: 40px;
	margin-top: 20px
}
.news-title-list{
	float: left;
}
.news-company{
	color: #b7b5b5
}
.news-home{
	color:#b7b5b5
}
.news-home:hover,.news-company:hover{
	color:#4084c5!important;
	transition: all .5s;
}
/*
.index-cateloge-text{
	position: relative;
	height: 75px
}
*/



.about-zlj-one-zs .index-cateloge-text{
	margin-bottom: 0
}

.mm-cateloge ul li{
	position: relative;
	box-shadow: 0px 1px 6px 1px #00000015;
	padding: 7px;
}
.news-rightlist-box {
    margin-bottom: 30px;
}
.news-time-year{
	color: #888;
	font-size: 14px;
	margin-left: 10px;
}
.index-new-view-time-left,.new-list-view-time-left {
    float: left;
}
.index-new-view-time-right,.new-list-view-time-right {
    float: right;
}
.company-body-all.all.Privacy.Policy {
    width: 1000px;
}
.news-title-li-a.current{
	color: #232323
}
.imageContainer.ne p span {
    color: #000;
	line-height: 30px!important;
}
.index-about-ubamboo-new-right>p {
    color: #666;
}
.contact_main_left ul li div{
	color: #666!important
}
.list-input::placeholder{
	color: #666
}
.products-top>h1{
	
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	display: none;
}
.products-top-p ul li .imageContainer.ne p{
    color: #333333;
	font-size: 16px;
	line-height: 32px!important;
}
.news-title-list_p{ 
	display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #333333;
    padding-top: 20px;
    border-top: 0px solid #efefef;
	font-size: 14px;
	line-height: 22px;
	display: none
}
.porder-top-li:hover .porder-top-img-right>h3{
	transform: translate(0,7px);
    -webkit-transform: translate(0,7px);
    -moz-transform: translate(0,7px);
    -o-transform: translate(0,7px);
    -ms-transform: translate(0,7px);
    transition: all .5s;
}
.porder-top-al {
    margin:50px auto;
    max-width: 1340px;
	margin-bottom: 60px;
}
.porder-top-con {
    float: right;
    width: 100%
}
.porder-top-li {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
	position: relative;
	transition: all .5s;
}
.porder-top-li:hover,.mm-products-cateloge:hover,.product-all-right-cp>li:hover {
	-webkit-box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    /* box-shadow: 0 15px 30px rgb(0 0 0 / 10%);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0); */
}

.porder-top-li:nth-child(4n) { 
    margin-right: 0px!important;
}
.porder-top-li:hover a .porder-top-img>img {
    transform: scale(1.05);
    transition: 0.5s;
}
.pord-img>img {
    display: none;
}
.main .pro-cont-right{
	display: none;
}
.porder-top-img{overflow: hidden;width: 100%}
.porder-top-img>img{width: 100%;transition: 0.5s;}
.porder-top-li:hover a .porder-top-img>img{
	transform:scale(1.05);
	transition: 0.5s;
}
.porder-top-li h3 {
    color: #262626;
    font-size: 16px;
	transition: all .5s;
	text-align: center;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.porder-top-li:hover .porder-top-img-right,.mm-products-cateloge:hover .mm-products-right-text,.product-all-right-cp>ul>li:hover .pr-name-text{
	-webkit-transform: translate(0,-15px);
    -moz-transform: translate(0,-15px);
    -o-transform: translate(0,-15px);
    -ms-transform: translate(0,-15px);
}
.pr-name-text{
	background: #fff;
	padding: 20px;
	text-align: center;
	transition: all .5s;
}
/*new-service*/
.service-one{
			max-width: 1340px;
			margin: auto
		}
		.service-one img{
			width: 100%
		}
		.service-one-bottom{
			display: flex;
			justify-content: center;
			flex-flow: wrap;
			margin-bottom: 25px;
			background: #ededed;
			padding: 2%;
		}
		.service-one-bottom h2{
			font-size: 16px;
			text-transform: uppercase;
			color: #666;
			margin-bottom: 25px;
			
			font-weight: bold;
			text-align: center;
		}
		.service-one-bottom h2::after{
			content: "";
			display: block;
			position: absolute;
			width: 0;
			height: 4px;
			background: #d38292;
			margin-top: 20px;
			transition: 0.5s;
		}
		.service-two-all h2::after{
			content: "";
			display: block;
			position: absolute;
			width: 0; 
			height: 4px;
			background: #d38292;
			margin-top: 15px;
			transition: 0.5s;
	}
.service-two-all.two h2::after,.service-two-all.last h2::after{
	content: "";
			display: block;
			position: absolute;
			width: 0;
			height: 4px;
			background: #d38292;
			margin-top: 20px;
			transition: 0.5s;
	right: 0
}
.service-two-all.steps h2:hover::after{
	width: 31%;
			transition: 0.5s;
}
.service-two-all.last h2:hover::after{
	width: 14.5%;
			transition: 0.5s;
	right: 0
}
		.service-one-bottom h2:hover::after{
			width: 38.6%;
			transition: 0.5s;
			display: none
		}
		.service-two-all h2:hover::after{
			width: 18.2%;
			transition: 0.5s;
		}
		.service-two-all.two h2:hover::after{
			width: 14.1%; 
			transition: 0.5s;
		}
		.service-one-text{
			width: 100%;
			   
		}
		.service-one-text p{
			 font-size: 14px;
    color: #666;
    line-height: 1.75;
    margin: 1% 0;
    font-weight: normal;
		}
		.service-two-all{
			max-width: 1240px;
			margin:0px auto;
			display: flex;
    justify-content: space-between;
    flex-flow: wrap;
			padding: 40px 0;
			    align-items: center;
			padding-bottom: 60px;
		}
		.service-two-all::after{
			content: "";
			display: block;
			position: absolute;
			width: 20%; 
			left: 0;
			background:#f7f5e9;
			height: 100%;
			top: 0
		}
		.service-two-all h2{
			font-size: 16px;
			font-weight: bold;
			color: #666;
			line-height: 1.7;
			margin-bottom: 20px;
			width: 100%;
			position: relative;
    z-index: 11;
		}
		.service-two{
			position: relative
		}
		.service-two-img {
    width: 40%;
	position: relative;
    z-index: 9;
}
		.service-two-text{
			width: 55%;
			    position: relative;
    z-index: 11;
		}
		.service-two-text p{
			 font-size: 14px;
    color: #666;
    line-height: 1.75;
    margin: 1% 0;
    font-weight: normal;
		}
		.service-three{
			max-width: 1240px;
			margin:40px auto;
			display: flex;
			align-items: center
		}
		.service-three-all img{
			width: 100%;
			    margin-bottom: 2%;
		}
		.service-three-all{
			width: 49%;
			margin-right: 2%;
			float: left
		}
		.service-three-all:nth-child(2n){
			margin-right: 0
		}
		.service-three-all h2{
			font-size: 22px;
			margin-bottom: 2%;
			color: #444
		}
		.service-three-all p{
			font-size: 14px;
    color: #666;
    line-height: 1.75;
    margin: 1% 0;
    font-weight: normal;
			margin-bottom: 20px
		}
		.service-three{
			position: relative
		}
		.service-three-all::after{
			content: "";
			display: block;
			width: 50px;
			position: absolute;
			bottom: 0;
			height: 2px;
			background: #cba18b
		}
		.service-two-img img{
			width: 100%
		}
		.service-two.service-two-for h2{
			text-align: right
		}
		.service-two.service-two-for .service-two-all::after{
			right: 0;
			left: auto;
			z-index: 10
		}
.service-all {
    max-width: 1000px;
    margin: auto;
}
.service-two-text>a{
	color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    background: #c5c5c5;
    z-index: 999;
    display: inline-block;
	margin-top: 15px;
	border-radius: 6px;
}
.service-two-text>a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0; 
    left: 0;
    z-index: -1;
	border-radius: 6px;
} 
.service-two-text>a:hover::after {
    width: 100%;
    transition: 0.5s;
    background: #d38292;
}
/*
.service-two-text>a::after{
		content: "";
		display: inline-block;
		position: absolute;
		left: 0;
	    height: 2px;
		top: 22px;
    	background: #d38292;
	    transition: 0.5s;
	width: 0%;
}
*/
.service-two-text>a:hover::after{
		width: 100%;
}
.about-lx-left-at a{
	color: #fff
}	

.markets-all-ub-all-left img{width:100%;}
.porder-top-img-right{width: 100%;transition: all .5s;padding: 15px;background: #fff;}
.faqs-all-up-down-title>h2{
	cursor: pointer;
	font-size: 16px;
	color: #666;
	font-weight: bold;
	transition: 0.5s;
}
.faqs-all-up-down-title>h2:hover{
	color: #d38291;
	transition: 0.5s
}
.faqs-all{
	display: none
}
.faqs-all-up-down-all {
    margin: 0px auto;
    max-width: 1000px;
    margin-top: 40px;
}
.faqs-all-up-down {
    margin-bottom: 30px;
}
.about-mission-list-bottom .about-mission-i-i>p,.about-mission-list-bottom .about-mission-i>p{
	font-size: 14px;
	color: #fff;
}
.about-mission-list-bottom .about-mission-i-i>i,.about-mission-list-bottom .about-mission-i>i{
	color: #fff;
}
.service-one-img {
    display: none;
}

/*products-details*/
.hy-product-detail {
  max-width: 1340px;
    margin: 40px auto;
	margin-top:20px;
}

.small_img .currentli11,.small_img .currentli{
    width: 80%;
    border: 1px #000000 solid!important;
}
.product-left-imga{padding: 10px;width: 20%;}
.slideba img {
    width: 100%;
}
li.slideba {
    margin-bottom: 0;
    width: 15%;
    margin-right: 2%;
	margin-bottom: 1%;
}
li.slideba:nth-child(6n) {
    margin-right: 0;
}
.hy-p-d-c-l-c-b .bx-pager.bx-default-pager{display: none}
.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t {
    width: 100%;
    margin-right: 5%;
    position: relative;
}
.hy-p-d-c-l-c-b ul {
    width: 100%;
    display: flex;
	flex-flow: wrap
}
.proct-zj .proct-zj-bu {
    background-color: #f8f8f8;
    border: 1px solid #f8f8f8;
}
/*
.proct-botto {
    width: 1340px;
    margin: 1% auto;
	padding-left: 50px;
}
*/
.proct-zj button{padding: 1.2%}
.proct-zj .proct-zj-bu {
    display: block;
    width: 100%;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
}
.hy-p-c-r-nr-top .pro-title {
    display: block;
}
.hy-p-c-r-nr-top .pro-title {
    width: 100%;
}
.hy-p-c-r-nr-top>span {
    display: none;
}

.hy-p-c-r-nr-top>h1 { 
    display: inline-block;
    float: left;
    font-size: 30px;
	line-height: 34px;
    width: 100%;
    margin: 0px 0;
    color: #232323;
    border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	letter-spacing: 0.5px;
	font-weight: bold
}
.news-title-left.none{display: none}
.news-title-list.left{float: left}
.hy-p-c-r-nr-top .move-ul p {
    margin: 0;
}

.hy-p-c-r-nr-top .move-ul p {
    font-size: 16px;
    line-height: 1.7!important;
    color: #444;
	margin-top: 0!important;
	margin-bottom: 0!important;
}
/*
.hy-p-c-r-an .hy-p-ys {
    background-color: #000000;
    color: #ffffff;
    font-size: 18px;
    cursor: pointer;
    width: 100%;
    margin-bottom: 10px;
    display: block;
    border: 0px;
    padding: 2%; 
	margin-top: 20px;
	
}
*/
.hy-p-c-r-an .hy-p-ys, .hy-p-ys-div a {
    margin-top: 0;
    color: #fff;
    background: #4084c5!important;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 14px;
    transition: 0.5s;
    position: relative;
    border: none;
    outline: none;
	margin-right: 20px;
	z-index: 9;
	display: inline-block;
	border-radius: 3px;
}
.hy-p-c-r-an .hy-p-ys:hover{
	background-color: #A48B78!important;
	color: #fff;
	transition: 0.5s;
}
.hy-p-ys-div a:hover{
	background-color: #d6494f!important;
	color: #fff;
	transition: 0.5s;
}

span.hy-p-c-r-nr-top_span {
    padding-bottom: 0;
}
/*
.hy-p-c-r-an button:hover::after{
    width: 100%;
    transition: 0.5s;
    background: #d38292;
}
*/

/*


.hy-p-c-r-an button::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
	border-radius: 6px;
}
*/

.hy-p-ys.upper {
    margin-top: 4%;
    color: #fff;
    background-color: #c5c5c5;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    transition: 0.5s;
    position: relative;
	margin-right: 20px;
	z-index: 99;
	display: inline-block;
	transition: 0.5s;
	border-radius: 6px;
}
.hy-p-ys.upper::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
	border-radius: 6px;
}

.hy-p-ys.upper:hover::after {
    width: 100%;
    transition: 0.5s;
    background: #d38292;
}

.left-big img {
    width: 100%;
}
.hy-p-d-c-r {
    width: 48.5%;
    float: right;
}
.product-left-img {
    display: flex;
	flex-flow: wrap
}

.hy-product-detail-content .hy-p-d-c-l-c {
    width: 46.5%;
    float: left;
}
/*
.proct-zj {
    width: 1340px;
    margin: auto;
	padding-left: 50px; 
}
*/
.hy-product-detail-content-top {
    margin-bottom: 0px;
}
.product-left-imga img{
	width: 100%;
}
.hy-p-d-c-l-c-b {
    margin-top: 20px;
}
.road {
    margin: 20px auto;
    max-width: 1340px;
    text-transform: uppercase;
    padding-left: 50px;
    display: none;
}
.service-two-text.bac{
	background: #ededed;
	width: 100%;
	margin-top: 30px;
	padding: 2%;
}
.service-two-text.bac>p{
	width: 60%;
}


i.fa.fa-angle-double-right {
    height: 40px;
    line-height: 40px;
    animation: noe 1s steps(10) infinite;
    font-size: 20px;
    font-size: 37px;
	padding-top: 0;
	color: #fff;
}
/*
.product-all-left-button-bt .product-all-left-button {
    width: 30%;
    text-align: left;
    padding-left: calc(30% - 40px);
    transition: 0.5s;
    top: 156px;
} 
*/
@keyframes noe {
     0%{ transform: translate(-80%);opacity: 0.1;/*transform: rotate(0deg);*/}
   100%{transform: translate(40%);opacity: 1;/*transform: rotate(360deg);*/}
  }

.main-product-detial-bottom-nav {
    width: 100%;
	margin: 40px 0 30px 0;
}
.main-product-detial-bottom-nav ul .nav-title {
    background-color: #4084c5!important;
    color: #fff;
	text-transform: uppercase;
	padding: 10px 25px
}
.main-product-detial-bottom-nav ul li {
    float: left;
    padding: 6px 18px;  
	cursor: pointer
}
.main-product-detial-bottom-nav hr {
    width: 100%;
    height: 3px;
    background-color: #4084c5!important;
}
.content-content-nav-bottom p {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
}
.hy-p-d-c-l-c-b .bx-wrapper{margin: 0;}
.hy-p-d-c-l-c-b .bx-wrapper .bx-controls-direction .bx-prev{left: -45px}
.hy-p-d-c-l-c-b .bx-wrapper .bx-controls-direction .bx-next{right: -45px}
.porder-top-img-right span{
	color: #fff;
    padding: 7px 20px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    background: #232323;
    z-index: 98;
    display: inline-block;
	border-radius: 6px;
}
.porder-top-img-right span:hover::after {
    width: 100%;
    transition: 0.5s;
    background: #000;
}

.porder-top-img-right span::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
	border-radius: 6px;
}
.product-all-left-button {
    display: none
}
.hy-p-ys-div{
	text-align: left;
}
.products-list-left-ul a{font-size: 14px!important;} 
.list-input::placeholder{
	color: #999;
	font-size: 13px;
}
.new-list-view-time-left a{
	position: relative;
}
.new-list-view-time-left a{
	color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    background: #c5c5c5;
    z-index: 97;
    display: inline-block;
    margin-top: 15px;
    border-radius: 6px;
}
.new-list-view-time-left a::after{
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;  
    border-radius: 6px;
}
.new-list-view-time-left a:hover::after {
    width: 100%;
    transition: 0.5s;
    background: #d38292;
}
/*sample*/
	.ub-sample {
    margin: auto;
    max-width: 1000px;
}
	.ub-sample-left{
		width: 48%;
		float: left;
	}
	.ub-sample-right{
		width: 50%;
		float: right;
		border: 2px solid #ccc;
		    background: #f8f7f7;
	}
	.ub-sample-right-bottom {
    display: flex;
		   margin-bottom: 20px;
}
.ub-sample-right-padding{
	padding: 20px;
}
	.ub-sample-right>h2{
		background: #cba18b;
		color: #fff;
		height: 32px;
		line-height: 32px;
		margin: 0;
		padding: 0;
		font-size: 16px;
		text-align: center;
		font-weight: bold
	}
	.ub-sample-right-bottom>h2{
		width: 30%;
		float: left;
		font-size: 14px;
		color: #666
	}
	.ub-sample-right-bottom>input{
		display: block;
		width: 64%;
		height: 34px;
		padding: 6px 12px;
		font-size: 14px;
		color: #999;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 4px;
	}
.company-body-all.all.sample .company-body-all-right {
    width: 100%;
}
	.ub-sample-left-top>h2{
		font-size: 16px;
		color: #666;
		font-weight: bold;
		margin-bottom: 20px;
	}
	.ub-sample-left-top>p{
		font-size: 14px;
		color: #666;
		line-height: 25px;
	}
select.form-control.count {
    display: block;
    width: 64%;
    height: 34px;
    line-height: 34px;
    font-size: 14px;
    color: #999;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	padding-left: 5px;
}
	.ub-sample-send a {
    color: #fff;
    padding: 10px 25px;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    background: #c5c5c5;
    z-index: 999;
    display: inline-block;
    border-radius: 6px;
}
	.ub-sample-send a::after {
    content: "";
    display: block;
    position: absolute;
    width: 0%;
    transition: 0.5s;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 6px;
}
	.ub-sample-send a:hover::after {
    width: 100%;
    transition: 0.5s; 
    background: #d38292;
}
.ub-sample-send{margin-left: 52%;}
.ub-sample-left-bottom>h2 {
    font-size: 14px;
    color: #fff;
    background: #cba18b; 
    height: 32px;
    line-height: 32px;
    padding-left: 10px;
    font-weight: bold;
}
.page-banner.sample{display: none}
.product-all-right-cp li h2{
	font-size: 16px;
	color: #262626;
	transition: 0.5s;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.product-all-right-cp-img{overflow: hidden}
.product-all-right-cp li:hover img{
	transform: scale(1.1);
	transition: 0.5s;
}
.product-all-right-cp li p{
	font-size: 14px;
	color: #666;
	margin-top: 10px;
	display: none
}

.ub-sample-left-bottom-box img{width: 200px;}
	.ub-sample-left-bottom-box h2{font-size: 14px;color: #666;margin: 10px 0;
align-items: center;display: flex}
	
	.products-right-all-qt {
    width: 40%;
    margin-right: 1%;
    float: left;
}
	.products-right-all-qt {
    display: flex;
    width: 30%;
    align-items: center;
}
	.products-right-all-qt p {
    font-size: 14px;
    color: #666; 
    line-height: 1.7em;
    text-transform: uppercase;
    margin-top: 8%;
    display: block;
    float: left;
    margin-right: 10px;
		margin-bottom: 0px;
}
	.pro-detail-qty-edit {
    display: block;
    float: left;
    margin-left: 8px;
}
	.num-input-wrap {
    position: relative;
    display: inline-block;
    vertical-align: top;
    height: 32px;
    width: 130px;
    border: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
    overflow: hidden;
}
	.num-input-wrap input {
    height: 32px;
/*    width: 100%;*/ 
    padding: 0px 25px 0px 12px;
    font-size: 14px;
    line-height: 40px;
    background: rgb(255, 255, 255);
    box-shadow: rgb(0 0 0 / 8%) 0px 1px 1px inset;
    box-sizing: border-box;
    border: none;
	color: #666
}
	.num-input-wrap span {
    position: absolute;
    right: 0px;
    top: 0px;
    width: 25px;
    height: 20px;
    border-left: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
    cursor: pointer;
}

.products-right-all-qt span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
}
	.add::after {
    position: absolute;
    left: 8px;
    top: 5px;
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 6px solid #666;
}
	.num-input-wrap .subtract {
    position: absolute;
    right: 0px;
    bottom: 0px;
    width: 25px;
    height: 20px;
    border-left: 1px solid rgb(204, 204, 204);
    box-sizing: border-box;
    cursor: pointer;
    top: auto;
}
	.subtract::after {
    position: absolute;
    left: 8px;
    bottom: 5px;
    content: "";
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #666;
}
.ub-sample-pic-q::after{
	content: "";
	display: block;   
	clear: both;
}
.products-right-all-bottom{display: flex;}
.ub-sample-pic-q,.ub-sample-pic-q-left{display: flex;width: 100%}
.hy-p-c-r-nr-top_span{border-bottom:none!important}
.ub-sample-left-bottom-box{margin-top: 20px;}

/*
.mm-products-right-text::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 0px;
    bottom: 0;
    transition: 0.5s;
    background: #4084c5;
    left: 0;
    z-index: -1;
}
*/
.mm-products-cateloge:hover .mm-products-right-text::after {
    height: 100%;
	transition: 0.5s;
}
.hy-p-c-r-an {
/*    display: flex;*/
	padding-top: 10px;
}
.company-body-all.all.ABOUT.US .company-body-all-right,.company-body-all.all.OEM .company-body-all-right {
    width: 100%;
}



@media screen and (max-width: 1600px){

	.index-nav-right ul li {
    padding: 0 15px;
    display: inline-block;
}
}
@media screen and (max-width: 1440px){
	.banner_postion{left: 1%!important;}
	.index-banner:after{height: 9.5%!important;}

	.mm-cateloge,.index-application,.news-all,.foot-all,.work-all,.new,.about-company,.about-gd ,.about-certifications,.mm-products-all,.product-all,.new ,.work-all,.ask_questions,.mm-six-all,.mm-boom-img,.index-nav-positon,.index-about-ubamboo-new,.index-eight,.mm-left-right-three,.oof,.index-new-contact,.tp-banner-container,.mm-six-new ul,.company-body-all,.news-banner-title-box,.porder-top-al,.top-form-up-pos,.page-banner-text,.index-nav-bottom-all,.nav-drop>ul{   
    max-width: 94%!important;
}
	.index-banner-text-all {
    width: 90%;
}
	.index-banner-text-all h2{font-size: 30px;}
	.index-banner-text-all p {
    font-size: 18px;
}
	.index-nav-right ul li a{font-size: 14px;}
	.index-video-one-right{padding: 2%;}
	.index-video-one-right-about-ubamboo>p{width: 100%;}
	.index-video-one-right-about-ubamboo {
    	margin-top: 20px;
	}
	.index-right-new-all-box-text p {
    font-size: 14px;
}
	.mm-index-huadong .bx-wrapper .bx-controls-direction .bx-prev,.mm-logo-huadong .bx-wrapper .bx-controls-direction .bx-prev{left: -50px} 
	.mm-index-huadong .bx-wrapper .bx-controls-direction .bx-next,.mm-logo-huadong .bx-wrapper .bx-controls-direction .bx-next{right: -50px} 
	.index-video-one-right {
    width: 50%; 
}
	.index-video-one-right-about-ubamboo>p {
    font-size: 12px;
    line-height: 1.5;
    width: 100%;
}
	.index-video-one-right-about-ubamboo>h3 {
    font-size: 20px;
    color: #444;
    margin-bottom: 5px;
}
	.index-right-new-all>h3{font-size: 20px;} 

 
}

@media screen and (max-width: 1250px){
	.mm-rightboxs-one-all-text p {
    font-size: 14px;
}
	.mm-rightboxs {
    float: left;
    width: 43%;
}
	.mm-contact-us-all-right {
    width: 500px;
}
}
@media screen and (max-width: 1035px){
	.foot-all {
    margin: auto;
    padding: 50px 0px 0 0px;
	}
}

@media screen and (max-width: 1024px){
	.index-nav{height: 80px!important;}
	.home-service .service-wrap a{width: 50%!important;border-bottom: 1px solid #FFFFFF35}
	.index-banner:after{display: none!important;}
	.hy-product-detail .left_img {
    width: 100%;
    border: 1px solid #e9e9e9;
    height: auto!important;
}
	.xunpan_form{width: auto!important}
	.index-banner video {
    width: 100%;
    margin-top: 0px;
}
	.mm-cateloge h2 {
    font-size: 24px;
}
	.mm-cateloge d {
    font-size: 24px;
}
	.mm-six-all-title h2 {
    font-size: 24px;
}
.new-all-right h2 {
    font-size: 20px;
}
	.work-one h4 {
    font-size: 20px;
}
	.ask_questions_title h2 {
    font-size: 30px;
}
	.ask_questions_title p {
    font-size: 14px;
    color: #666;
}
	.google-dtwa{font-size: 14px;}
	.faqs-title h3 {
    font-size: 24px;
}
	.faqs-title i.fa.fa-angle-down {
    font-size: 40px;
}
	
	.sw-shouji-button svg {
    width: 30px!important;
    height: 30px!important;
	color: #000!important;   
}
	
	.sw-shouji-button {
    display: inline-block;
    float: right;
    width: 40px;
    height: 40px;
    margin-top: 10px;
    margin-right: 1%;
    position: absolute;
    right: -20px;
    top: 15%;
	z-index: 998;
		cursor: pointer
}
	
	.downlist-qt-custo a{
		margin-left: 55px;
	}
.index-nav-right {
    float: right;
    position: fixed;
    width: 180px!important;
    right: 0;
    background: #fff;
    top: 80px; 
    z-index: 999;
    opacity: 0;
    -webkit-transform: translate(100%);
    transform: translate(100%);
    height: 100vh;
	-webkit-transition: 1.1s cubic-bezier(.16,.84,.442,.98);
    -o-transition: 1.1s cubic-bezier(.16,.84,.442,.98);
    transition: 1.1s cubic-bezier(.16,.84,.442,.98);
	padding: 30px;

}
	.index-nav-right.active{
		-webkit-transform: translate(0%);
    	transform: translate(0%);
    	opacity: 1;
		display: flex!important;
		justify-content: center!important;
	}
	.index-nav-right.active .pc-ul{
		display: none!important;
	}
	.index-nav-right.active ul{
		display: inline-block!important;
		padding-top: 20px
	}
	.index-nav-right.active>ul>li{
		margin-bottom: 0px;
		position: relative;
		height: auto;
		padding: 10px!important
	}
	.index-nav-right.active .media-ul>li {
    background: #4084c5;
    margin-bottom: 20px;
    text-align: center;
		border-radius: 8px;
		width: 100%;
    display: flex;
    justify-content: center;
}
	.media-ul img{
		display: block;
		width: 50px;
		height: auto;
		margin-left: 19px;
	}
	.index-nav-right>ul>li>a:after{display: none}

	.index-new-search img {
    width: 100%;
    margin-top: 5px;
}
	.index-news-yuyan img {
    padding-bottom: 20px;
    padding-left: 27px;
	margin-top: 0px;
}
	
.index-nav-right ul li a {
    color: #fff!important;
    font-size: 14px;
    transition: 0.5s;
    font-weight: bold;
    width: 100%;
}
	.downlist-qt-custo {
    float: none;
    width: 120%;
    line-height: 30px;
    height: 30px;
    border-bottom: 1px solid #99999920;
    margin-bottom: 5px;
}
	.downlist-qt:last-child{
		margin-bottom: 10px;
	}
	.index-banner-text-all {
    top: 30%;
}
	.index-banner-text-all h2 {
    font-size: 24px;
}
	.index-banner-text-all p {
    font-size: 16px;
}
	.index-about-ubamboo-new-left {
    width: 100%;
    float: left;
		margin-bottom: 2%
}
	.index-eight-box-all ul li {
    width: 100%;
}
	.index-about-ubamboo-new-right {
    width: 100%;
    float: right;
}
	.mm-six-new ul {
    flex-flow: wrap;
}
	.mm-six-new ul li {
    width: 31%;
    text-align: center;
    margin-right: 2%;
		margin-bottom: 2%;
}
	.mm-six-new ul li:nth-child(3n) {
    margin-right: 0!important; 
}
	.index-nav-right ul {
    flex-flow: wrap;
		line-height: normal;
		margin-right: 0;
		display: initial;		
}
	.index-nav-right ul li {
    padding: 0px;
    display: inline-block;
    width: 100%;
    height: auto;
/*	border-bottom: 1px solid #99999960; */
	line-height: 40px; 
		margin-bottom: 15px;
		
}
	.ub-index-search>i{
		color: #fff;
		line-height: 60px;
	}
	.ub-index-search {
    position: relative;
	float: right;
    right: 4%;
		margin: 10px 0;
		display: none
}
	.ub-top-secarh-one {
    display: flex;
    position: absolute;
    top: 4px;
    width: 300px;
    right: 42px;
    background-color: #f2efef;
    z-index: 999;
}
	.ub-top-secarh-one{padding: 0;}
	.news-title h2,.news-title d ,.index-application>h2,.index-application d{
    font-size: 30px;
}
	.index-video-one{flex-flow: wrap;}
	.index-video-one-left,.index-video-one-right {
    width: 100%;
}
	.sw-form-box-r h1{font-size: 24px;}
	.index-video-one-right{
		padding: 2%
	}
	.index-video-one-right p {
    font-size: 14px;
		margin-bottom: 0;
}
	.movie1 {
    width: 80%;
    left: 10%;
    top: 40vh;
}
	.close {
    left: 90%;
    top: 40vh;
}
	.mm-cateloge ul li{
		width: 48%;
   		margin-right: 4%;
	}
	.mm-cateloge ul li:nth-child(odd){
   		margin-right: 2%;
	}
	.mm-cateloge ul li:nth-child(2n){
   		margin-right: 0;
	}
	.mm-six-box{
		width: 48%;
		margin-right: 4%;
	}
	.mm-six-box:nth-child(2n) {
    margin-right: 0!important;
	}
	.mm-six-box:nth-child(odd) {
    margin-right: 4%!important;
	}
	

	.mm-rightboxs {
    float: left;
    width: 100%;
	}
	.mm-contact-us-all-right {
    width: 100%;
}
	.mm-rightboxs-one-all:nth-child(3) {
    margin-bottom: 0px;
}
	.mm-rightboxs-one-all-text h3{font-size: 20px;}
	.mm-form-top input{width: 100%;margin-right: 0;margin-left: 0!important}
	.list-input.name{width: 100%!important;margin-left: 0!important;}
	.three-news-all {
    width: 48%;
    float: left;
    margin-right: 2%; 
		margin-bottom: 2%;
}
		.three-news-all:nth-child(2n) {
		margin-right: 0;
}
	.index-new-contact>p {
    font-size: 14px;
}
	.index-new-contact>h3 {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0 15px 0;
}

	.mm-form-top-all-new input{margin-right: 5%;}
	.new-leftlist {
    float: left;
    width: 100%;
}
	.news-rightlist {
    float: right;
    width: 100%;
    margin-top: 3%;
		padding-left: 0
}
	.mm-form-top-newform {
    width: 100%;
}
	.index-nav-right.active .downlist{
		position: relative;
		display: block!important;
		top: 0px;
		background: none; 
		animation-duration: inherit;
		width: 100%;
		left: -30px;
	}
	.index-nav.over::after,.mm-products-left.product-all-left-button-bt::after{
		content: "";
		display: block;
		position: fixed;
		left: 0;
		top: 80px;
		width: 100%;
		height: 100vh;
		background: rgba(0,0,0,.65);
		transition: all .45s ease-in-out;
		z-index: 1
	}
}
@media screen and (max-width: 768px){
	.r-d-department-all {
    display: flex;
    flex-direction: column-reverse;
}
	.plastic-injection-line ul li{width: 49%!important;margin-right: 2%!important;}
	.plastic-injection-line ul li:nth-child(2n){margin-right: 0!important;}
	.r-d-department-left,.r-d-department-right{width: 100%!important;}
	.picture_ul{flex-flow: wrap!important;}
	.tem_picture_1 .picture_li{width: 100%!important;min-width: 100%!important;max-width: 100%!important;} 
	.img_par img{width: 100%!important;}
	.salt-spray-testing-machine ul li, .factory-show ul li{width: 100%!important;margin-right: 0!important;} 
	.salt-spray-testing-machine ul, .raigu-warehouse ul, .plastic-mold-workshop ul, .factory-show ul, .plastic-injection-line ul{flex-flow: wrap}
	.layout-sustTwo .mod-othercontent01 .img{width: 100%!important;}
	.home-service .service-wrap a{width: 100%!important;}
	.zp-mid-bac-text{width: 94%!important;}
	.new-all-left {
    width: 100%;
}
	.new-all-right {
    width: 100%;
    margin-top: 2%;
	margin-left: 0;
}
	.new-all-right h2 {
    font-size: 16px;
}
	.work-all {
    margin-top: 40px;
    margin-bottom: 40px;
}
	.work-one {
    width: 100%;
    margin-right: 0;
}
	.work-all-three{
		max-height:none
	}
	.form-left {
    float: left;
    width: 100%;
	margin-bottom: 3%;
}
	.map-right {
    float: right;
    width: 100%;
    position: relative;
}
	.but-input{
		font-size: 14px;
		 margin-top: 2%;
		  padding: 2% 5%;
	}
	.faqs-title ul p {
    font-size: 14px;
}
	.faqs-title h3 {
    font-size: 18px;
		width: 85%;
}
	.faqs-title i.fa.fa-angle-down {
    font-size: 30px;
}
	.foot-bottom-bb p, .foot-bottom-bb p a {
    text-align: center;
}
	.foot-content.foot-content-contact ul {
    width: 100%;
}
	.foot-content {
    width: 100%;
    float: left;
		margin-bottom: 4%
}
	.foot-follow {
    margin-top: 3%;
}
	.foot-content.foot-content-contact ul li{line-height: 13px;}
	.foot-content h2 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
}
	.foot-content.foot-content-contact {
    width: 100%;
}
	.three-news-all {
    width: 100%;
    margin-right: 0%;
	margin-bottom: 3%;
}
	.news-all .three-news-all .three-news-bottom p{
		margin-top: 2%;
		margin-bottom: 2%;
	}
	.news-all .news-three .three-news-all .three-news-bottom .news-bottom-bottom h3{
		font-size: 14px;
	}
	.news-all,.index-application{
    margin: 30px auto;
}
	.news-title d,.news-title h2,.index-application>h2,.index-application d{
		font-size: 24px
	}
	.three-news-bottom{
		padding: 2%
	}
	.sw-form-box-r {
    width: 90%;
    margin: 0 auto;
}
	.sw-form-box-r h1 {
    padding: 2%;
}
	.index-banner-text-all h2 {
    font-size: 20px;
}
	.index-banner-text-all p {
    font-size: 14px;
}
	.mm-cateloge ul li {
    width: 100%;
    margin-right: 0%!important;
}
	.mm-six-box {
    width: 100%;
    margin-right: 0!important;
}
	.index-cateloge-text h4 {
    font-size: 20px;
}
	.mm-six-new ul li {
    width: 48%;
    text-align: center;
    margin-right: 2%;
    margin-bottom: 2%;
}
	.mm-six-new ul li:nth-child(odd) {
    margin-right: 2%!important;
}
	.mm-six-new ul li:nth-child(2n) {
    margin-right: 0!important;
}
	.index-banner-text-all h2 {
    font-size: 18px;
}
	.mm-cateloge-title>h4 {
    font-size: 18px;
    color: #666;
}
	.mm-cateloge-title>p {
    font-size: 14px;
    color: #666;
    line-height: 23px;
}
	.last-hfour{font-size: 14px;}
	.index-about-ubamboo-new-right p {
    font-size: 14px;
    line-height: 30px;
}
	.index-about-ubamboo-new h2, .index-eight-title h2, .oof>h2{font-size: 14px;}
	.index-new-contact{
		padding: 2%;
	}
	.xunpan{
		padding-left: 0!important;
		padding-right: 0!important;
	}
	.about-zlj-one{width: 50%!important;}
	.about-zlj-one-all{flex-flow: wrap;}
.about-zlj-one img {
    height: 300px!important;
    opacity: 0.5;
	width: 100%!important;
}
	
	.swiperimg,.text{
		width: 100%!important;
	}
	.content-bg-othercontent .text dd {
    width: 100%;
    margin-left: 0;
}
	.company-body-all-right h1.MsoNormal{
	width: 80%!important;
		margin-top: 70px!important;
}
	.kkk-our>ul li{width: 100%!important;margin-right: 0!important;}
	.kkk-our ul,.inr{flex-flow: wrap;}
	.inr-r,.inr-l{width: 100%!important;}
	.inr-r{margin-bottom: 20px;}
	.raigu-thermostatic-shower-systems ul{flex-flow: wrap}
	.raigu-thermostatic-shower-systems ul li{width: 100%!important;}
	.raigu-thermostatic-shower-systems ul li:nth-child(2){display: flex;
    flex-direction: column-reverse;}
	.thermostatic-pc{display: none!important}
	.thermostatic-moblie{display: block!important}
	.about-title span{width: 100%;margin-bottom: 20px!important;}  
	.about-all .content-bg-othercontent{padding: 0!important;}
	.about-all .swiperimg {
    margin-top: 40px;
}
}
@media screen and (max-width: 500px){
	.about-zlj-one-text{padding: 10px!important;}
	.about-zlj-one-text h2 {font-size: 14px!important;} 
	.company-body-all-right h1.MsoNormal {
    margin-top: 10px!important;
}
	.imageContainer.wd01,.imageContainer.wd02,.imageContainer.dw0{width: 100%!important;}
	.container{padding: 25px!important;}
    .content-section .container{padding: 0px!important; margin: 0px!important;}

	.salt-spray-testing-machine h2, .factory-show h2, .raigu-warehouse h2, .plastic-injection-line h2, .plastic-mold-workshop h2, .r-d-department h2,.top_title h2{font-size: 24px!important;}
	.raigu-sample ul li{width: 49%!important;margin-right: 2%!important;}
	.raigu-sample ul li:nth-child(2n){margin-right: 0!important;}
	.reachp{font-size: 16px!important;}
}

@media screen and (max-width: 420px){
	.new-all-right h2 {
    font-size: 14px;
}
	.new-all-right>p{
		font-size: 12px; 
	}
	.ask_questions_title h2 {
    font-size: 24px;
}
	.ask_questions_title span {
    font-size: 14px;
    color: #d38291;
} 
	.faqs-title h3 {
    font-size: 14px;
    width: 90%;
}
	.faqs-title ul p { 
    font-size: 12px; 
}
	.index-banner{
		top: 0px;
	}
	.index-eight-box-all ul li{height: 200px;}
	.mm-six-new ul li{
		width: 100%;
		margin-right: 0!important
	}
	.index-new-contact>h3 {
    font-size: 16px;
		padding: 10px 0 15px 0;
}
	.index-new-contact-bac{margin-top: 150px;}
	.mm-contact-us-all-right{padding: 20px;}
	.mm-contact-us-all-right h4 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 35px;
    margin-top: 40px;
}
	.mm-rightboxs-one-all-text h3 {
    font-size: 16px;
}
	.index-about-ubamboo-new h2, .index-eight-title h2, .oof>h2 {
    background: #cba18b;
    color: #fff;
    height: 60px;
    line-height: 30px;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 50px;
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
    display: flex;
		padding: 0 2%
}
	.index-nav-left a img{margin-left: 20px}

.index-nav-left {
    float: left;
    width: 40%;
}
	.mm-cateloge{margin-top: 20px}
	.sw-shouji-button svg { 
    width: 30px!important;
    height: 30px!important;
    color: #fff;
}
	.index-banner-text-all p {
    font-size: 12px;
}
	.index-banner-text-all {
    top: 17%;
}
	.index-banner-text-all h2 {
    font-size: 14px;
}
	.index-cateloge-text p {
    display: block;
    font-size: 12px;
    color: #444;
    line-height: 20px;
    width: 100%;
    margin-bottom: 4%;
}
	.index-cateloge-text h4 {
    font-size: 18px;
    margin-bottom: 5px;
}
	.sw-form-box-r form input.sw-form-input03 {
    width: 100%;
}
	.sw-form-box-r form input{width: 100%;}
	.sw-form-box-r h1 {
    font-size: 16px;
} 
	.mm-cateloge>p {
    font-size: 14px;
    line-height: 1.5;
}
	.mm-cateloge h2,.mm-cateloge d {
    font-size: 20px;
}
	.mm-cateloge h2, .mm-cateloge d {
    font-size: 14px;  
}
	.last-hfour {
    font-size: 14px!important;
}
}
/*zishiying end*/


.porder-top-con-flex{
	display: flex;
	flex-flow: wrap;
}
.mm-products-left-title-ul>h2{
	font-size: 18px;
	color: #232323;
	font-family: "oakes-b";	
}
.product-all-left-button h2{
	display: none
}
.mm-products-cateloge_all{
	display: flex;
	flex-flow: wrap;
}

.foot-logo{width: 58%;}
.foot-logo img{width: 155px;filter: brightness(800)}

.company-body-all.all.About.Us{
	max-width: 1340px;
}

.ab-item0.active.wow.fadeInNav.animated,.ab-item1.wow.fadeInNav.animated,.ab-item3.wow.fadeInNav.animated {
    max-width: 1340px;
    margin: 20px auto;
}
 

.index-bannera .move-ul h1 {
    font-size: 24px!important;  
    font-weight: 500; 
    color: #fff;
    line-height: 1.3; 
    border-bottom: 1px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 10px;
	font-weight: bold;
	width: 100%;
}
.index-bannera p {
    width: 100%;
    color: #ffffff;
    font-size: 20px;
	text-transform: capitalize;
	margin-bottom: 0;
	padding-bottom: 0;
}
.banner_postion a {
    display: block;
    width: 130px;
    line-height: 40px;
    text-align: center;
    color: #2e68a8;
    background: #fff;
    font-size: 16px;
    margin-top: 20px;
    height: 40px;
	border-radius: 50px;
	display: none
}
.banner_postion {
    position: absolute;
    z-index: 3;
    width: 40%;
    max-width: 600px;
    left: 8%;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: 300;
    color: #fff;
    line-height: 130%;
    /* letter-spacing: 0.05rem; */
    background: #2e68a890;
    padding: 40px;
    bottom: auto;
}
.banner_postion a:hover {
    background: #4084c5;
    color: #fff;
	transition: all .5s;
}
.index-bannera img{
	width: 100%;
	height: 100%;
}
.dabanner{
	padding-top: 0px;
}



.home-service .service-wrap {
    max-width: 1340px;
    margin: 0px auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.home-service .service-wrap a {
    width: 25%;
    background: #20242d;
    color: #FFFFFF;
    border-right: 1px solid #FFFFFF35;
    padding: 35px 15px 30px; 
    transition: all .2s linear;
    position: relative;
}
.home-service .service-wrap .service-item .title {
    font-size: 20px;
    position: relative;
    padding-bottom: 8px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.home-service .service-wrap .service-item .title::after {
    content: "";
    width: 40px;
    height: 2px;
    background: #4084c5;
    position: absolute;
    left: 0px;
    bottom: 0px;
}
.home-service .service-wrap .service-item .text {
    padding-top: 25px;
    font-size: #fff;
    line-height: 1.8;
    color: #EEEEEE;
/*
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
*/
}
.home-service .service-wrap .service-item .icon {
    margin-top: 20px;
	display: none
}
.home-service .service-wrap .service-item .bg {
    position: absolute;
    right: 20px;
    bottom: 20px;
	display: none
}
.home-service .service-wrap .service-item .bg i {
    color: #FFFFFF35;
    font-size: 48px;
}
.home-service .service-wrap .service-item .icon svg{
	fill:#fff;
	width: 20px;
	height: 20px;
	display: none
}
.bg svg{
	width: 40px;
	height: 40px;
}
.home-service .service-wrap .service-item:nth-child(4) {
    border-right: none;
}
.home-service .service-wrap a:hover {
    background: #4084c5;
}
.home-service .service-wrap .service-item:hover .title::after {
    background: #FFFFFF;
}
.layout-sustTwo .mod-othercontent01 .content-bg{
	background: #20242d!important;
	padding: 0!important;
}
.layout-sustTwo .mod-othercontent01 .content-bg:hover{
	background: #4084c5!important;
	transition: all .2s linear
}
.layout-sustTwo .mod-othercontent01 .text h3,.layout-sustTwo .mod-othercontent01 .text p{
	color: #fff!important;
}
.mod{
	margin-bottom: 30px;
}

.products-top-p h1{
	font-size: 48px;
	text-align: center;
	letter-spacing: 1px;
	margin-bottom: 40px;
	font-weight: bold;
}
.category-custom-description{
	color: #7c7c7c;
	line-height: 32px;
	font-size: 16px;
}
.layout-sustTwo .mod-othercontent01 .text h3{font-weight: normal!important}

.index-nav-bottom {
    background: #F7F9FC;
}
.index-nav-bottom-all {
    max-width: 1340px;
    margin: auto;
}
.index-nav-bottom-all ul {
    display: flex;
    width: 100%;
    margin-bottom: 0px;
}
.index-nav-bottom-all ul li{
    margin-right: 30px;
	position: relative;
}
.index-nav-bottom-all ul li>a {
    font-size: 16px; 
    color: #7c7b7b;
    line-height: 50px;
    transition: 0.6s;
	display: block;
	letter-spacing: 0.3px;
}
.index-nav-bottom-all ul li>a:hover{
	color: #4084c5;
	transition: all .5s;
}
.nav-drop {
    position: absolute;
    width: 285px;
    background: #fff;
    color: #888888;
	border-top: none;
    opacity: 0;
    visibility: hidden;
    transition: all .5s ease;	
    transform: translateY(50px);
	left: -15px;
}
.index-nav-bottom-all-ul li.up:hover .nav-drop{
	transform: translateY(0px);
	opacity: 1;	
    visibility: visible;
/*	display: block*/
}
.index-nav-bottom-all ul li .nav-drop a{
	color: #888888;
	padding-left: 15px;
}
.index-nav-bottom-all ul li .nav-drop a h2{
	font-size: 16px;
	transition: 0.6s;
	line-height: 1.75;
	color: #333
}
.index-nav-bottom-all ul li .nav-drop a h2:hover{
	color: #4084c5;
	transition: 0.6s;
}
.index-nav-bottom-all ul li .nav-drop a:hover {
    color: #4084c5;
	transition: 0.6s;
}
.nav-drop>ul>li{
	width: 100%;
	margin-bottom: 10px;
}
.nav-drop>ul>li:last-child{
	margin-bottom: 0;
}
.nav-drop>ul{
	display: flex;
	flex-flow: wrap;
	max-width: 1340px;
	margin: auto;
	padding: 15px 0;
}
.layout-sustTwo .mod-othercontent01 .img{
	border-radius: 0px!important;
}

.menu-search {
    max-width: 215px;
	margin-top: 10px;
}
.menu-search input {
    border-color: rgba(35,31,32,.4);
    height: 22px;
}
.menu-search input { 
    border-radius: 0;
    color: #333;
    padding: 3px 8px 3px 15px;
    text-align: left;
    text-indent: 2px;
    transform: scale(1);
    transition: all .15s ease-in 0;
    width: 100%;
    border-width: 0 0 0.0625rem 0;
    border-style: solid;
    border-color: #7c7b7b;
    font-size: 14px;
}
.menu-search button {
    display: inline-block;
    float: right;
    text-align: center;
    height: 100%;
    border: 0px;
    font-size: 14px;
    cursor: pointer;
	background: transparent;
    position: absolute;
    right: 0;
	top: 4px;
}
.menu-search button i{
	color: #7c7c7b
}
.tp-input::placeholder {
    font-size: 13px!important;
	color: #7c7b7b!important
}

.mod-content-othercontent .swiperimg{
    width: calc(44% - 10px);
}
.mod-content-othercontent .text {
    width: calc(56% - 10px);
    padding: calc(0.5vw + 10px) calc(3vw + 10px);
    box-sizing: border-box;
}
.content-bg-othercontent {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: calc(1vw + 5px) 0;
}
.content-bg-othercontent .text h3 {
    font-size: 30px;
    padding-bottom: 20px;
	color: #000;
	text-transform: capitalize;
}
.content-bg-othercontent .text dt {
    width: calc(0.5vw + 20px);
    font-size: calc(0.4vw + 16px);
    line-height: calc(0.5vw + 20px);
}
.content-bg-othercontent .text dl {
    display: flex;
    align-items: start;
    justify-content: space-between;
}
.content-bg-othercontent .text dd {
    width: calc(100% - 0.5vw - 25px);
}
.swiperimg img{
	width: 100%;
	display: block;
}
.text dd h4 {
    font-size: 20px;
	margin-bottom: 10px;
}
.company-body-all-right .text p{
	font-size: 16px;
	color: #333;
	line-height: 24px;
}
.hezuo .swiper-slide img{
	width: 100%;
}
.capall-title h2{
	font-size: 36px;
	color: #000;
	margin-bottom: 20px;
	text-align: center;
}
.capall-title p{
	font-size: 16px;
	color: #333;
	line-height: 24px;
	text-align: center;
}
.capall-title {
    margin-bottom: 20px;
}

.hd-new-arrival {
    margin: 60px auto;	
    background: #f5f5f5;
}
.hd-new-arrival>h2,.raigu-thermostatic-shower-systems h2 {
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    padding-top: 20px;
}
.hd-new-arrival-box-all {
}
.about-zlj-all {
    margin: auto;
    max-width: 1340px;
    padding: 40px 0;
	padding-top: 20px;
}
.megee-about-all-cooperation-title>p{font-size: 18px;text-align: center;color: #444;line-height: 24px;} 
		.about-zlj-one-all {margin-top: 20px;}
		.about-zlj-one-all {
    display: flex;
}
	.about-zlj-one {
    width: calc(100% / 4);
    margin-right: 0;
    float: left;
    position: relative;
    margin-bottom: 0%;
    border-right: 4px solid #fff;
    cursor: pointer;
    overflow: hidden;
		transition: 0.6s;
}
	.about-zlj-one-img {
    overflow: hidden;
    display: flex;
    justify-content: center;
    background: #232323;
}
	.about-zlj-one img {
    width: 100%;
    height: 500px;
    opacity: 0.5; 
}
	.about-zlj-one-text {
    position: absolute;
    bottom: 0;
    padding: 30px;
    color: #fff;
    width: 100%;
    height: auto;
}
	.about-zlj-one-text h2 {
    margin-top: 0; 
    font-size: 18px;
}
	.about-zlj-one-all.about-zlj-one-zka .about-zlj-one.about-zlj-one-zs {
    width: 45%;
		transition: 0.6s;
}
.about-zlj-one.about-zlj-one-zs .about-zlj-one-img img{
	width: 100%;
}
.about-zlj-one-text a{
	color: #fff;
	display: block
}

.home-service {
    height: 100%;
    width: 100%;
}
.tasad .pc-ul li:nth-child(4) a{
	color: #fff;
    background: #4084c5;
    padding: 5px 15px;
    border-radius: 25px;
	transition: all .5s
}
.tasad .pc-ul li:nth-child(4) a:hover{
	background: #5692cd
}


  
.kkk-our>ul {
    display: flex;
}
.kkk-our>ul li {
    width: 31.3%;
	margin-right: 3%;
}
.kkk-our>ul li:hover img {
    transform: scale(1.1);
	transition: all .5s;
}
.kkk-our>ul li img{
    width: 100%;
	transition: all .5s;
}
.kkk-our>ul li h3{
	font-size: 18px;
	margin: 10px 0;
	color: #333;
	font-weight: bold;
}
.imgcover{overflow: hidden;}
.kkk-our>ul li p{
	font-size: 16px;
	line-height: 24px;
	color: #454545;
}
.kkk-our>ul li:nth-child(3n){
    margin-right: 0;
}
.kkk-our-title>h2{
	font-size: 36px; 
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}
.inr-l{
	float: left;
	width: 48%; 
}
.inr-r{
	float: right;
	width: 48%;
}
.inr-l h3{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	color: #222
} 
.company-body-all-right .inr-l p{
	font-size: 16px;
	color: #333;
	line-height: 27px;
}
.inr {
    margin-bottom: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.kkk-our {
    margin-bottom: 60px;
}
.inr-r img{
	width: 100%;
}
.products-top-p p,.products-top-p span{
	font-size: 18px!important;
	line-height: 32px!important;
}


.about-all{display: none}
.about-all.current{
	display: block
}
.about-title span {
    display: inline-block;
    color: #777;
    padding: 10px 25px;
    background: #f5f5f5;
    text-align: center;
    margin-bottom: 0px;
    font-size: 20px;
    cursor: pointer;
    border-radius: 25px;
}
.about-title {
    text-align: center;
}
.about-title span.about-t-xz {
    background: #4084c5;
    color: #fff;
}
.tem_picture_1 .picture_li {
    width: 50%;
    min-width: 50%;
    max-width: 50%;
    position: relative;
}
.picture_ul {
    display: flex;
    align-items: center;
}
.top_title h2 {
    font-size: 36px;
    margin-bottom: 20px;
	font-weight: bold;
	line-height: 40px;
}
.top_describe p {
    font-size: 16px;
    line-height: 24px;
    color: #232323;
    margin-bottom: 0px;
}
.img_par img {
    width: 100%;
	margin: auto;
    display: block;
    position: relative;
}
.img_par.show_img {
    text-align: center;
}
.salt-spray-testing-machine h2,.factory-show h2,.raigu-warehouse h2,.plastic-injection-line h2,.plastic-mold-workshop h2,.r-d-department h2{
	font-size: 36px;
	margin-bottom: 20px;
	font-weight: bold
}
.salt-spray-testing-machine ul,.raigu-warehouse ul,.plastic-mold-workshop ul,.factory-show ul,.plastic-injection-line ul{
	display: flex
}
.salt-spray-testing-machine img,.raigu-warehouse ul li img,.plastic-mold-workshop ul li img,.factory-show ul li img,.plastic-injection-line ul li img{width: 100%;margin-bottom: 20px}
.salt-spray-testing-machine ul li,.factory-show ul li{width: 32%;margin-right: 2%;}
.salt-spray-testing-machine ul li:nth-child(3),.factory-show ul li:nth-child(3){margin-right: 0;}
.salt-spray-testing-machine span {
    display: inline-block;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 10px; 
    font-size: 18px;
}
.raigu-warehouse ul li,.plastic-mold-workshop ul li{
	width: 49%;
	margin-right: 2%;
}
.raigu-warehouse ul li:nth-child(2),.plastic-mold-workshop ul li:nth-child(2){margin-right: 0;}
.raigu-warehouse strong,.plastic-injection-line strong{
	display: inline-block;
	margin-bottom: 10px;
	font-size: 18px;
}
.factory-show,.raigu-warehouse,.plastic-injection-line,.plastic-mold-workshop,.r-d-department{
	margin-bottom: 40px;
}
.r-d-department-left {
	float: left;
	width: 30%;
}
.r-d-department-right{
	float: right;
	width: 67%;
}
.r-d-department-left img{width: 100%;}
.plastic-injection-line ul li{
	width: 23.5%;
	margin-right: 2%;
}
.plastic-injection-line ul li:nth-child(4){
	margin-right: 0;
}
.capall .swiper-wrapper{
	display: flex;
	align-items: center;
	justify-content: center
}
.hezuo .swiper-slide img {
    width: 70%;
    margin: auto;
}
.capall .swiper-slide {
	text-align: center;
}

.raigu-thermostatic-shower-systems>p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 30px;
	font-style: italic;
}
.raigu-thermostatic-shower-systems h2{
	padding-top: 0;
	margin-bottom: 15px;
}
.raigu-thermostatic-shower-systems{
	max-width: 1340px;
	margin: 40px auto;
	margin-top: 0px;
}
.raigu-thermostatic-shower-systems ul{
	display: flex;
}
.raigu-thermostatic-shower-systems ul li {
    width: calc( 100% / 3);
    transition: all 0.5s;
    cursor: pointer;
    min-height: 276px;
    background: #fafafa;
    border: 1px solid transparent;
}
.raigu-thermostatic-shower-systems ul li:hover{
	background: #fff;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
	transition: all 0.5s;
	border: 1px solid #4084c5;
}
.raigu-thermostatic-shower-systems ul li:hover img{
	transform: scale(1.1);
	transition: all 0.5s;
}
.thermostatic-img img{
	width: 100%;
	transition: all 0.5s;
}
.thermostatic-text {
    padding: 20px;
}
.thermostatic-text h3{
	font-size: 20px;
	margin-bottom: 20px;
}
.thermostatic-text p{
	font-size: 16px;
	line-height: 24px;
}
.thermostatic-img{
	overflow: hidden;
} 
/*
.index-nav-bottom-all-ul li:nth-child(7),.index-nav-bottom-all-ul li:nth-child(8){
	display: none
}*/



.shoujit img{
	width: 100%;
}
.thermostatic-pc{
	display: block
}
.thermostatic-moblie{
	display: none
}

.layout-sustTwo.new .mod-othercontent01 .content-bg {
    background: #5c98d1!important;
    padding: 0!important;
    border-radius: 25px;
	min-height: 330px;
}
.layout-sustTwo.new .mod-othercontent01:nth-child(2n) .content-bg {
    background: #f2f2f2!important;
    padding: 0!important;
    border-radius: 25px;
}
.layout-sustTwo .mod-othercontent01:nth-child(2n) .text h3, .layout-sustTwo .mod-othercontent01:nth-child(2n) .text p {
    color: #000!important;
}
.text.hr a{text-decoration: underline;color: #fff;}
.layout-sustTwo .mod-othercontent01:nth-of-type(2n) .content-bg {
    flex-direction: row-reverse;
}
.layout-sustTwo .mod-othercontent01 .img{
	width: 37.5%;
	text-align: center;
}
.layout-sustTwo .mod-othercontent01 .text {
    width: 62.5%;
    padding: calc(1vw + 10px) calc(5vw + 10px);
    box-sizing: border-box;
}
.mod-othercontent01 .img {
    padding: 50px;
}


.company-body-all-right .text.hr p{
	font-size: 18px;
	line-height: 27px;
}
.raigu-sample h2{
	font-size: 36px;
	font-weight: 600;
	color: rgb(34, 34, 34);
	line-height: calc(1.5vw + 45px);
	text-align: center;
    margin-bottom: 40px;
}
.samplep{
	font-size: 24px;
	line-height: calc(1.5vw + 25px);
	color: rgb(34, 34, 34);
}
.raigu-sample ul{
	display: flex;
	flex-flow: wrap;
}
.raigu-sample ul li{
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 2%;
	text-align: center;
}
.raigu-sample ul li:nth-child(4n){margin-right: 0;}
.raigu-sample ul li img{
	width: 100%;
}
.raigu-sample ul li p{
	font-size: 16px;
	line-height: 24px;
	color: rgb(34, 34, 34);
	margin-top: 10px;
}
.raigu-sample {
    margin-top: 20px;
	display: none
}
.raigu-sample .samplep{
	font-size: 18px;
}
.raigu-sample p a{
	color: #4084c5;
    text-decoration: underline;
}
.raigu-sample .send-sample {
    display: inline-block;
    background: #4084c5;
    height: 45px;
    line-height: normal;
    width: 200px;
    border-radius: 22.5px;
    color: #fff;
    margin: 25px 0;
    cursor: pointer;
    font-size: 18px;
    border: none;
    margin-left: 50%;
    transform: translate(-50%);
	transition: all .5s;
}
.raigu-sample .send-sample:hover{
	background: #5692cd;
	transition: all .5s;
}

.r-d-department { 
    margin-top: 40px;
}


.about .picture_ul{display: flex;gap: 50px;}
.compimg4 li {
    width: 100%!important;
}
.compimg4 li img {
    width: 100%!important;
}