@charset "utf-8";
/* CSS Document */
html, body {
	min-height: 100%;
}
html{
	overflow:-moz-scrollbars-vertical;
}
 

body {
	font-family: Arial;
	font-size:14px;  
	color:#000000;  
	margin:0;
	padding:0;	
	
}

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

h1, h2, h3, h4, h5, h6{
	font-weight:normal; 
	margin: 0;
	font-family: 'Arial'
}
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%;
	    animation: scale_b 25s linear infinite alternate;
    vertical-align: middle;
}

@-webkit-keyframes scale_b {
    0% { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
/*    50% { -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -ms-transform: scale(1.15); -o-transform: scale(1.15); transform: scale(1.15); }*/
    100% { -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -ms-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }
}
.index-nav{
	width: 100%;
	margin: auto;
	z-index: 99999999;
	height: 80px;
    line-height: 80px;
	top: 0px;
	position: fixed;
	background: #fff;
	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: 100px;
    margin: 7.5px 0;
}
.index-nav-right {
	float: right;
	display: flex;
    justify-content: flex-end;
}
.ub-index-search{position: relative;
margin: 0 20px;}
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: 77%;
}
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;
	line-height: 80px;	
	margin-right: 30px;
}
.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 20px;
    display: inline-block;
	position: relative;
}
.index-nav-right>ul>li>a{
    color: #000; 
	font-size: 16px;
	transition: all 0.5s; 
	text-transform: uppercase;
} 
.index-nav-right>ul>li:hover>a{
	color: #66bef1;
}
.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;
}
.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: 150px;
    line-height: 40px;
    height: 40px;
    color: #fff;
    background: #66bef1;
    transition: 0.5s;
    margin-top: 4%;
    text-align: center;
    border-radius: 3px;
}
.index-banner-text span:hover{
	background: #fff;
	color: #66bef1;
}
.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,.products-banner,#news-details-banner{
	position: relative;
    width: 100%;
    overflow: hidden;
    background: #fff;
    height: 200px;	
	background-attachment: fixed;
    background-repeat: no-repeat;
	margin-top: 80px;
	background-position: center 80px;
	background-size: 100% auto;
}
.page-banner img{
	width: 100%;
	display: block;
	object-fit: cover;
}
.page-banner::before,.news-banner::before,.products-banner::before,.pg-banner-con::before,#news-details-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #46534db3;
    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: #66bef1;
	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: 17px;
    color: #202020;
    margin-bottom: 5px;
    line-height: 27px;
    -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: 23.5%;
    margin-right: 2%;
    margin-bottom: 3%;
    position: relative;
    transition: all .5s;
    background: #fafafa;
}
.new-all:nth-child(4n){
	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: 40px auto;
}
.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: 50px auto;
	max-width: 1340px;
}
.mm-products-left{
	float: left;
	width: 250px; 
}
.mm-products-right {
    float: right;
    width: 77%
}
.products-top-p { 
    padding-bottom: 13px;
}
.products-list-left.current .products-list-left-top-flex>a{color: #232323}
li.products-list-left-ul.current>a{color: #232323}

.mm-products-right-images{ 
	overflow: hidden;
}
.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-cateloge:hover .mm-products-right-images img{
	transform: scale(1.05);
}
.mm-products-right-text h4{
	color: #262626;
    font-size: 16px;
	transition: 0.5s;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.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;
}
.mm-products-cateloge{
	margin-bottom: 3%;
    padding: 0%;
    width: 31.5%;
    display: inline-block;
    float: left; 
    margin-right: 2.5%;
	    overflow: hidden;
	transition: all .5s;
}
.mm-products-cateloge:nth-child(3n){
	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;
	
}
/*.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: 14px;
 padding:5px;
 color: #666;
 transition: 0.5s;
}
.mm-products-left ul>li a:hover,.news-title-li-a:hover,.news-rightlist-box>ul>li>a:hover{ 
 color: #fff;
 transition: 0.5s;
 padding:5px 10px;
 background-color:#66bef1;
 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
}

.top-one span img {
    margin-top: 10px;
}
.index-nav-left a img{
	position: absolute; 
}
.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%;
    border-bottom: 2px solid #dfdfdf;
}
.downlist {
    display: none;
    position: absolute;
    width: 230px;
    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: #66bef1;
}
.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 #66bef1;
    float: none;
    font-size: 22px!important;
    color: #232323!important;
    text-transform: uppercase;
    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;
}
.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;
}
.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: #66bef1;
    border-radius: 3px;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: 0.5s;
    position: relative;
}
.mm-contact-right-button button:hover{
	background-color: #000;
	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: 100%;
}
.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; 
	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: 250px;
    margin-right: 0%;
}

.company-body-all .company-body-all-right{
       float: right;
    width: 100%;
	padding-left: 50px;
}
.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;
	text-transform: uppercase;
	border-bottom: 2px solid #66bef1;
	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: 14px;
	color: #666;
	transition: 0.5s;
}
.companylist-box a:hover{
	color: #66bef1;
	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;
    transition: 2s;
    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:hover{
	border-top: 4px solid #fff;
}
.about-zlj-one img {
    width: auto;
    height: 100%;
    opacity: 0.5;
}
li.companylist-box.tables-li-click a{
	color: #66bef1;
}
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: 4px solid #d38291;
    display: inline-block;
}
.about-zlj-one::after, .about-zlj-one-all::after {
    content: "";
    display: block;
    clear: both;
}
.about-zlj-one-all.about-zlj-one-zka .about-zlj-one{
		width: calc((100% - 50%) / 3);
			transition: 1s
			}
.about-zlj-one-all.about-zlj-one-zka .about-zlj-one.about-zlj-one-zs {
    width: 50%;
}

.about-zlj-one-all.about-zlj-one-zka .about-zlj-one.about-zlj-one-zs .about-zlj-one-text {
    top: 36%;
    transform: translateY(-50%);
    transition: 0.5s;
    z-index: 9; 
}
.about-zlj-one-all.about-zlj-one-zka .about-zlj-one.about-zlj-one-zs .about-zlj-one-text h2 {
    border-bottom: 4px solid #cba18b 
}
/*
.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: #66bef1;
	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{
	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;
}
.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: #666;
 line-height: 1.6;
 margin-bottom: 10px;
}
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;
	text-transform: uppercase;
	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;
	margin-top: 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:#66bef1!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: #666;
}
.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{
	color: #666;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	display: none;
}
.products-top-p ul li .imageContainer.ne p{
	color: #666;
	font-size: 14px;
}
.news-title-list_p{ 
	display: block;
    width: 100%;
    float: left;
    margin-bottom: 20px;
    color: #666;
    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: 77%
}
.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>span {
    display: inline-block;
    float: left;
    font-size: 24px;
    width: 100%;
    margin: 20px 0;
    color: #232323;
	font-weight: bold;
    border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
}
.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: 14px;
    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 {
    margin-top: 0;
    color: #fff;
    background-color: #c5c5c5;
    padding: 10px 25px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    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: #000!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-bottom: 20px!important;
}
.proct-zj {
    margin-top: 40px;
}
.main-product-detial-bottom-nav ul .nav-title {
    background-color: #66bef1;
    color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	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: #66bef1;
}
.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: #66bef1;
    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 20px;
    display: inline-block;
}
}
@media screen and (max-width: 1440px){

	.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{  
    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-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: #66bef1;
    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: #33473e;
    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){
	.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;
	}

}


@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;
}
.product-all-left-button h2{
	display: none
}
.mm-products-cateloge_all{
	display: flex;
	flex-flow: wrap;
}




.ab-item0,.ab-item1,.ab-item2,.ab-item3,.ab-item4{
    max-width: 1340px;
    margin: 20px auto;
	margin-bottom: 80px; 
}



.zp-light-left{
	float: left;
	width: 48%;
}
.zp-light-right{
	float: right;
	width: 48%;
}
.zp-light-right>img{width: 100%;}
.zp-light-left>h4,.zp-why-box-title>h4{
    font-size: 16px;
    color: #66bef1;
    position: relative;
    display: inline-block;
}
.zp-light-left>h2,.zp-why-box-title>h2,.anshi-partner h2{
    font-size: 36px;
    color: #232323;
    font-weight: bold;
    margin: 10px 0 30px 0;
    letter-spacing: 2px;
    line-height: 50px;
	text-transform: uppercase;
}
.zp-light-left>p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	display: none
}
.zp-light-left a{
	display: inline-block;
	text-align: center;
	font-size: 14px;
	background: #66bef1;
	color: #fff;
	border-radius: 5px;
	padding: 10px 17px;
	transition: all .5s;
	margin-top: 20px;
}
.zp-light-left a:hover{
	background: #000;
	color: #fff;
	transition: all .5s;
}
.mi-vi h5{
	font-size: 18px;
	color: #333;
	margin: 10px 0;font-weight: bold
}
.mi-vi p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	margin-bottom: 5px;
	
	position: relative
}
.mi-vi p::before{
	content: "";
	display: inline-block;
	left: 0px;
	top: 5px;
	margin-right: 5px;
	background: #000;
	width: 5px;
	height: 5px;
	border-radius: 50%;
}
.mi-vi li{
	margin-bottom: 20px;
}
.zp-light-left h4:after,.zp-why-box-title>h4:after{
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: rgba(102, 190, 241, 0.22);
}
.zp-why-box {
    margin: auto;
    max-width: 1340px;
}
.zp-why-all {
    background: #f9f9f9;
    padding: 60px 0;
}
.zp-why-box-title {
    text-align: center;
	margin-bottom: 40px;
}
.zp-why-box ul{
	display: flex;
	flex-flow: wrap;
}
.zp-why-box ul li {
    width: 31.3%;
    margin-right: 3%;
    margin-bottom: 2%;
    display: flex;
    background: #fff;
    padding: 15px;
	border-radius: 8px;
	transition: all .5s;
	cursor: pointer;
}
.zp-why-box ul li:hover{
	background: #66bef1;
	transition: all .5s;
}
.zp-why-box ul li:hover h4,.zp-why-box ul li:hover p{
	color: #fff
}
.zp-why-box ul li:nth-child(3n){
	margin-right: 0
}
.zp-why-box h4{ 
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: bold;
	color: #333
}
.zp-why-box p{
	font-size: 14px;
	color: #666;
	line-height: 24px;
}
.zp-why-box img{
	width: 30px;
	height: 30px;
}
.zp-sp-left{
	float: left;
	margin-right: 20px;
}
.zp-sp-right{
	float: right;
	margin-top: 20px;
}
.zp-why-box span {
    width: 60px;
    height: 60px;
    background: #66bef1;
    display: block;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 50%;
}



.about-lx::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: #000;
    opacity: 0.6;
}
.about-lx{
	background: url(../images/service1.jpg);
    height: 520px;
    background-size: contain;
    position: relative;
    background-attachment: fixed;
}
.about-lx-foin {
   max-width: 1200px;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    width: 1440px;
	z-index: 9
}
.about-lx-left h2{
	    font-size: 20px;
	color: #fff;
	font-weight: normal
}
.about-lx-left-at li p {
    color: #fff;
    font-size: 14px;
    line-height: 24px;
}
.about-lx-left {
    width: 48%;
    color: #fff;
}
.about-lx-right {
    width: 50%;
    background: #fff;
    box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 5%);
        padding:30px;
	
	border-radius: 8px;
}
.about-lx-left-at li{
	color: #fff;
	font-size: 18px;
		display: flex;
    align-items: center;
	margin: 25px 0;
}
.about-lx-left-at li .fa{
	font-size: 18px;
    color: #fff;
	margin-right: 20px
}
.about-lx-right h2 {
       font-size: 24px;
    color: #444;
    margin-bottom: 20px;
    font-weight: 500;
}
.about-lx-righ_all::after{
	content: "";
	display: block;
	clear: both
}

.about-lx-right label{
	width: 100%;
	margin-bottom: 20px;
	display: block
}
.about-lx-right label input,  .about-lx-right label textarea{
    height: 40px;
    border: solid 2px #f5f5f5 !important;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    margin-top: 5px;
    width: 100%;
	padding: 10px
}
.about-lx-right label input{
	margin-top: 0
}
.about-lx-right label textarea {
    height: 60px;
}
.about-lx-right label {
        color: #808080;
    margin-bottom: 20px;
    font-size: 14px;
}
input.wpcf7-form-control.wpcf7-submit {
       height: 40px;
    background-color: #000;
    border-radius: 6px;
    width: 100%;
    color: #fff;
    font-size: 18px;cursor: pointer
}
.about-lx-righ_all label{
	width: 49%;
	float: left;
	margin-right: 2%
}
.about-lx-righ_all label:nth-child(2n){
	margin-right: 0
}

.about-lx-video video{
	width: 100%
}
.about-lx::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background: #000;
	    opacity: 0.6;
}
textarea#text-input::placeholder,.about-lx-right input::placeholder{
	font-size: 14px!important;
	font-family: "Arial";
	color: #999
}

.about-lx-left>h3 {
    font-size: 24px;
    color: #fff;
    margin: 25px 0;
    margin-bottom: 40px;
    font-style: italic;
    font-weight: bold;
}
.about-we-work{
	margin: auto;
    max-width: 1440px;
}
.about-we-work-one-more{    
	display: flex;
    justify-content: space-between;
	flex-flow: wrap;
}
.about-we-work-one{
	width: 32%;
    box-shadow: 0 0 8px 8px #80808020;
    margin-bottom: 35px;
	cursor: pointer;
	transition: all .5s;
}
.about-we-work-one-img img{
	width:100%;
}
.about-we-work>h2{
	font-size: 36px;
    color: #232323;
    margin-bottom: 30px;
    font-weight: bold;
    text-align: center;
    font-family: "cen-b";
}
.about-we-work-text{
	padding: 20px;
    background: #fff;
    transition: all .5s;
}
.about-we-work-text h2{
	text-align: center;
    margin-bottom: 15px;
}
.company-body-all-right .about-we-work-one-more p{
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
	text-indent: -12px;
}

.index-xuanfu-right {
    position: fixed;
    right: 20px;
    top: 40%;
    margin-top: 0px;
    z-index: 998;
    text-align: center;
    border-radius: 30px;
    width: 60px;
    transition: 0.5s;
}
.all-right-all-content {
    position: relative;
    transition: 0.5s;
    background: #66bef1;
    margin-bottom: 15px;
    border-radius: 80%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    margin-left: auto;
    margin-right: 0;
}

.all-right-all-content p {
    transition: 0.5s;
    position: absolute;
    left: 0%;
    top: 15%;
    width: 220px;
    height: 40px;
    background: #434343;
    text-align: left;
    display: none;
    line-height: 40px;
    padding-left: 3%;
    border-radius: 25px;
} 
.all-right-all-content.index-right-p p::after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    right: -5px;
    background: #66bef1;
    top: calc(50% - 5px);
}

p.index-xuanfu-text.index-xuanfu-website {
    height: 95px;
}
.all-right-all-content>img {
    width: 28px;
}
p.index-xuanfu-text.index-xuanfu-website img {
    width: 100%;
    height: auto;
}
p.index-xuanfu-text.index-xuanfu-website>a {
    display: block;
    padding: 0;
}
.all-right-all i {
    font-size: 24px;
    color: #fff;
}
.all-right-all-content.index-right-p p {
    display: block;
    left: auto;
    right: 50px;
    top: 6px;
    padding-left: 30%;
    border-radius: 8px;
    background: #66bef1; 
}
p.index-xuanfu-text.index-xuanfu-website {
    height: 80px;
    width: auto;
    left: -140px;
    top: -20px;
    border-radius: 0px;
    padding: 0;
}
.all-right-all .all-right-all-content.index-right-p:nth-child(2) p{
	width: 170px!important;
}
.anshi-partner h2{text-align: center;}
.anshi-partner{
	margin-bottom: 20px;
}
.anshi-partner .bx-prev,.anshi-partner .bx-next{
	filter: invert(1)
}
.anshi-logo{padding: 10px 0;cursor: pointer}
.anshi-logo img:hover{
	box-shadow: 0px 0px 3px 3px #00000015;
    transition: 0.5s;
}
.anshi-logo img {
    transition: 0.5s;
    width: calc(100% - 20px);
    margin: 0 10px;
    padding: 0px;
}
.all-right-all-content.index-right-p:nth-child(1) p::after {
    top: calc(58% - 5px);
}
.company-body-all p span{
	color: #333!important;
}



.mylar_one .wid>h2 {
    margin-bottom: 20px;
}
.mylar_one {
    padding: 75px 0 65px 0;
    background: #f4f6f9;
}
.wid {
    max-width: 1170px;
    margin: auto;
}



@font-face{font-family:'qlwapp-whatsapp';src:url(data:application/x-font-woff;charset=utf-8;base64,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) format('woff');font-weight:normal;font-style:normal}.qlwapp-whatsapp-icon{font-family:'qlwapp-whatsapp'!important;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.qlwapp-whatsapp-icon:before{content:"\e900"}#qlwapp{pointer-events:none;box-sizing:border-box}@media(min-width:430px){#qlwapp{width:430px}}#qlwapp *{box-sizing:border-box}#qlwapp.qlwapp-js-ready{display:block}#qlwapp.qlwapp-hide,#qlwapp.qlwapp-desktop.mobile,#qlwapp.qlwapp-mobile.desktop{display:none}#qlwapp .qlwapp-readonly,#qlwapp.qlwapp-readonly{pointer-events:none!important;opacity:.5!important}#qlwapp .qlwapp-disabled,#qlwapp.qlwapp-disabled{display:none;visibility:hidden}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{position:fixed;z-index:9999999}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-bottom-left{right:auto;left:0}#qlwapp.qlwapp-middle-left .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-left .qlwapp-toggle .qlwapp-time{left:0;right:auto}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-left.qlwapp-button .qlwapp-toggle{margin-left:20px}#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text,#qlwapp.qlwapp-bottom-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text{right:auto;left:60px}#qlwapp.qlwapp-middle-left .qlwapp-box:before,#qlwapp.qlwapp-bottom-left .qlwapp-box:before{right:auto;left:20px}#qlwapp.qlwapp-middle-right,#qlwapp.qlwapp-bottom-right{left:auto;right:0}#qlwapp.qlwapp-middle-right .qlwapp-toggle .qlwapp-time,#qlwapp.qlwapp-bottom-right .qlwapp-toggle .qlwapp-time{left:auto;right:0}#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-bubble .qlwapp-toggle,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle,#qlwapp.qlwapp-bottom-right.qlwapp-button .qlwapp-toggle{margin-right:20px}#qlwapp.qlwapp-middle-left,#qlwapp.qlwapp-middle-right{top:40%;bottom:auto}#qlwapp.qlwapp-middle-left .qlwapp-developer,#qlwapp.qlwapp-middle-right .qlwapp-developer{padding:0 24px}#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-left.qlwapp-button .qlwapp-toggle{margin-left:-48px;padding-left:60px}#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-developer,#qlwapp.qlwapp-middle-right.qlwapp-button .qlwapp-toggle{margin-right:-48px;padding-right:60px}#qlwapp.qlwapp-bottom-left,#qlwapp.qlwapp-bottom-right{top:auto;bottom:0}#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{border-radius:50%}#qlwapp.qlwapp-rounded.qlwapp-button .qlwapp-toggle{border-radius:50px}@media(min-width:430px){#qlwapp.qlwapp-rounded .qlwapp-box{border-radius:8px}}#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-user,#qlwapp.qlwapp-rounded .qlwapp-box .qlwapp-message{border-radius:4px}#qlwapp p:last-child{margin:0}#qlwapp time{opacity:.8;font-style:italic;font-size:10px}#qlwapp .qlwapp-no-contacts{display:flex;height:134px;justify-content:center;align-items:center}#qlwapp .qlwapp-container{display:flex;flex-direction:column}#qlwapp .qlwapp-clearfix:before,#qlwapp .qlwapp-clearfix:after{content:'';display:block;clear:both}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close{display:block;opacity:.8;font-style:unset;font-size:24px;font-weight:bold;width:24px;height:24px;cursor:pointer;text-align:center;line-height:24px;z-index:1}#qlwapp .qlwapp-previous{width:16px;height:36px;cursor:pointer;text-align:center;line-height:36px;margin-right:auto}#qlwapp .qlwapp-developer{font-size:8px;top:-20px;position:relative}#qlwapp .qlwapp-developer,#qlwapp .qlwapp-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;margin-right:auto}#qlwapp .qlwapp-toggle{pointer-events:all;cursor:pointer;box-shadow:0 1px 6px 0 rgba(0,0,0,0.06),0 2px 32px 0 rgba(0,0,0,0.16);margin-top:24px;margin-bottom:24px;position:relative;text-decoration:none}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-toggle:active,#qlwapp .qlwapp-toggle:focus,#qlwapp .qlwapp-toggle:hover{outline:0;text-decoration:none}#qlwapp .qlwapp-toggle .qlwapp-time{position:absolute;bottom:-2em;color:initial;font-size:10px;display:inline-block;top:auto;width:120px}#qlwapp .qlwapp-avatar .qlwapp-avatar-container{overflow:hidden;border-radius:50%;width:inherit;height:inherit}#qlwapp .qlwapp-avatar .qlwapp-avatar-container img{width:100%;height:auto;padding-top: 21px;}#qlwapp.qlwapp-bubble .qlwapp-toggle{width:60px;height:60px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{position:absolute;display:block;pointer-events:none;font-size:24px}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{position:absolute;right:60px;height:60px;margin:0 24px;display:flex;align-items:center;justify-content:flex-end;font-weight:bold;white-space:pre}#qlwapp.qlwapp-button .qlwapp-toggle{height:40px;white-space:nowrap;padding:12px 24px}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 12px 0 0}#qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-close{display:none}#qlwapp .qlwapp-box{pointer-events:all;padding-bottom:56px;position:fixed;top:auto;bottom:0;left:0;right:0;z-index:99999;box-shadow:0 5px 40px 5px rgba(0,0,0,0.5)}@media(min-width:430px){#qlwapp .qlwapp-box{position:relative;top:auto;bottom:auto;left:auto;right:auto;box-shadow:0 8px 25px -5px rgba(45,62,79,0.15);margin-top:24px;margin-left:24px;margin-right:24px;margin-bottom:12px}#qlwapp .qlwapp-box:before{content:'';position:absolute;bottom:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-header{border-top-left-radius:inherit;border-top-right-radius:inherit}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{border-bottom-left-radius:inherit;border-bottom-right-radius:inherit}}#qlwapp .qlwapp-box .qlwapp-header{position:relative;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header:before{content:'';position:absolute;top:0;bottom:0;left:0;right:0;background:linear-gradient(135deg,transparent 0,rgba(0,0,0,0.3) 100%)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:12px;right:12px}@media(min-width:430px){#qlwapp .qlwapp-box .qlwapp-header .qlwapp-close{position:absolute;top:7px;right:7px;font-size:16px}}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description{position:relative}#qlwapp .qlwapp-box .qlwapp-description,#qlwapp .qlwapp-box .qlwapp-contact{padding:24px 36px;height:100%}#qlwapp .qlwapp-box .qlwapp-description p,#qlwapp .qlwapp-box .qlwapp-description h3{color:inherit;font-family:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-description h3{margin:0 0 .25em 0}#qlwapp .qlwapp-box .qlwapp-contact{display:flex;justify-content:flex-end;align-items:center}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous{position:relative;left:-16px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-previous>i{line-height:36px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-avatar{width:42px;height:42px}#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-contact .qlwapp-name{color:inherit}#qlwapp .qlwapp-box .qlwapp-account{color:inherit;padding:16px 36px;display:flex;align-items:center;overflow:hidden;position:relative;cursor:pointer;width:100%;text-decoration:none}#qlwapp .qlwapp-box .qlwapp-account:only-of-type{padding-top:36px;padding-bottom:36px}#qlwapp .qlwapp-box .qlwapp-info{padding:0 16px}#qlwapp .qlwapp-box .qlwapp-avatar{position:relative;width:62px;height:62px}#qlwapp .qlwapp-box .qlwapp-avatar:after{content:'';display:block;width:15px;height:15px;position:absolute;bottom:2px;right:2px;background-image:url(data:image/png;base64,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);background-color:transparent;background-repeat:no-repeat;background-position:center center;background-size:cover;z-index:4}#qlwapp .qlwapp-box .qlwapp-time,#qlwapp .qlwapp-box .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-offline-text{font-size:12px;line-height:1.5em;opacity:.6;display:block}#qlwapp .qlwapp-box .qlwapp-time{font-size:11px;font-style:italic}#qlwapp .qlwapp-box .qlwapp-name{display:block;font-weight:bold;line-height:1.5em}#qlwapp .qlwapp-box .qlwapp-body{overflow-x:hidden;overflow-y:auto}#qlwapp .qlwapp-box .qlwapp-body .qlwapp-carousel{max-height:470px;min-height:134px}#qlwapp .qlwapp-box .qlwapp-chat{display:flex;flex-direction:column;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-message{padding:16px 24px;margin:36px;position:relative;word-wrap:break-word;width:calc(100% - 36px*2)}#qlwapp .qlwapp-box .qlwapp-user:before,#qlwapp .qlwapp-box .qlwapp-message:before{content:'';position:absolute;top:-6px;right:24px;width:13px;height:13px;transform:rotate(45deg)}#qlwapp .qlwapp-box .qlwapp-user{width:auto;max-width:75%;align-self:flex-start;justify-self:flex-end;margin-top:0}#qlwapp .qlwapp-box .qlwapp-user:before{top:auto;bottom:-6px;left:24px}#qlwapp .qlwapp-box .qlwapp-padding{padding-bottom:56px}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{position:absolute;bottom:0;left:0;right:0;height:auto;width:100%}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{max-height:160px}#qlwapp .qlwapp-box .qlwapp-footer pre,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-footer textarea,#qlwapp .qlwapp-box .qlwapp-response textarea{color:inherit;background-color:inherit}#qlwapp .qlwapp-box .qlwapp-footer:before,#qlwapp .qlwapp-box .qlwapp-response:before{pointer-events:none;position:absolute;content:'';height:59px;top:-59px;background-image:linear-gradient(transparent,rgba(0,0,0,0.05));left:0;right:0}#qlwapp .qlwapp-box .qlwapp-footer{min-height:56px;display:flex;align-items:center;justify-content:center;text-align:center;font-size:12px;padding:12px 36px}#qlwapp .qlwapp-box .qlwapp-footer p{padding:0;font-size:inherit}#qlwapp .qlwapp-box .qlwapp-footer p:last-child{margin-bottom:0}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{min-height:56px}#qlwapp .qlwapp-box .qlwapp-response pre,#qlwapp .qlwapp-box .qlwapp-response textarea{width:100%;height:100%;resize:none;border:0;padding:18px 88px 18px 36px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-weight:normal;line-height:20px;white-space:pre-wrap;word-wrap:break-word;border-radius:inherit;margin:0}#qlwapp .qlwapp-box .qlwapp-response pre{visibility:hidden}#qlwapp .qlwapp-box .qlwapp-response textarea{position:absolute;bottom:0;left:0}#qlwapp .qlwapp-box .qlwapp-response textarea:focus{outline:0}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{position:absolute;top:0;right:21px;display:flex;align-items:center}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i{display:none}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons.active>i.qlwf-emoji{display:block}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i{opacity:.4}#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>i,#qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{cursor:pointer;margin:0 0 0 10px;display:inherit;font-size:18px;line-height:24px;text-decoration:none}#qlwapp .qlwapp-previous,#qlwapp .qlwapp-close,#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-contact,#qlwapp .qlwapp-box .qlwapp-user{color:#d7d7d7d}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{color:999999}#qlwapp .qlwapp-box,#qlwapp .qlwapp-box:before{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account{background-color:#fff}#qlwapp .qlwapp-box .qlwapp-account:not(:first-child){border-top:1px solid #f5f5f5}#qlwapp .qlwapp-box .qlwapp-avatar .qlwapp-avatar-container{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-message:before{background-color:#eee}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response{color:#303030;background-color:#fff;border-top:1px solid #e6e6e6}#qlwapp .qlwapp-toggle,#qlwapp .qlwapp-box .qlwapp-header,#qlwapp .qlwapp-box .qlwapp-user,#qlwapp .qlwapp-box .qlwapp-user:before{background-color:#303030}#qlwapp{display:none}#qlwapp.qlwapp-show .qlwapp-box{visibility:visible;opacity:1;transform:translateY(0) scale(1);display:block}#qlwapp.qlwapp-transition .qlwapp-box{visibility:visible;display:block}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-icon{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble.qlwapp-show .qlwapp-toggle .qlwapp-close{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transform:scale(0,0);opacity:0}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon{transform:scale(1,1);opacity:1}#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-icon,#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-close{transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}#qlwapp .qlwapp-box{display:none;opacity:0;visibility:hidden;transform:translateY(50px);transition:transform 300ms cubic-bezier(0.215,0.61,0.355,1),opacity 300ms ease-in}@media(min-width:430px){#qlwapp .qlwapp-box{transform:translateY(50px) scale(0.9)}}#qlwapp .qlwapp-box .qlwapp-carousel{display:flex;width:200%;height:100%}#qlwapp .qlwapp-box .qlwapp-carousel .qlwapp-slide{width:50%;transition:max-height 500ms cubic-bezier(0.215,0.61,0.355,1) 1000ms,transform 300ms cubic-bezier(0.215,0.61,0.355,1) 500ms,opacity 500ms ease-in 500ms;height:100%;overflow:hidden}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-slide{max-height:300px}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) .3s,opacity ease-in .3s}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transform:scale(0.5)}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-name{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-label{transition-delay:850ms}#qlwapp .qlwapp-box .qlwapp-header .qlwapp-avatar{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-footer,#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-message,#qlwapp .qlwapp-box .qlwapp-user{transition:transform cubic-bezier(0.215,0.61,0.355,1) 600ms,opacity ease-in 200ms}#qlwapp .qlwapp-box .qlwapp-response,#qlwapp .qlwapp-box .qlwapp-previous,#qlwapp .qlwapp-box .qlwapp-user{opacity:0}#qlwapp .qlwapp-box .qlwapp-response{pointer-events:none}#qlwapp .qlwapp-box .qlwapp-previous{transform:translateX(56px)}#qlwapp .qlwapp-box .qlwapp-user{transform:translateY(56px)}#qlwapp .qlwapp-box .qlwapp-close{transition:opacity 300ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-description{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 900ms cubic-bezier(0.215,0.61,0.355,1)}#qlwapp .qlwapp-box .qlwapp-account{transition:transform 600ms cubic-bezier(0.215,0.61,0.355,1),opacity 150ms ease-in}#qlwapp .qlwapp-box .qlwapp-previous{transition-delay:800ms}#qlwapp .qlwapp-box .qlwapp-message{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-close,#qlwapp .qlwapp-box .qlwapp-description{transition-delay:900ms}#qlwapp .qlwapp-box .qlwapp-user{transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(6){transition-delay:600ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(5){transition-delay:500ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(4){transition-delay:400ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(3){transition-delay:300ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(2){transition-delay:200ms}#qlwapp .qlwapp-box .qlwapp-account:nth-of-type(1){transition-delay:100ms}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-message{opacity:0;transform:translateY(-56px)}#qlwapp .qlwapp-box .qlwapp-slide .qlwapp-box .qlwapp-account:hover{background-color:#fafafa}#qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(-100%)}#qlwapp .qlwapp-box.response .qlwapp-body .qlwapp-carousel{overflow:hidden;max-height:134px!important;min-height:122px}#qlwapp .qlwapp-box.response .qlwapp-close{transition-delay:0ms}#qlwapp .qlwapp-box.response .qlwapp-close,#qlwapp .qlwapp-box.response .qlwapp-footer,#qlwapp .qlwapp-box.response .qlwapp-description,#qlwapp .qlwapp-box.response .qlwapp-account{opacity:0}#qlwapp .qlwapp-box.response .qlwapp-account{transform:translateY(-33.333%);border-top-color:transparent!important}#qlwapp .qlwapp-box.response .qlwapp-user{display:block}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous,#qlwapp .qlwapp-box.response .qlwapp-response{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-response{pointer-events:all}#qlwapp .qlwapp-box.response .qlwapp-message,#qlwapp .qlwapp-box.response .qlwapp-previous{transform:translate(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-slide{max-height:84px}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{opacity:1}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{opacity:.5}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-label{transform:translateX(0)}#qlwapp .qlwapp-box.response .qlwapp-header .qlwapp-avatar{transform:scale(1)}#qlwapp .qlwapp-box.response.opening .qlwapp-footer,#qlwapp .qlwapp-box.response.opening .qlwapp-response,#qlwapp .qlwapp-box.response.opening .qlwapp-close,#qlwapp .qlwapp-box.response.opening .qlwapp-previous,#qlwapp .qlwapp-box.response.opening .qlwapp-description,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-name,#qlwapp .qlwapp-box.response.opening .qlwapp-header .qlwapp-label{visibility:visible}#qlwapp .qlwapp-box.texting .qlwapp-body{overflow-y:auto}#qlwapp .qlwapp-box.texting .qlwapp-user{opacity:1;transform:translate(0)}#qlwapp .qlwapp-box.closing .qlwapp-previous{transition-delay:0ms;transform:translateX(-24px);opacity:0;transition:transform cubic-bezier(0.215,0.61,0.355,1) 300ms,opacity ease-out 200ms}#qlwapp .qlwapp-box.closing .qlwapp-description{opacity:0}body.rtl #qlwapp.qlwapp-button .qlwapp-toggle .qlwapp-icon{margin:0 0 0 12px}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons{right:auto;left:21px;flex-direction:row-reverse}body.rtl #qlwapp .qlwapp-box .qlwapp-response .qlwapp-buttons>a{transform:rotate(180deg)}body.rtl #qlwapp .qlwapp-box .qlwapp-response pre,body.rtl #qlwapp .qlwapp-box .qlwapp-response textarea{padding:18px 36px 18px 88px}body.rtl #qlwapp .qlwapp-box.response .qlwapp-carousel .qlwapp-slide{transform:translateX(100%)}body.rtl #qlwapp .qlwapp-box .qlwapp-contact{flex-direction:row-reverse}

.qlwapp-description a{color:#177ee5}
.qlwapp-description{background: #53cb60;}
#qlwapp .qlwapp-toggle{
	background: #53cb60;
}
.title .bot-bot-c2{
	    text-align: center;
    border: 1px solid #ffffff;
    margin-top: 0;
}
.vid-01.vid-c2{
	    width: 50%;
    padding: 2%;
}
#qlwapp .qlwapp-box .qlwapp-account{
	display: flex
}
#qlwapp .qlwapp-box .qlwapp-account.qlwapp-sj{
	display: none
}

#qlwapp.qlwapp-middle-left{
	    left: auto;
    right: 0;
}
#qlwapp .qlwapp-container{
	display: block;
}
#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{
	margin: 0;
    right: 20px;
    left: auto;
    float: right;
	background: #66bef1;
	color: #fff;
}
#qlwapp.qlwapp-middle-left .qlwapp-box:before{
	right: 20px;
    left: auto;
}
#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text{
	    right: 50px;
    left: auto;
    font-size: 16px;
    font-weight: 600;
	color: #66bef1;
}
#qlwapp.qlwapp-middle-left{
	    top: auto;
    bottom: 10%;
}
#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description{
	font-size: 16px
}
#qlwapp .qlwapp-box .qlwapp-info{
	font-size:16px;
}
#qlwapp .qlwapp-avatar .qlwapp-avatar-container img {
    width: 100%;
    height: auto;
    padding-top: 10px;
}
#qlwapp .qlwapp-box .qlwapp-header .qlwapp-description {
    background: #66bef1;
}   
#qlwapp .qlwapp-box .qlwapp-footer{
	padding: 12px 30px;
}