/* CSS Document */
#gt-nvframe{display: none;}
body{margin-top: 0 !important;}
/*header*/
.header-height{
	height: 90px;
}
.header{
	position: relative;
	width: 100%;
	height: 90px;
	background: #fff;
	z-index: 10;
	font-size: 0;
	box-shadow: 1px 2px 15px 2px rgba(0,0,0,0.15);
}
.fixed{
	position: fixed;
	top: 0;
	z-index: 10;
}
.head-logo{
	width: 85px;
	vertical-align: top;
}
.head-nav{
	width: calc(100% - 300px) !important;
	margin-right: 0 !important;
	margin-top: 34px;
	text-align: right;
}
.head-nav ul{
	width: 100%;
  display: flex;
  justify-content: space-around;
}
.head-nav>ul>li{
	position: relative;
	display: inline-block;
	padding: 0 !important;
	height: 56px;
	text-transform: uppercase;
}
.m-navlistcon #li15360>ul,.m-navlistcon #li15365>ul{
	display: none;
}
.head-nav>ul>li#li15360 ul{
	display: none !important;
}
.head-nav>ul>li#li15357{
	display: none;
}
.head-nav>ul>li>a>span,.head-nav>ul>li>ul>li#cid11915>a>span,.head-nav>ul>li>ul>li#cid11149>a>span{
	position: relative;
	font-family: 'Roboto-Regular';
	color: #212121;
    font-size: 20px;
    -webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.head-nav>ul>li>a>span::before,.head-nav>ul>li>ul>li#cid11915>a>span::before,.head-nav>ul>li>ul>li#cid11149>a>span::before{
	content: '';
	position: absolute;
	left: -3px;
	bottom: 1px;
	z-index: -1;
	display: block;
	width: calc(100% + 6px);
	height: 10px;
	background: #fff;
    -webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.head-nav #cid11915,.head-nav #cid11149{
	position: relative;
	height: 56px;
}

.head-nav>ul>li>a:hover>span::before,.head-nav>ul>li>a.current>span::before,.head-nav>ul>li>ul>li#cid11915>a:hover>span::before,.head-nav>ul>li>ul>li#cid11149>a:hover>span::before{
	background: #f5b72f;
}
.head-nav>ul>li#li15358>a>span::after,.head-nav>ul>li#li15359>a>span::after,.head-nav>ul>li#li15359>a>span::after,.head-nav>ul>li#li10321>a>span::after,.head-nav ul>li#cid11915>a>span::after,.head-nav ul>li#cid11149>a>span::after{
	content: '\e62a';
    display: inline-block;
    margin-left: 10px;
    margin-top: 6px;
    font-size: 14px;
    color: #2a2a2a;
    vertical-align: top;
	font-family: "iconfont" !important;
   font-style: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
}
.head-nav>ul>li#li15358>ul,.head-nav>ul>li#li10321>ul,.head-nav>ul>li#li15359 ul.u2{
	display: none;
	position: absolute;
	width: 312px;
	top: 56px;
	left: 0;
	padding: 12px 0 10px 0;
	background: #fff;
	text-align: left;
	z-index: 2;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.12) inset;
	border-bottom: 1px solid #f1f1f1;
}
.head-nav #li15359>a{
	display: none;
}
.head-nav>ul>li#li15359>ul{
	display: flex!important;
	position: static;
	gap: 65px;
}
.head-nav #cid11149{
	order: -1;
}
.head-nav>ul>li#li15359>ul>li>a{
	display: block!important;
}
.head-nav>ul>li>ul img{display: none;}
.head-nav>ul>li#li15365>ul{
	display: none !important;
}
.head-nav>ul>li>ul>li>a,.head-nav>ul>li#li15359>ul>li>ul.u2>li>a{
	display: block;
	width: 100%;
	height: auto;
	padding: 14px 20px;
}
.head-nav>ul>li#li15359>ul>li>a{
	display: none;
}
.head-nav>ul>li>ul>li>a>span,.head-nav>ul>li#li15359>ul>li>ul.u2>li>a>span{	
	font-size: 16px;	
	color: #000;
	font-family: 'Roboto-Bold';
	text-transform: uppercase;
}
.head-nav>ul>li>ul>li>a:hover,.head-nav>ul>li#li15359>ul>li>ul.u2>li>a:hover{
	color: #f5b72f;
	background: #f5b72f;
}
.head-nav>ul>li#li15359>ul>li>a{
	padding: 0;
}
.head-nav>ul>li#li15359>ul>li>a:hover{
	background: none;
}
/*手机端导航*/
.mobile-height{
	display: none;
	height: 60px;
}
.mobile-nav{
	display: none;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 999;
	box-shadow: 0 0 25px 0 rgba(0,0,0,0.1);
}
.m-navico{
	font-weight: bold;
	font-size: 24px;
	line-height: 60px;
}
.m-navlist{
	position: fixed;
	left: -80%;
	top: 0;
	bottom: 0;
	width: 76%;
	padding: 0 0 20px 0;
	background: #fff;
	box-shadow: 1px 2px 8px 3px rgba(0,0,0,0.2); 
	z-index: 999;
}
.m-navlist .m-listtop{
	padding:20px;
	font-size: 24px;
}
.m-navlist .m-listtop img{
	width: 52px;
}
.m-navlist .m-listtop span{
	float: right;
	font-size: 24px;
	color: #999;
	font-weight: 100;
	line-height: 36px;
	opacity: 0.8;
}
.m-navlistcon{
	height: calc(100vh - 140px);
	margin-left: 20px;
	overflow: auto;
}
.m-navlistcon>ul>li>a{
	width: 100%;
	display: block;
	border-bottom: 1px solid #dedede;
	overflow: hidden;
}
.m-navlistcon>ul>li>a>span{
	display: block;
	width: 100%;
	font-size: 18px;
	color: #222;
	font-family: 'Roboto-Bold';
}
.m-navlistcon>ul>li>ul>li{
	margin-left: 20px;
	border-bottom: 1px solid #dedede;
}
.m-navlistcon ul li a{
	display: block;
	padding: 15px 0;
	font-size: 15px;
	color: #000;
}
.m-navlistcon ul li a span{	
	text-transform: uppercase;
}
.m-navlistcon .xla-three{
	border-top: 1px solid #dedede;
	padding-left: 20px;
}
.m-navtap{
	padding-left: 6%;	
}
.m-navtap,.m-navcenter{
	float: left;
}
.m-navcenter {
	text-align: center;
}
.m-navcenter img{
	height: 60px;
}
.m-navright{
  width: 140px;
	align-self: stretch;
}
.head-searchcon{
	position: relative;
	float: left;
	padding: 0 15px;
	height: 90px;
	line-height: 90px;
	cursor: pointer;
}
.head-searchcon span{
	font-size: 17px;
	color: #242424;	
}
.head-search{
	display: none;
	position: absolute;
	top: 90px;
	left: -60px;
	padding: 20px;	
	background: #fff;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.12) inset;
	border-bottom: 1px solid #f1f1f1;
}
.head-searchbg{
	width: 260px;
	height: 38px;
	border:1px solid #d9d9d9;
	border-radius: 50px;
}
.head-search input{
	float: left;
	width: 208px;
	height: 36px;
	padding-left: 24px;
	font-size: 16px;
	color: #414141;
	border:none;
	outline: none;
	background: none;
}
.head-search button{
	float: right;
	width: 50px;
	height: 38px;
	margin-top: -1px;
	background:#f5b72f;
	border-top-right-radius: 16px;
	border-bottom-right-radius: 16px;
}
.head-search button::before{
	content: '\e65d';
	font-size: 18px;
	color: #fff;
}
.lang-show{
	position: relative;
}

.lang-show span.show-current a{
	display: inline-block;
	font-size: 20px;
	color: #383838;
	line-height: 90px;
}
.lang-show span.show-current a:hover{
	color: #f5b72f;
}
.line{
	margin-right: 15px;	
	font-size: 18px;
	line-height: 90px;
}
.lang-show span.show-current i{
	margin-left: 8px;
	font-size: 14px;
	color: #222;
}
.lang-show span.show-current a:hover i{
	color: #f5b72f;
}
.lang-show .lang-hide{
	display: none;
	position: absolute;
	left: 0;
	top: 90px;
	z-index: 9;
	min-width: 120px;
	padding: 5px 15px 15px 15px;
	background: #fff;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.12) inset;
	border-bottom: 1px solid #f1f1f1;
}
.lang-show .lang-hide a{
	display: block;
	margin-top: 10px;
	font-size: 16px;
  cursor: pointer;
}
.lang-show .lang-hide img{
	margin-right: 5px;
}
.lang-show:hover .lang-hide{display: block;}
/*询盘*/
.cd-popup.is-visible,.cd-popupb.is-visible{
	opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0s;
    transition: opacity 0.3s 0s, visibility 0s 0s;
}
.cd-popup,.cd-popupb{
	display: block;
	position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
    transition: opacity 0.3s 0s, visibility 0s 0.3s;
    z-index: 1000;
}
.cd-popup .div_info,.cd-popupb .div_info{
	position: relative;
	max-height: 90%;
	overflow: auto;
}
.cd-pop{
	position: absolute;
	width: 100%;
	height: 100%;
}
.cd-popup-close{
	position: absolute;
	right: 7%;
	top: 28px;
	font-size: 26px;
	line-height: 42px;
	color: #999;
}
.cd-popup-close:hover{
	text-decoration: none;
}
.input-position{
	position: relative;
}
.div-infowid{
	width: 100%;
}
/*banner*/
.banner{
	position: relative;
    width: 100%;
	height: calc(100vh - 90px);
	min-height: 800px;
	z-index: 2;
	overflow: hidden;
}
.banner video,#canvas{
	width: 100%;
	height: 100%;
}
.banner video{display: block !important;}
#canvas{display: none !important;}
canvas{background: #fff;}
.banner-position{
    position: absolute;
	left: 0%;
	top: 15%;
	width: 100%;
}
.banner-position .container{
	align-items: center;
}
.banner-text{
	width: 62%;
	text-align: left;
	z-index: 1;
}
.banner-text h1{
	font-size: 70px;
	color: #222;
	line-height: 74px;
}
.banner-text h1 span{
	font-family: 'SourceSansPro-SemiBold';
}
.banner-text p{
	font-size: 24px;
	color: #424141;
	line-height: 30px;
}
.main-href {
	margin-top: 50px;
}
.main-href a{
	display: inline-block;
	padding: 17px 47px;
	background: #f5b72f;
	color: #222;
	font-size: 18px;
	font-family: 'Roboto-Bold';
	cursor: pointer;
	border-radius: 50px;
}
.main-href a:hover{
	background: #f3b01c;
	text-decoration: none;
}
.banner .main-href a{
	padding: 17px 54px;
}
.title{
	width: 54%;
	margin: -10px auto 0 auto;
	text-align: center;
}
.title h1,.title h1 a{
	font-size: 55px;
}
.title p{
	font-size: 20px;
	color: #595959;
	line-height: 30px;
}
.home-textilescon div.swiper-slide{
	width: 19%;
} 
.home-textilescon div.swiper-slide span img{
	width: 100%;
}
.home-textilescon .home-mb{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.home-textilescon div.swiper-slide .home-mbdw{
	position: relative;
}
.home-textilescon div.swiper-slide .home-mbdw:hover .home-mb{
	display: block;
	opacity: 1;
}
.home-textilescon .home-mb div{
	display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;	
    width: 100%;
    height: 100%;
}
.home-textilescon .home-mb a{
	display: inline-block;
	width: 55px;
	height: 55px;
	font-size: 20px;
	text-align: center;
	line-height: 55px;
	background: #f5b72f;
	border-radius: 50%;
}
.home-textilescon .home-mb a:hover{
	background: #f3b01c;
	font-size: 22px;
}
.home-textilescon{	
	position: relative;
	margin-top: 50px;
	padding: 0 60px;
}
.home-textilescon h3{
	margin-top: 20px;
	text-align: center;
}
.home-textilescon h3 a{
	position: relative;
	padding: 0 10px;
	color: #222;
}
.home-textilescon h3 a::before{
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	display: inline-block;
	height: 10px;
	background: #f5b72f;
	z-index: -1;
	opacity: 0;	
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.home-textilescon h3:hover a::before{
	opacity: 1;
}
.home-textilescon .swiper-button-prev,.home-textiles .swiper-button-next{
	position: absolute;
	top: 50%;
	width: 75px;
	height: 75px;
	margin-top: -37px;
	text-align: center;
	line-height: 75px;
	font-size: 22px;
	z-index: 2;
	background: #fff;
	border-radius: 50%;
	box-shadow: 6px 5px 15px 2px rgba(0,0,0,0.1);
	cursor: pointer;
}
.home-textilescon .swiper-button-prev{
	left: 20px;
}
.home-textilescon .swiper-button-next{
	right: 20px;
}
.home-textilescon .swiper-button-prev:hover,.home-textilescon .swiper-button-next:hover{
	background: #f5b72f;
}
.title-txt h2::before{
	content: '';
	display: block;
	width: 100px;
	height: 5px;
	margin-bottom: 35px;
	background: #f5b72f;
}
.home-factorypic{
	overflow: hidden;
}
.home-factorypic img{
	width: 100%;
}
.home-factorypic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.home-factorytxt{
	padding: 136px calc((100% - 1400px) / 2) 20px 5%;
	background: #f2f2f1;
	height: 100%;
	display: -webkit-flex;
    display: flex;
    align-items: center;
}

.href{
	margin-top: 55px;
}
.href a{
	font-size: 18px;
	font-family: 'Roboto-Bold';
	text-decoration: underline;
}
.href a:hover{
	font-size: 19px;
	color: #222;
}
.href a i{
	display: inline-block;
	width: 58px;
	height: 58px;
	margin-left: 22px;
	line-height: 58px;
	text-align: center;
	background: #f5b72f;
	border-radius: 50%;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.href a:hover i{
	font-size: 18px;
	background: #f3b01c;
}
.home-custom .home-factorytxt{
	background: none;
	padding: 20px 5% 20px calc((100% - 1400px) / 2);
	height: auto;
}
.home-display{
	width: 55%;
	height: 116px;
	background: #f3f3f2;
}
.home-displaycon{
	width: 100%;
	text-align: right;
}
.home-displaycon .home-display{
	display: inline-block;
	height: 114px;
}
.home-high .home-factorytxt{
	height: auto;
	padding: 20px calc((100% - 1400px) / 2) 20px 5%;
}
.home-displayb{
	width: 45%;
	height: 114px;
	background: #f4f4f3;
}
.home-leading{
	padding: 45px 0 116px 0;
	background: #f4f4f3;
}
.home-leading .title-txt p{
	width: 68.6%;  
}
.home-partner{
	padding-top: 32px;
	margin-top: 65px;
	font-size: 0;
	border-top: 1px solid #7a7a79;
}
.home-partner span{
	display: inline-block;
	width: 17.8%;
	margin-top: 30px;
	margin-left: 2.7%;
}
.home-partner span img{
	width: 100%;
}
.home-partner span:nth-child(5n+1){
	margin-left: 0;
}
.home-servicecon{
	margin-top: 35px;
}
.home-service .title{
	width: 66%;
}
.home-servicecon .home-serslide{
	position: relative;
	width: 32.8%;
	margin-top: 15px;
	margin-left: 0.8%;
}
.home-servicecon .home-serslide:first-child{
	margin-left: 0;
}
.home-servicepic img{
	width: 100%;
}
.home-servicepic div.ddbp{	
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
}
.home-servicepic h3{
	min-width: 72%;
	max-width: 90%;
	padding: 18px 25px;
	font-size: 36px;
	color: #fff;
	text-align: center;
	border:1px solid rgba(255,255,255,0.8);
}
.home-servicemb{
	display: none;
	position: absolute;
	left: 0;
	top: 0;    
	width: 100%;
	height: 100%;
	background: #f5b72f;
}
.home-servicemb div.wpd{
	width: 100%;
	height: 100%;
}
.home-servicemb div.wpd div{
	width: 78%;
	text-align: center;
}
.home-servicemb h3 a{
	font-size: 36px;
}
.home-servicemb h3 a:hover{
	color: #222;
}
.home-servicemb p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
.home-servicemb div.wpd .more{
	width: 100%;
}
.more{
	margin-top: 40px;
}
.more a{
	font-size: 18px;
	font-family: 'Roboto-Bold';
}
.more a:hover{
	color: #222;
	text-decoration: underline;
}
.home-colleccon{
	margin-top: 55px;
}
.home-collbd{
	width: 57%;
}

.home-colltit h3 a{
	font-size: 30px;
}
.home-collbd li img{
	width: 100%;
}
.home-collbd li img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.home-collright{
	width: 35%;
	margin-top: 55px;
}
.home-collhd{
	width: 100%;
	margin-top: 8px;
}
.home-collaa{
	width: 90%;
}
.home-collhd li{
	float: left;
	width: 33.1%;
	height: 104px;
	margin-right: 1px;
	overflow: hidden;
	box-sizing: border-box;
	cursor: pointer;
}
.home-collhd li.on{
	margin-top: -1px;
	border:2px solid #f5b72f;
}
.home-collhd li img{
    width: 100%;
	height: 100%;
	object-fit: cover;
 }
.coll-btn{
	display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-grow:0;
	flex-shrink:0;
	padding-left: 2px;
}
.coll-btn .weizhi div{
	width: 47px;
	height: 52px;
	padding: 0 6px;
	background: #f5b72f; 
	text-align: center;
	line-height: 52px;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.coll-btn .weizhi div i{
	font-size: 18px;
}
.coll-btn .weizhi div:hover{
	background: #eda70c;
}
.coll-btn .weizhi div:last-child::before{
	content: '';
	display: block;
	width: 33px;
	height: 1px;
	background: #ab8021;
}
.home-tell{
	width: 100%;
	background: url(http://jht.meeallcdn.com/imglibs/files/91927.webp) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
}
.home-tellcon{
	width: 72%;
}
.home-tellcon h2{
	font-size: 54px;
	color:#fff;
}
.home-tellcon p{
	color: #fff;
	opacity: 0.75;
}
.home-tellhref{
	display: -webkit-flex;
    display: flex;
    align-items: center;
}
.home-tellhref a{
	padding: 15px 47px;
	border:1px solid rgba(255,255,255,0.8);
	border-radius: 50px;
	color: #fff;
	font-size: 18px;
	font-family: 'Roboto-Bold';
}
.home-tellhref a:hover{
	background: #eda70c;
	border-color: #eda70c;
	color: #222;
}

/*手机端底部*/
.mobile-footer{
	display: none;
	position: fixed;
	left: 0; 
	bottom: 0px;
	width: 100%;
	height: 60px;
	background: #f5b72f;
	z-index: 99;
	box-shadow: 1px 2px 8px 4px rgba(0,0,0,0.1);
}
.mobile-foot a{
	float: left;
	width: 25%;
	height: 60px;
	color: #222;
	font-size: 18px;	
	font-family: 'Roboto-Bold';
	text-align: center;
	border-right: 1px solid #eaa713;
	box-sizing: border-box;
}
.mobile-foot a:last-child{
	border-right:none;
}
.mobile-foot a:hover{
	text-decoration: none;
}
.mobile-foot i{
	display: block;
	height: 28px;
	margin:3px auto 3px auto;
	font-size: 22px;
	font-weight: 100;
	color: #222;
	line-height: 34px;
}
.mobile-foot i.m-home{
	font-size: 34px;
}
.mobile-foot i.m-pro{
	font-size: 38px;
}
.mobile-foot i.m-contact{
	font-size: 34px;
}
/*footer*/
.footer{
	padding-top: 70px;
	background: #000;
}
.foot-logo{
	width: 20.7%;
}
.foot-logo img{
	width: 60px;
}
.foot-logo p{
	color: #fff;
	opacity: 0.75;
	line-height: 28px;
	font-size: 16px;
}
.foot-con{
	width: 74.6%;
}
.foot-contop{
	padding-bottom: 10px;
	margin-bottom: 36px;
	border-bottom: 1px solid #333;
}
.foot-contop li{
	width: 33.33%;
	display: -webkit-flex;
    display: flex;
}
.foot-contop li div{
	margin-right: 24px;
	margin-top: 3px;
	font-size: 43px;
	color: #f5b72f;
}
.foot-contop li:nth-child(2) div{
	margin-top: 0;
	font-size: 46px;
}
.foot-contop li:nth-child(3) div{
	font-size: 37px;
}
.foot-contop li h4{
	color: #fff;
}
.foot-contop li p{
	margin-top: 10px;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Roboto-Bold';
	color: #bfbfbf;
}
.foot-connr h3{
	margin-bottom: 30px;
	font-size: 20px;
	color: #fff;
}
.foot-connr li a{
	display: block;
	margin-bottom: 10px;
	font-size: 16px;
	color: #808080;	
}
.foot-connr li a:before{
	content: '\e604';
	margin-right: 15px;
	font-family: 'iconfont';
	font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	color: #f5b72f;
}
.foot-connr li a:hover{
	color: #fff;
}
.foot-connr div.newsletter{
	width: 28%;
}

.foot-connr div.newsletter p{
	margin-top: 10px;
	font-size: 16px;
	color: #fff;
	line-height: 20px;
}
.foot-connr>div>ul>li>ul,.foot-connr>div>ul>li#li15359,.foot-connr>div>ul>li#li15365,.foot-connr>div>ul>li#li15360{
	display: none;
}
.newsletter form{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 20px;
}
.newsletter input{
	width: 88%;
	height: 45px;
	padding-left: 25px;
	font-size: 16px;
	background: rgba(255,255,255,0.05);
	color: #fff;
	outline: none;
	border:none;
    border:1px solid #fff;
}
.newsletter input.error{
	border: 1px solid crimson;
}
.newsletter button{
	width:45px;
	height: 45px;
	margin-left: 7px;
	font-size: 20px;
	background: #f5b72f;
	outline: none;
	border:none;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	flex-grow: 0;
    flex-shrink: 0;
}
.newsletter button:hover{
	background: #eda70c;
}
.font-link{
	margin-top: 30px;
}
.font-link a{
	display: inline-block;
	width: 45px;
	height: 45px;
	margin-left: 18px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-size: 22px;
	border-radius: 50%;
}
.font-link div:nth-child(1) a{
	margin-left: 0;
	background: #fe0002;
}
.font-link div:nth-child(2) a{
	font-size: 26px;
	background: #0177b5;
}
.font-link div:nth-child(3) a{
	font-size: 26px;
	background: #e60024;
}
.font-link div:nth-child(4) a{
	background: #3b5999;
}
.foot-txt{
	width: 100%;
    margin-top: 60px;
}
.foot-txt p{
	margin-top: 0;
	padding: 12px 30px;
	font-size: 16px;
	color: #333;
	text-align: center;
	border-top: 1px solid #333;
}
.foot-txt p a{
	margin-left: 10px;
	color: #444;
}
.foot-txt p a:hover{
	color: #f5b72f;
}
/*about page*/
.small-banner{
	position: relative;	
	width: 100%;
	overflow: hidden;
}
.small-banner .ban-txt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
}
.small-banner .ban-txt h1,.small-banner .ban-txt p{
	color: #fff;
}
.small-banner .ban-txt h1{
	width: 56%;
	font-size: 48px;
	display: -webkit-flex;
    display: flex;
}
.small-banner .ban-txt p{
	width: 43%;
	margin-top: 40px;
	line-height: 30px;
	font-size: 24px;
}
.ban-pic img{
	min-width: 100%;
	min-height: 300px;
}
.ban-txt h1::before{
	content: '';
	display: block;
	width: 50px;
	height: 3px;
	margin: 34px 15px 0 0;
	background: #f5b72f;
	vertical-align: top;
	flex-grow: 0;
    flex-shrink: 0;
}
.nav{
	margin-top: 60px;
}
.nav::before{
	content: '\e616';
	margin-right: 6px;
	font-family: "iconfont";
	font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	color: #fff;
}
.nav li{
	display: inline-block;
}
.nav li a,.nav li span,.nav li{
	color: #fff;
	font-size: 18px;
	font-style: normal;
	opacity: 0.75;
	text-transform: uppercase;
}
.nav li span{
	margin:0 5px;
}
.nav li:last-child a,.nav li a:hover{
	color: #f5b72f;
}
.about-js {
	overflow: hidden;
}
.about-js .about-tit{
	width: 48.5%;
	margin-top: 12px;
}
.about-tit h2::after{
	content: '';
	display: block;
	width: 120px;
	height: 5px;
	margin-top: 22px;
	margin-bottom: 40px;
	background: #f5b72f;
}
.about-tit p{
	margin-top: 20px;
}
.about-jspic{
	position: relative;
	width: 46.4%;
}
.about-jspic::before{
	content: '';
	position: absolute;
	left: 30%;
	bottom: 0;
	display: block;
	width: 150%;
	height: calc(100% + 110px);
	background: #f1f1f1;
	z-index: -1;
}
.about-jspic div{
	position: relative;
	overflow: hidden;	
}
.about-jspic img{
	width: 100%;
}
.about-jspic:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-jspic i{
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 75px;
	height: 75px;
	margin-top: -37px;
	margin-left: -37px;
	font-size: 28px;
	background: #f5b72f;
	border-radius: 50%;
	text-align: center;
	line-height: 75px;
	cursor: pointer;
}
.about-jspic i::after{
	display: none;
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid rgba(3245,183,47,0.7);
    animation: scale2 2s linear infinite;
}
.about-jspic:hover i::after{
	display: block;
}
.videos{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;    
	background: rgba(0,0,0,0.5);
	text-align: center;
	z-index: 999;
	overflow: hidden;
}
.videos #video{
	position: fixed;
	left: 10%;
	top: 10vh;
	 width:80%; 
	 height: 80vh;
	 background: #000;
	 z-index: 999;
}
.vclose { 
	position:absolute;
	right:3%; 
	top:5%; 
	width: auto;
	cursor: pointer; 
}
.videos i.vclose::before {
	content: '\e63e';
	font-size: 32px;
	color: #fff;
}
.about-meetpic{
	width: 47.5%;
	overflow: hidden;
}
.about-meetpic img{
	width: 100%;
}
.about-meetpic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-meet .about-tit{
	width: 52.5%;
	padding:110px calc((100% - 1400px) / 2) 0 110px;
}
.about-capacity{
	background: #f1f1f1;
}
.about-capacity .href{
	margin-left: 30px;
	margin-top: 30px;
	flex-grow: 0;
    flex-shrink: 0;
}
.about-capacitylist li img{
	width: 100%;
}
.about-capacitylist ul{
	margin-top: 40px;
}
.about-capacitylist li{
	margin-top: 15px;
	overflow: hidden;
}
.about-capacitylist li img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-designtxt{
	width: 53.6%;
	margin-top: 80px;
}
.about-designpic{
	position: relative;
	width: 37.8%;
	padding: 30px 28px 0 0;
}
.about-designpic::before{
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	width: 52.2%;
	height: 36%;
	background: #f5b72f;
	z-index: -1;
}
.about-designpic div{
	overflow: hidden;
}
.about-designpic div img{
	width: 100%;
}
.about-designpic div img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-spirit .about-designpic{
	height: 100%;
	padding: 0 28px 30px 0;
}
.about-spirit .about-designpic::before{
	bottom: 0;
	top: auto;
}
.about-spirit .about-designtxt{
	width: 50.8%;
	margin-top: 34px;
}
.about-envirmental{
	position: relative;
}
.about-envirmentalpic{
	position: absolute;
	right: 0;
	top: 0;
	width: 58.8%;
	z-index: -1;
}
.about-envirmentalpic img{
	width: 100%;
}
.about-envirmentalpic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.about-envirmental .about-envirmentaltxt{
	width:62.4%;
	padding: 60px 55px;
	background: #fff;
	box-shadow: 0px 0px 18px 3px rgba(0,0,0,0.05);
}
.about-obtainli{
	float: left;
	width: 17%;
	margin-right: 50px;
	text-align: center;
}
.about-obtainli div{
	height: 116px;
	margin-top: 46px;
	line-height: 116px;
}
.about-obtainli img{
	max-width: 100%;
	line-height: 110px;
}
.about-obtainedcon{
	position: relative;
}
.about-obtainbd{
	overflow: hidden;
}
.about-obtainhd div{
	position: absolute;
	top: 50%;
	width: 75px;
	height: 75px;
	margin-top: -37px;
	font-size: 20px;
	background: #fff;
	box-shadow: 8px 8px 12px 2px rgba(0,0,0,0.1);
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	text-align: center;
	line-height: 75px;
	z-index: 1;
}
.about-obtainhd div.prev{
	left: -100px;
}
.about-obtainhd div.next{
	right: -100px;
}
.about-obtainhd div:hover{
	background: #f5b72f;
}
.about-obtained .href{
	margin-top: 16px;
}
.facilitiespic,.facilities .about-tit{
	width: 46.4%;
	overflow: hidden;
}
.facilitiespic img{
	width: 100%;
}
.facilities-list{
	position: relative;
	margin-top: 64px;
}
.facilities-list .swiper-slide{
	width: 32.1%;
	overflow: hidden;
}
.facilities-list .swiper-slide img{
	width: 100%;
}
.facilities-list .swiper-slide img:hover,.facilitiespic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
/*disign*/

.design{
	position: relative;
}
.design-tit{
	margin-top: 150px;
}
.design-tit h2{
	width: 82%;
	padding-left: 45px;
	margin: 0 auto;
	border-left:1px solid #000;
}
.design-list{
	position: relative;
	width:46.4%;
}
.design-list .swiper-slide img{
	width: 100%;
}
.design-list .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.design .about-tit{
	position: absolute;
	right: 0;
	top: 0;
	width: 64.6%;
	height: 100%;
	background: #f1f1f1;
	padding: 190px calc((100% - 1400px) / 2) 210px 17%;
}
.design-hd div.next{
	right: -37px;
}
.design-hd div.prev{
	left: -37px;
}
.industrial-design .about-tit{
	width: 46.4%;
}
.industrial-design .design-list{
	position: relative;
	width: 48.4%;
	padding-left:30px;
	padding-bottom: 30px;
}
.industrial-design .design-list::after{
	content: '';
	position: absolute;
	left: 0;
	top: 30px;
	width: calc(100% - 30px);
	height: calc(100% - 30px);
	background: #f1f1f1;
	z-index: -1;
}
.industrial-design div.prev{
	left: -7px;
}
.package-design{
	margin-top: 170px;
}
.package-design .design-list::after{
	top: -30px;
}
.photo-studio{
	padding-bottom: 30px;
}
.innovation{
	width: 100%;
	overflow: hidden;
}
.innovation-tit{
	position: relative;
	width: 43%;
	margin-top: 106px;
}
.innovation-tit h3{
	position: absolute;
	top: -136px;
	left: -32px;
	font-size: 164px;
	line-height: 164px;
	color: #f8f8f8;
	letter-spacing: 4px;
	text-transform: uppercase;
	font-family: 'SourceSansPro-Bold';
	z-index: -1;
}
.innovation-tit h2{
	position: relative;
}
.innovation-tit h2::before{
	content: '';
	position: absolute;
	top: 32px;
	left:-140px;
	width: 100px;
	height: 5px;
	background: #f5b72f;
}
.innovation-list{
	width: 49%;
	height: 100%;
}
.innovation-tit span{
	display: block;
	margin-top: 20px;
	font-size: 24px;
	font-family: 'SourceSansPro-Bold';
}
.innovation-tit span::after{
	content: '';
	display: block;
	width: 3px;
	height: 85px;
	margin-top: 20px;
	margin-left: 2px;
	background: #000;
}
.technology-inovation .innovation-tit h3{
	left: -19%;
	letter-spacing: -2px;
}
.technology-inovation .innovation-tit h2::before{
	left: auto;
	right: -80px;
}
.patent-tit{
	text-align: center;
	width: 82%;
	margin:0 auto;
}
.patent-tit h2::after{
	content: '';
	display: block;
	width: 120px;
	height: 5px;
	margin: 34px auto 0 auto;
	background: #f5b72f;
}
.patent-tit p{
	margin-top: 38px;
}
.patent{
	width: 100%;
	padding-bottom: 90px;
	background: #f1f1f1;
}
.patent-list{
	position: relative;
}
.patent-list .swiper-container{
	margin-top: 35px;
	padding: 20px 0;
}
.patent-list .swiper-slide img{
	width: 100%;
}
.patent-list .swiper-slide{
	width: 26.5%;	
	padding: 2px;
    background: #fff;
    box-sizing: border-box;
    z-index: 1;
    -webkit-transition: transform 1.0s;
    -moz-transition: transform 1.0s;
    -ms-transition: transform 1.0s;
    -o-transition: transform 1.0s;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    box-shadow: 2px 5px 15px 3px rgba(0,0,0,0.05);
}
.patent-list .swiper-slide-active {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    z-index: 10;
}
.patent-list .swiper-slide-prev, .patent-list .swiper-slide-next {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
    z-index: 5;
}
.fs_gallery {
    background: rgba(0,0,0, 0.8);
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}
.fs_gallery_close {
    position: absolute;
    top: 50px;
    right: 50px;
    width: 30px;
    height: 30px;
    color: #ccc;
    font-size: 52px;
    font-weight: 100;
    line-height: 30px;
    text-align: center;
    cursor: pointer;
    z-index: 102;
}
.fs_gallery_close:before {
    content: "×"
}
.fs_gallery_close:hover {
    color: #fff;
}

.fs_gallery_prev, .fs_gallery_next {
    position: absolute;
    width: 80px;
    color: #ccc;
    font-size: 30px;
    cursor: pointer;
    z-index: 101;
}
.fs_gallery_prev {
    left: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_next {
    right: 0;
    top: 0;
    bottom: 0;
}
.fs_gallery_prev::before,.fs_gallery_next::before{
	position: absolute;
    margin-top: -15px;
    top: 50%;
    font-size: 24px;
    color: #fff;
    font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
    opacity: 0.6;
    -webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.fs_gallery_prev:before {
    content: '\e60e';    
    left: 24px;
}
.fs_gallery_next:before {
    content: '\e602';
    left: 24px;
}

.fs_gallery_prev:hover::before,.fs_gallery_next:hover::before{
	opacity: 1;
}
.fs_gallery_shuft {
    position: relative;
    width: 9999999px;
}
.fs_gallery_shuft:after {
    clear: both;
    content: "";
    display: block;
}
.fs_gallery_shuft_item {
    float: left;
    position: relative;
    background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAABkZGXd3dy0tLUVFRTIyMj09PWJiYlZWViYmJiIiIjAwMGpqanV1dQAAAAAAAAAAACH+GkNyZWF0ZWQgd2l0aCBhamF4bG9hZC5pbmZvACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ/V/nmOM82XiHRLYKhKP1oZmADdEAAAh+QQACgABACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY/CZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB+A4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6+Ho7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq+B6QDtuetcaBPnW6+O7wDHpIiK9SaVK5GgV543tzjgGcghAgAh+QQACgACACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK++G+w48edZPK+M6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkEAAoAAwAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE+G+cD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm+FNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk+aV+oJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkEAAoABAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0/VNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAAKAAUALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc+XiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAAKAAYALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30/iI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE/jiuL04RGEBgwWhShRgQExHBAAh+QQACgAHACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR+ipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAAKAAgALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAAKAAkALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq+E71SRQeyqUToLA7VxF0JDyIQh/MVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY+Yip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd+MFCN6HAAIKgNggY0KtEBAAh+QQACgAKACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1+vsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d+jYUqfAhhykOFwJWiAAAIfkEAAoACwAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg+ygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0+bm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h+Kr0SJ8MFihpNbx+4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX+BP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA==);
    background-position: center center;
    background-repeat: no-repeat;
}
.fs_gallery_shuft_item img {
    box-shadow: 0 0 8px rgba(0,0,0, 0.8);
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 100%;
}
/*sustainability page*/
.sustainability{
	text-align: center;
}
.sustainability i{
	font-size: 68px;
	color: #f5b72f;
}
.sustainability p{
	width: 75%;
	margin:28px auto 0 auto;
	font-size: 36px;
	color: #000;
	line-height: 46px;
	font-family: 'SourceSansPro-SemiBold';
}
.green-factory{
	width: 100%;
	padding-left: calc((100% - 1400px) / 2 - 100px);
	overflow: hidden;
	box-sizing: border-box;
}
.green-factorybg{
	width: 100%;
	background: #f1f1f1;
}
.green-factory .about-tit{
	width: 56.4%;
}
.green-factorypic{
	width: 38.6%;
}
.green-factory .container{
	margin-left: 100px;
}
.green-factorypic span{
	display: block;
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
}
.green-factorypic img{
	width: 100%;
}
.green-factorypic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.waste-collection .home-collbd{
	position: relative;
	width: 35.7%;
	height: 100%;
}
.waste-collection .home-collbd .coll-btn{
	opacity: 0;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.waste-collection .home-collbd:hover .coll-btn{
	opacity: 1;
}
.waste-collection .home-collright{
	width: 57.6%;
	margin-top: -10px;
}
.waste-collection .home-collbd li{
	position: relative;
}
.waste-collection .home-collbd li h3{
	position: absolute;
	left: 0;
	bottom:0;
	width: 100%;
	padding: 18px 0;
	font-size: 24px;
	color: #fff;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.waste-collection .waste-collhd{
	margin-top: 46px;
	width: 100%;
	overflow: hidden;
}
.waste-collection .waste-collhd li{
	float: left;
	width: 23.5%;
	height: auto;
	margin-right: 2%;
	cursor: pointer;
}
.waste-collection .waste-collhd li:nth-child(4n){
	margin-right: 0;
}
.waste-collection .waste-collhd li img{
	width: 100%;
	height: auto;
}
.waste-collection .waste-collhd li.on{
	border:3px solid #f5b72f;
}
.waste-collection  .home-collbdtxt{
	padding-right: 50px;
}
.chemical{
	background: #f1f1f1;
}
.chemical-list{
	margin-top: 25px;
}
.chemical-listcon{
	position: relative;
	width: 32%;
	margin-left: 1%;
	margin-top: 30px;
}
.chemical-listcon img{
	width: 100%;
}
.chemical-listcon:nth-child(3n+1){
	margin-left: 0;
}
.chemical-mb{
	position: absolute;
	left: 0;
	bottom: 0;
	display: none;
	width: 100%;
	height: 100%;
    padding: 45px 25px;
	background: #f5b72f;
}
.chemical-mb div{
	height: 100%;
	overflow: hidden;
}
.chemical-mb p{
	font-family: 'SourceSansPro-Regular';
	color: #000;
	line-height: 20px;
}
.sustainable-mllist{
	padding: 0 60px;
	margin-top: 30px;
}
.sustainable-mllist li{
	width: 32%;
	margin-left: 2%;
	margin-top: 30px;
}
.sustainable-mllist li span{
	display: block;
	overflow: hidden;
}
.sustainable-mllist li span img{
	width: 100%;
}
.sustainable-mllist li span img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.sustainable-mllist li h3{
	margin-top: 15px;
}
.sustainable-mllist li p{
	margin-top: 15px;
}
.sustainable-packaging{
	background: #f1f1f1;
}
.various .about-tit,.various-cer .about-tit{
	width: 50.7%;
	margin-top: 60px;
}
.various .design-list,.various-cer .design-list{
	width:42.8%;
	height: 100%;
}
.various-cer{
	background: #f1f1f1;
}
.quality {
	position: relative;
}
.quality .about-tit{
	width: 44.3%;
	margin-top: 50px;
}
.quality-list{
	width: 48.6%;
}
.quality-list img{
	width: 100%;
}
.quality-list span{
	display: block;
	overflow: hidden;
}
.quality-list img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.quality-list::after{
	content: '';
	position: absolute;
	right: 0;
	top: 0;
	width: calc((100% - 1400px) / 2 + 450px);
	height:calc(100% + 110px);
	background: #f1f1f1;
	z-index: -1;
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background:#f5b72f;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;
}

.swiper-pagination {
    text-align: center;
    margin-top: 34px;
    vertical-align: top;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
.swiper-pagination-progress{
	display: inline-block;
    width: 100%;
    height: 5px;
	background: #f1f1f1;
}
.quality-slide .home-collbd .swiper-slide{
	position: relative;
}
.quality-slide .swiper-wrapper{
	z-index: 0;
}
.quality-slide .preview{
	margin-top: 60px;
}
.quality-collbd{
	position: relative;
	width: 38%;
	height: 100%;
}
.quality-collright{
	display: -webkit-flex;
    display: flex;
    width: 55%;
    align-items: center;
}
.quality-slide .swiper-slide{
	width: 32%;
	overflow: hidden;
}
.quality-slide .swiper-slide img{
	width: 100%;
}
.quality-slide .quality-collbd .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.quality-slide .swiper-slide{
	cursor: pointer;
}
.quality-slide .home-collbdtxt{
	padding-right: 0;
}
.quality-slide{
	margin-top: 230px;
}
.quality-cnas .about-tit{
	width: 46.4%;
}
.quality-cnas .design-list{
	width: 46.4%;
}
.quality-cnas{
	background: #f1f1f1;
}
.quality-cnas .swiper-pagination{
	font-size: 0;
	font-family: 'Roboto-Bold';
}
.quality-cnas .swiper-pagination span{
	font-size: 18px;
}
.num-line{
	display: inline-block;
	width: 68px;
	height: 1px;
	margin:0 15px;
	background: #878788;
	vertical-align: top;
	margin-top: 10px;
}
.quality-cnas .swiper-pagination span{
	color: #878787;
}
.quality-cnas .swiper-pagination span.swiper-pagination-current{
	color: #f5b72f;
}
.quality-cnas .swiper-pagination span::before{
	content: '0';
	font-size: 18px;
}
.quality-cnas .about-obtainhd div{
	margin-top: -60px;
}
.bedding-head{
	background: #f1f1f1;
}
.bedding-head .about-tit{
	width: 44.3%;
}
.bedding-head .bedding-txt{
	width: 44.3%;
}
.bedding-head .bedding-txt p:first-child{
	margin-top: 10px;
}
.bendding-list .patent-tit{
	width: 55.8%;
}
.bendding-list li{
	width: 32.1%;
	margin:30px 0 20px 1.8%;
	text-align: center;
}
.bendding-list li span{
	display: block;
	overflow: hidden;
}
.bendding-list li span img{
	width: 100%;
}
.bendding-list li span img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.bendding-list li h3{
	margin-top: 32px;
}
.bendding-list li h3 a{
	font-family: 'Roboto-Regular';
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:1;
	display: -webkit-box;
	-webkit-box-orient:vertical;
}
.bendding-list li div{	
	max-height: 92px;
	overflow: hidden;
}
.bendding-list li p{
	margin-top: 14px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.bedding-discover .title-txt,.discover-p{
	width: 46.4%;
}
.discover-p{
	margin-top: 110px;
}
.bedding-discover{
	background: #f1f1f1;
}
.bedding-discover ul{
	margin-top: 50px;
}
.bedding-discover li {
	width: 32.1%;
	margin-left: 1.8%;
	margin-top: 30px;
}
.bedding-discover li span{
	display: block;
	overflow: hidden;
}
.bedding-discover li img{
	width: 100%;
}
.bedding-discover li img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.bedding-service .about-tit{
	width: 44.3%;
}
.bedding-servicepic{
	position: relative;
	width: 46.7%;
}
.bedding-servicepic span{
	display: block;
	overflow: hidden;
}
.bedding-servicepic img{
	width: 100%;
}
.bedding-servicepic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.bedding-servicepic::after{
	content: '';
	position: absolute;
	left: 30px;
	top: 30px;
	z-index: -1;
	width: 100%;
	height: 100%;
	background: #f1f1f1;
}
.bedding-contact{
	background: #f1f1f1;
}
.bendding-contactl{
	width: 47.1%;
}
.bendding-contactl .bedding-con{
	width: 100%;
	padding: 20px 30px;
	margin-top: 15px;
	background: #fff;
}
.bendding-contactl .bedding-con:first-child{
	margin-top: 0;
}
.bendding-contactl .bedding-con span{
	margin-right: 30px;
	margin-top: 5px;
	font-size: 40px;
	color: #f5b72f;
}
.bendding-contactl .bedding-con p{
	margin-top: 12px;
	line-height: 22px;
}
.bendding-contactr{
	width: 46.8%;
}
.div_info{
	width: 100%;
	padding: 38px 60px 55px 60px;
	background: #fff;
	box-shadow: 2px 3px 20px rgba(0,0,0,0.1);
	border-radius: 15px;
}
.div_info h3{
	padding-bottom: 15px;
	font-size: 30px;
	color: #000;
	line-height: 24px;
}
.div_info input,.div_info textarea{
	display: block;
	width: 100%;
	height: 50px;
	margin:0 auto;
	margin-top: 20px;
	padding: 0 25px;
	font-size: 18px;
	border:none;
	background: #f1f1f1;
	outline: none;
	border-radius: 8px;
}
.div_info input.error,.div_info textarea.error{
	border:1px solid crimson;
}
.div_info button{
	width: 180px;
	height: 45px;
	font-size: 18px;
	background: #f5b72f;
	margin-top:35px;
	outline: none;
	font-family: 'Roboto-Bold';  
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	border-radius: 8px;
	color: #212121;
}
.div_info button:hover{
	background: #f3b01c;
	cursor: pointer;
}
.div_info textarea{
	height: 120px;
	padding: 20px 30px 20px 30px;
    line-height: 30px;
}
.crmFormVali-error {
    color: #a94442;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    right: 20px;
    top: calc(50% - 6px);
}
.protector-slide{
	margin-top: 110px;
}
.protector-slide .preview{
	margin-top: 30px;
}
.protector-slide .preview .swiper-slide{
	width: 10.7%;
	height: 100%;
	margin-left:15px;
}
.protector-slide .preview .swiper-slide:first-child{
	margin-left: 0;
}
.protector-slide .preview .active-nav{
	border:3px solid #f5b72f;
}
.protector-tit .about-tit{
	width: 51.4%;
}
.protector-tit .about-tit h2,.protector-tit .about-tit p{
	color: #fff;
}
.protector-tit .main-href{
	display: -webkit-flex;
    display: flex;
    align-items: center;
}
.cd-popup .div_info,.cd-popupb .div_info{
	width: 30%;
}
.protector-tit{
	background: url(http://jht.meeallcdn.com/imglibs/files/95110.webp) no-repeat;
	background-size: cover;
    background-attachment: fixed;
}
.protector-tit .main-href a{
	color: #fff;
}
.releated,.ff-rela{
	width: 100%;
	padding-left:60px;
	padding-right: 60px;
	background: #f1f1f1;
	box-sizing: border-box;
}
.releated .swiper-slide,.ff-rela .swiper-slide{
	width: 19%;
}
.releated .swiper-slide img,.ff-rela .swiper-slide img{
	width: 100%;
}
.releated .swiper-slide img:hover,.ff-rela .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.releated .swiper-slide h3,.releated .swiper-slide p,.ff-rela .swiper-slide p,.ff-rela .swiper-slide h3{
	text-align: center;
}
.releated .swiper-slide h3,.ff-rela .swiper-slide h3{
	margin-top: 20px;
}
.releated .swiper-slide span,.ff-rela .swiper-slide span{
	display: block;
	overflow: hidden;
}
.releated .swiper-slide p,.ff-rela .swiper-slide p{
	margin-top: 15px;
	font-size: 15px;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:3;
	display: -webkit-box;
	-webkit-box-orient:vertical;
}
.releated-list{
	position: relative;
	margin-top: 50px;
}
.releated-list .about-obtainhd div{
	margin-top: -100px;
}
.releated .patent-tit,.ff-rela .patent-tit{
	width: 54%;
}
.protector-typelist{
	position: relative;
	margin-top: 60px;
}
.protector-type .swiper-slide{
	width: 24.2%;
}
.protector-type .swiper-slide img{
	width: 100%;
}
.protector-type .swiper-slide h3{
	margin-top: 24px;
	text-align: center;
}
.protector-pos{
	position: relative;
}
.protector-mb{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 30px;
	background: #f5b72f;
	opacity: 0;
	-webkit-transition: .5s all; 
	-moz-transition: .5s all; 
	-ms-transition: .5s all; 
	transition: .5s all;
}
.protector-mb div{
	position: relative;
	width: 100%;
	height: 98%;
	overflow: hidden;
}
.protector-mb div p{
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp:10;
	display: -webkit-box;
	-webkit-box-orient:vertical;
}
.protector-pos:hover .protector-mb{
	opacity: 1;
}
.service .about-tit{
	width: 38.6%;
}
.service .design-list{
	width: 56%;
}
.service .design-list div{
	overflow: hidden;
}
.service .design-list div img{
	width: 100%;
}
.service .design-list div img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.service .about-tit h2::after{
	margin-bottom: 30px;
}
.service .href{
	margin-top: 70px;
}
.service .bedding-servicepic{
	width: 54%;
}
.shipping-txt .patent-tit p:nth-child(2){
	margin-top: 30px;
}
.shipping-txt .patent-tit p{
	margin-top: 20px;
}
.shipping-edi{    
	padding-top: 80px;
	background: #f1f1f1;
}
.shipping-edi .design-list{
	width: 48.6%;
}
.shipping-edi .about-tit{
	width: 44%;
}
.shipping-edi .design-list::after{
	background: #fff;
	z-index: 0;
}
.shipping-edi .design-list img,.shipping-pick .design-list img{
	width: 100%;
}
.shipping-edi .design-list div{
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.shipping-edi .design-list img:hover,.shipping-pick .design-list img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.shipping-pick .design-list{
	width: 51.4%;
}
.shipping-pick .about-tit{
	width: 44%;
}
.shipping-pick .design-list div{
	overflow: hidden;
}
.sourcing-capa{
	position: relative;
}
.sourcing-capa::before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: calc((100% - 1400px) / 2 + 1140px);
	height: 100%;
	background: #f1f1f1;
	z-index: -1;
}
.sourcing-capa .about-tit{
	width: 46.2%;
}
.sourcing-capapic {
	width: 48.6%;
	overflow: hidden;
}
.sourcing-capapic img{
	width: 100%;
}
.sourcing-capapic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.sourcing-product .about-tit h2{
	width: 43.5%;
}
.sourcing-product .about-tit p{
	width:54.2%;
}
.sourcing-list{
	position: relative;
	margin-top: 60px;
}
.sourcing-list .swiper-slide{
	width: 32.8%;
	overflow: hidden;
}
.sourcing-list .swiper-slide img{
	width: 100%;
}
.sourcing-list .swiper-slide img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.sourcing-international{
	background: #f1f1f1;
}
.sourcing-international::before{
	display: none;
}
.sourcing-international .about-tit{
	width: 50.7%;
}
.sourcing-international .about-tit{
	width: 42.8%;
}
.hot-catalogspic{
	width: 50%;
	overflow: hidden;
}
.hot-catalogspic img{
	width: 100%;
}
.hot-catalogspic img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.hot-catalogstxt{
	width: 42.8%;
}
.hot-catalogstxt h2{
	font-size: 48px;
}
.hot-catalogstxt p{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
}
.hot-catalogstxt .main-href a{
	padding: 12px 47px;
	line-height: 32px;
}
.hot-catalogstxt .main-href i{
	display: inline-block;
	margin-left: 20px;
	font-size: 36px;
	vertical-align: top;
}
.catalogs-list{
	margin-top: 25px;
}
.catalogs-listcon{
	width: 31.8%;
	margin-left: 2.3%;
	margin-top: 45px;
}
.catalogs-listcon:nth-child(3n+1){
	margin-left: 0;
}
.catalogs-listcon img{
	width: 100%;
}
.catalogs-listcon img:hover{
		-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.catalogs-listcon h3{
	margin-top: 20px;
	text-align: center;
	text-transform: uppercase; 
}
.catalogs-pos{
	position: relative;
	overflow: hidden;
}
.catalogs-pos div{
	position: absolute;
	bottom: -35px;
	right: -30px;
	width: 103px;
	height: 103px;
	background: #f5b72f;
	border-radius: 50%;
	cursor: pointer;
}
.catalogs-pos div::after{
	display: none;
	content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%;
    border: 1px solid rgba(3245,183,47,0.7);
    animation: scale2 2s linear infinite;
}
.catalogs-pos:hover div::after{
	display: block;
}
.catalogs-pos div a{
	display: block;
	margin:20px 0 0 22px;
	font-size: 40px;
}
.catalogs-pos div a:hover{
	color: #222;
}
.blog{
	margin-top: 55px;
}
.blog-list{
	width: 32.1%;
	margin-top: 55px;
	margin-left: 1.8%;
}
.blog-list:nth-child(3n+1){
	margin-left: 0;
}
.blog-list span{
	display: block;
	overflow: hidden;
}
.blog-list span img{
	width: 100%;
}
.blog-list span img:hover{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.blog-listcon b{
	display: block;
	margin:18px 0;
	font-size: 14px;
	line-height: 26px;
	color: #afaeab;
	font-weight: 100;
}
.blog-listcon b::before{
	content: '\e621';
	display: inline-block;
	margin-right: 10px;
	font-size: 26px;
	color: #afaeab;
	vertical-align: top;
}
.blog-listcon{
	padding: 0 5px;
}
.blog-listcon h3 a{
	font-size: 18px;
	font-family: 'SourceSansPro-Bold';
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-listcon h3{
	min-height: 44px;
	line-height: 22px;
}
.blog-listcon p{
	min-height: 40px;
	margin-top: 15px;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.blog-listcon .href{
	margin-top: 30px;
}
.blog-listcon .href a{
	font-size: 16px;
}
.blog-listcon .href a:hover{
	font-size: 17px;
}
.blog-listcon .href a i{
	font-weight: bold;
	font-size: 20px;
}
#newscid1074{
	display: none;
}
.contact-link{
	padding-right: 30px;
	margin-top: 20px;
}
.contact-linktop {
	height: 90px;
}
.contact-linktop span{
	display: block;
	width: 45px;
	height: 45px;
	margin-right: 25px;
	border-radius: 50%;
	background: #f5b72f;
	text-align: center;
	line-height: 45px;
	font-size: 24px;
	flex-grow: 0;
    flex-shrink: 0;
}
.contact-linktop:nth-child(2) span{
	font-size: 26px;
}
.contact-linktop p{
	margin-top: 10px;
}
.contact .about-tit{
	width: 37.2%;
}
.contact .contact-link{
	width: 43.2%;
}
.contact-follow h4{
	margin-right: 40px;
	margin-top: 12px;
	font-family: 'SourceSansPro-SemiBold';
}
.contact-follow .font-link{
	margin-top: 0;
}

.pagination-bottom{
	width:100%;
	margin-top:50px;
}
.pagination-bottom .pagination{
	text-align:center
}
.pagination-bottom .pagination ul{
	width:100%;
	display: block;
}
.pagination-bottom .pagination ul li{
	display:inline-block;
	vertical-align:top;
	float:none;
	width:auto;
	border-radius:4px;
	line-height:28px;
	min-width:28px;
	padding:0 10px;
	text-align:center;
	margin:0 5px;
	background:#fff
}
.pagination-bottom .pagination ul li a,.pagination-bottom .pagination ul li span{
	font-size: 14px;
	color:#212121
}
.pagination-bottom .pagination ul li.current{
	background:#f5b72f
}
.pagination-bottom .pagination ul li:hover{
	background:#f5b72f;
}
.pagination-bottom .pagination ul li:hover a{
	text-decoration:none;
}
.pagination-bottom .p_input,.pagination-bottom ul li#home_page .pc_f,.pagination-bottom ul li#home_page a:last-child,.pagination-bottom ul li.p_end{
	display:none
}
.pagination-bottom #home_page:hover{
	background: #fff;
}
.footer #aid11149,.footer #aid11915{display: none;}
.foot-connr>div>ul>li>ul#uid11149,.foot-connr>div>ul>li>ul#uid11915{display: block;}
.foot-connr>div>ul img{display: none;}
.policy h2,.policy h2 a{
	margin-top: 30px;
	font-size: 40px;
}

.blog_top_txt p,.mobile_blog_view_lt{display: none;} 
.blog_view .blog_view_detail .blog_subscribe .subs_sticky .subs_pane{background: #f5b72f !important;}
.blog_next,.blog_view .blog_view_detail .blog_right_top{display: none !important;}
.blog_view .blog_view_detail .blog_subscribe{top: 0 !important; height: 100% !important;}
.bshare-custom.icon-medium a:hover{border-color: #f5b72f !important;}
.blog_view .blog_view_detail .SharePost .actionShare{color: #f5b72f !important;}
.blog_view .blog_view_detail .blog_nav{top: 55px !important;}
.new_top_img img{width: 960px; max-width: 100%;}
.blog_view .blog_view_detail .blog_subscribe .subs_sticky .subs_pane .title{width: 100%;}
.blog_view .blog_view_detail .blog_subscribe .subs_sticky .subs_pane{min-height: 320px !important;}


/*9.27 万斯流量页*/
.y-ban{
    position: relative;
    width: 100%;
    height: calc(100vh - 90px); 
    min-height: 830px;
    max-height: 860px;
}
.y-ban .y-ban-pic{
	position: absolute;
    width: 100%;
    height: 100%;
}
.y-ban .y-ban-pic img{
	width: 100%;
	height: 100%;
    object-fit: cover;
}
.y-ban-txt .container{
    position: relative;
}
.y-ban-txt{    
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding-top: 30px;  
    padding-bottom: 60px;
    z-index: 1; 
}
.y-ban-tit{
    width: 52%;
}
.y-ban-tit h1{
    margin-top: 70px;   
    color: #212121; 
    font-family: 'SourceSansPro-Bold';
    font-size: 48px;
    line-height: 60px;
}
.stro strong{
    color: #f5b72f;
    font-weight: normal;
}
.y-ban-tit p{
    margin-top: 30px;
    color: #fff;
}
.y-ban-tit ul{
    margin-top: 40px;
}
.y-ban-tit ul li{
	display: flex;
	display: -webkit-flex;
    margin-top: 18px;
    font-size: 18px;
    color: #212121;
}
.y-ban-tit ul li i{
    position: relative;
    display: inline-block;
    margin: 1px 10px 0 0;
    font-size: 0;
    vertical-align: top;
}
.y-ban-tit ul li i::before{
    position: relative;
    font-size: 24px;
    border-radius: 50%;
    z-index: 2;
}
.y-ban-tit ul li i::after{
    content: '';
    position: absolute;
    left: 1px;
    top: 1px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    z-index: 1;
}
.y-href{
    margin-top: 60px;
    font-size: 0;
}
.y-href a{
    display: inline-block;
    padding: 13px 42px;
    font-size: 18px;
    color: #fff;
    background: #e60012;
    border-radius: 50px;
    border:1px solid #e60012;
}
.y-href a:nth-child(2){
    padding: 13px 20px;
    margin-left: 26px;
    background: none;
    color: #e60012;
    border:1px solid #e60012;
    border-radius: 50px;
}
.y-href a:hover{  
    color: #e60012;
    background: none;
    box-sizing: border-box;

}
.y-href a:nth-child(2):hover{
    background: #e60012;
    color: #fff;
}
.y-ban-href{
    text-align: left;
}
.y-ban-href a{
    padding: 11px 30px;
    font-family: 'SourceSansPro-Bold';
}
.y-ban-href a:hover{
    background: #efca79;
}
.y-ban-href a:first-child{
	margin-bottom: 5px;
	margin-right: 25px;
}
.y-ban-href a:nth-child(2){
    background: #efca79;
}
.y-ban-href a:nth-child(2):hover{
	background: #f5b72f;
}
.icon-gou:before{
	content: '\e645';
	color: #f5b72f;
}
.y-mlogo{
	position: absolute;
	top: calc(100% - 80px);
	width: 100%;
	z-index: 2;
}
.y-mlogo .container{
	padding: 30px 0;
	border-radius: 30px;
	box-shadow: 2px 1px 18px 1px rgba(0,0,0,0.15);
	background: #fff;
}
.y-mlogo .container div{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 16.66%;
	height: 60px;
	padding: 0 20px;
	border-right: 1px solid #dedede;
}
.y-mlogo .container div img{
	max-width: 100%;
}
.y-mlogo .container div:last-child{
	border:none;
}
.y-mlogo .container div img:hover{
	transform: translate(0,-3px);
	-webkit-transform: translate(0,-3px);
	-moz-transform: translate(0,-3px);
	-ms-transform: translate(0,-3px);
	-o-transform: translate(0,-3px);
}
.y-dis{
	padding-top: 135px;
	background: #f4f4f3;
}
.y-dis .y-tit h2{
	margin-bottom: 40px;
}
.y-tit h2{
	font-size: 40px;
	line-height: 48px;
	font-family: 'SourceSansPro-Bold';
}
.y-dis .y-tit{
	width: 38.6%;
}
.y-tit h2::after{
	display: none;
}
.y-tit:after,.y-tit-center:before{
	content: '';
    display: block;
    width: 100px;
    height: 5px;
    margin-top: 40px;
    margin-bottom: 40px;
    background: #f5b72f;
}
.y-disfl{
	width: 54.2%;
}
.y-disfl p:first-child{
	margin-top: 0;
}
.y-tit-center{
	text-align: center;
}
.y-tit-center:after{
	display: none;
}
.y-tit-center:before{
	display: inline-block;
	margin-top: 0;
}
.pic,.full-pic{
	overflow: hidden;
}
.pic img,.full-pic img{
	width: 100%;
}
.full-pic img{
	height: 100%;
	object-fit: cover;
}
.pic:hover img,.full-pic:hover img{
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	transform: scale(1.03);
}
.y-foctpic{
	margin-top: 45px;
	border-radius: 28px;
}
.y-cate{
	position: relative;
}
.y-catefl{position: sticky;
	top: 0;
	width: 45.7%;
	height: 100%;
}
.y-catecon div{
	padding: 20px 0;
	border-top: 1px solid #d9d9d9;
}
.y-catecon div:first-child{
	border:none;
}
.y-catefr{
	position: sticky;
	top: 0;
	width: 47.2%;
	height: 100%;
}
.y-catelist{
	width: 47.7%;
	margin-bottom: 50px;
}
.y-catelist div{
	border-radius: 15px;
}
.y-catelist h3{
	margin-top: 25px;
	font-size: 18px;
	text-align: center;
}
.y-tit div{
	margin-bottom: 25px;
	font-size: 18px;
	color: #414141;
}
.y-for .y-tit{
	text-align: center;
}
.y-for .y-tit::after{
	display: inline-block;
}
.y-for{
	background: #f4f4f3;
}
.y-forlf div{
	display: -webkit-flex;
    display: flex;
    margin-top: 15px;

}
.y-forlf div span{
	display: block;
	width: 12px;
	height: 12px;
	margin-top: 7px;
	margin-right: 30px;
	font-size: 0;
	background: #ebb94d;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	flex-grow: 0;
    flex-shrink: 0;
}
.y-forlf div p{
	margin-top: 0;
}
.y-forlf{
	width: 50%;
	padding: 25px 30px 40px 68px;
	border-bottom: 1px solid #cacac9;
}
.y-for .y-tit:after{
	margin-bottom: 0;
}
.y-forareli{
	position: relative;
	width: 46.4%;
	padding: 40px;
	margin-top: 50px;
	border-radius: 15px;
	background: #fff;
	text-align: center;
}
.y-con-href a{
	padding: 11px 30px;
}
.y-forareli .y-con-href{
	width: 100%;
	position: absolute;
	bottom: -23px;
	left: 0;
}
.y-con-href a:hover{
	background: #efca79;
}
.y-talk h2{
	font-size: 40px;
}
.y-talk {
	background: url(../jpg/104250.jpg) no-repeat;
	background-size: cover;
	background-attachment: fixed;
}
.y-talk .container{
	align-items: center;
}
.y-talk .main-href{
	margin-top: 0;
}
.y-step .y-tit{
	text-align: center;
}
.y-step .y-tit::after{
	display: inline-block;
}
.y-stepls{
	width: 21.4%;
	text-align: center;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.y-stepls:hover{
	transform: translate(0,-5px);
	-webkit-transform: translate(0,-5px);
	-moz-transform: translate(0,-5px);
	-ms-transform: translate(0,-5px);
	-o-transform: translate(0,-5px);	
}
.y-stepls h3{
	margin-top: 30px;
	font-family: 'SourceSansPro-Bold';
	font-size: 18px;
}
.y-stepls p{
	margin-top: 10px;
	line-height: 22px;
}
.y-steptop div{
	position: relative;
	width: 65px;
	height: 65px;
	line-height: 65px;
	background: #fff;
	box-shadow: 2px 3px 12px 1px rgba(0,0,0,0.15);
	border-radius: 50%;
}
.y-steptop i{
	position: absolute;
	right: -15px;
	top: 0;
	display: block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	font-size: 14px;
	color: #414141;
	background: #ebb94d;
}
.y-steplist{
	margin-top: 10px;
}
.y-test{
	background: #f4f4f3;
}
.y-textlist{
	width: 32.2%;
	margin-top: 10px;
	padding: 45px 35px 30px 35px;
	background: #fff;
	border-radius: 30px;
	text-align: center;
}
.y-teststar{
	font-size: 0;
}
.y-teststar i{
	display: inline-block;
	margin:0 3px;
}
.y-teststar i::before{
	content: '\e76b';
	color: #f8bd59;
	font-size: 22px;
}
.y-testtit-center{
	text-align: center;
}
.y-testtit-center:after{
	display: inline-block;
}
.y-textcon p{
	line-height: 22px;
}
.y-footer{
	background: url(../jpg/104251.jpg);
	background-size: cover;
    background-attachment: fixed;
}
.y-footer h2,.y-footer p{
	color: #fff;
}
.y-footer .div_info .input-position,.y-footer .div_info textarea{
	width: 32.14%;
}
.y-footer .div_info{
	background: none;
	padding: 0;
	box-shadow: none;
}
.y-footer .div_info input,.y-footer .div_info textarea{
	color: #fff;
	background: rgba(255,255,255,0.2);
}
.y-footer .div_info input{
	padding: 0 20px;
	margin-top: 10px;
}
.y-footer .div_info textarea{
	padding: 20px;
	margin: 30px 0 0 0;
}
.y-footer .div_info button{
	width: 134px;
	height: 50px;
	margin-top: 50px;
	border-radius: 50px;
	color: #222;
}
/* Chrome */
.y-footer .div_info input::-webkit-input-placeholder,.y-footer .div_info textarea::-webkit-input-placeholder{
  color: #fff;
}
/* IE 10+ */
.y-footer .div_info input:-ms-input-placeholder,.y-footer .div_info textarea:-ms-input-placeholder{
  color: #fff;
}
/* Firefox 4-18 */
/* Firefox 19+ */
.y-footer .div_info input:-moz-placeholder,.y-footer .div_info textarea:-moz-placeholder,
.y-footer .div_info input::-moz-placeholder,.y-footer .div_info textarea::-moz-placeholder{
  color: #fff;
  opacity: 1;
}

.popup-main{
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 0 !important;
	text-align: left;
	background: none;
	z-index: 99999;
  }
  .popup-mainflex{
	display: flex;
	width: 100%;
	height: 100%;
	align-items: center;
  }
  .popup-bg{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
  }
  .popup{
	position: relative;
	left: -20%;
	z-index: 101;
	padding: 20px!important;
	width: 450px;
	padding: 20px;
	background: #fff;
	max-width: 100%;
	max-height: 96%;
	overflow: auto;
  }
  .pop-close{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: rgba(255,255,255,0.5);
	color: #ecba4e;
	font-size: 40px;
	text-align: center;
	line-height: 44px;
	cursor: pointer;
  }
  .popup .popup-form{
	display: block;
  }
  .popimg,.popimg img{
	width: 100%;
  }
  .popup .inquirbox .submit{
	width: 100%;
  }
  .popup .popup-form {
	display: block;
	padding: 20px 10px 20px 10px;
	background: #FDFDFD;
  }
  .popup .fancybox-close-small{
	background: #fff;
  }
  .popup .popup-form h6 {
	font-size: 28px;
	font-family: 'SourceSansPro-SemiBold';
  }
  .popup .inquirbox .submit{
	width: 100%;
	margin-top: 14px;
	height: 45px;
	background: #ecba4e;
	font-family: 'SourceSansPro-SemiBold';
  }
  .rowa{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 8px;
  }
  .popup-main .popup{
	width: 600px;
  }
  .popup-main input{
	height: 46px;
	padding: 0 12px;
	margin-top: 13px;
	border-radius: 0;
	font-size: 16px;
  }
  .popup-form p{
	margin-top: 10px;
  }
  .popup-form h6 sup{
	font-size: 18px;
  }
  .popup-main input{
	background: #fff;
	border: 2px solid #f1f1f1;
  }
.s-pos{
	position: relative;
}
.s-pos .from_ipt{
	position: relative;
}
.s-pos .from_ipt input{
	padding-right: 66px;
}
.s-pos .from_ipt::before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 3;
	cursor: pointer;
}
.s-pos .from_ipt::after{
	content: '';
	position: absolute;
	right: 35px;
	top: 0;
	width: 50px;
	height: 100%;
	background: url(../png/xs1.png) no-repeat right center;
	z-index: 2;
}
.s-posld{
	position: absolute;
	left: 0;
	top: 46px;
	right: 0;
	width: 100%;
	padding: 15px 0;
	background: #fff;
	z-index: 3;
	display: none;
	box-shadow: 1px 2px 5px rgba(0,0,0,0.1);
}
.s-postxt{
	padding: 12px 25px;
	user-select: none;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.s-postxt:hover{
	background:#ecba4e;
}
.filter h3{
	margin-top: 9px;
	font-size: 18px;
}
.filter-left{
	display: flex;
	gap: 30px;
}
.filter-value input{
	font-size: 18px;
	padding: 12px 15px;
	background: #fff;
	border: 1px solid #d9d9d9;
	color: #222222;
	background: url(../png/icon01.png) no-repeat 95% center;
	user-select: none;
	cursor: pointer;
}





.fix_form{background:#fff;padding:30px;min-width:600px;--bs-gutter-x:35px;--color-default:#212121;--color-hover:#FFB400;}
.fix_form .form_name{font-size: 24px;color:#29282D;line-height:1;margin-bottom:25px}
.fix_form .from_ipt{margin-bottom:20px;background:#FAFAFA}
.fix_form .from_btn a{display:inline-block;vertical-align:top;padding:12px 16px;line-height:1;font-size:16px;border:1px solid var(--color-hover);border-radius:5px;background:var(--color-hover);color:#fff}
.fix_form .from_btn a:hover{opacity:.8}
.fix_form .from_ipt{position:relative}.from_ipt em{position:absolute;right:10px;top:13px;display:block;font-size:var(--fs14);font-weight:400;color:#E60012;line-height:1;opacity:.8;z-index:1}
.fix_form .from_ipt input,.fix_form .from_ipt textarea{width:100%;height:40px;padding:0 20px;background:none;border:1px solid #EEEEEE;position:relative;z-index:2}
.fix_form .from_ipt input.error,.fix_form .from_ipt textarea.error{border-color:#E60012}
.fix_form .from_ipt textarea{padding:20px;height:120px}
.fix_form .row{display:flex;flex-wrap:wrap;margin-left:calc(-0.5 * var(--bs-gutter-x));margin-right:calc(-0.5 * var(--bs-gutter-x))}
.fix_form .row>*{flex-shrink:0;width:100%;max-width:100%;padding-left:calc(var(--bs-gutter-x) * .5);padding-right:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}
@media screen and (max-width: 1800px){
	.banner{
		height: auto;
		min-height: auto;
	}
}
@media screen and (max-width: 1580px){
	.container{
		width: 82%;
	}
	.header,.header-height{
		height: 76px;
	}
	.head-logo img{
		height: 76px;
	}
	.head-nav{
		width: 78%;
		margin-top: 28px;
	}
	.head-nav>ul>li{
		height: 48px;
	    padding: 0 20px;
	}
	.head-nav>ul>li>ul{
		top: 48px;
	}
	.head-nav>ul>li#li15358>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li10321>a>span::after, .head-nav ul>li#cid11915>a>span::after, .head-nav ul>li#cid11149>a>span::after{
		margin-top: 4px;
	}
	.head-nav>ul>li>a>span, .head-nav>ul>li>ul>li#cid11915>a>span, .head-nav>ul>li>ul>li#cid11149>a>span{
		font-size: 18px;
	}
	.head-nav>ul>li#li15359>ul{
		gap: 40px;
	}
	.head-search{
	left: -60px;	
	}
	.head-searchcon{
		height: 76px;
	}
	.head-searchcon,.line,.lang-show span.show-current a{
		line-height: 76px;
	}
	.head-search,.lang-show .lang-hide{
		top: 76px;
	}
	.head-searchbg{
		width: 240px;
	}
	.head-search input{
		width: 188px;
	}
	.banner{
		height: auto;
		min-height: auto;
	}
	.home-factorytxt{
		padding: 60px 9% 20px 5%;
	}
	.banner-text h1{
		font-size: 56px;		
		line-height: 68px;
	}
	h2, h2 a{
		font-size: 48px;
		line-height: 50px;
	}
	.policy h2,.policy h2 a{
		font-size: 36px;
		line-height: 40px;
	}
	.title{
		width: 60%;
	}
	.home-custom .home-factorytxt{
		padding: 20px 5% 20px 9%;
	}
	.home-displaycon .home-display,.home-display,.home-displayb{
		height: 90px;
	}
	.home-service .title{
		width: 74%;
	}
	.home-leading {
	    padding: 45px 0 80px 0;
	}
	.home-servicepic h3{
		padding: 15px 25px;
		font-size: 24px;
	}
	.home-collright{
		margin-top: 0px;
	}
	.home-collbd{
		width: 60%;
	}
	.home-colltit .href{
		margin-top: 30px;
	}
	.home-tellcon h2{
		font-size: 45px;
	}
	.ban-pic img{
		min-width: auto;
		width: 100%;
	}
	.about-meet .about-tit{
		padding: 0px 9% 0 6%;
	}
	.about-designtxt{
		margin-top: 30px;
	}
	.about-spirit .about-designtxt{
		margin-top: 0;
	}
	.about-envirmental .about-envirmentaltxt{
		width: 66%;
	}
	.bedding-head .bedding-txt{
		width: 52%;
	}
	.bedding-provide .home-factorytxt{
		padding-left: 0;
	}
	.discover-p {
	    margin-top: 90px;
	}
	.href{
		margin-top: 35px;
	}
	.bedding-contact .div_info{
		height: 100%;
	}
	.blog{
		margin-top: 20px;
	}
	.blog-list{
		margin-top: 45px;
	}
	.hot-catalogstxt h2{
		font-size: 42px;
	}
	.cd-popup .div_info,.cd-popupb .div_info{
		width: 40%;
	}
	.small-banner .ban-txt h1{
		line-height: 50px;
	}
	.various .about-tit, .various-cer .about-tit{
		margin-top: 20px;
	}
	.design-tit{
		margin-top: 80px;
	}
	.design .about-tit{
		padding: 80px 9% 80px 17%;
	}
	.innovation-tit h3{
		font-size: 140px;
	}
	.patent-list .swiper-slide{
		width: 27.5%;
	}
	.protector-slide{
		margin-top: 80px;
	}
	.protector-slide .preview .swiper-slide{
		margin-left: 10px;
	}
	.protector-tit .about-tit{
		width: 70%;
	}
	.quality-list::after{
		width: calc(9% + 450px);
	}
	.quality .about-tit{
		margin-top: 20px;
	}
	.about-tit p{
		margin-top: 10px;
	}
	.small-banner .ban-txt h1{
		width: 56%;
	}
	.small-banner .ban-txt p{
		width: 58%;
	}
	.sustainability p{
		font-size: 32px;
	}
	.sustainability p{
		width: 100%;
	}
	.home-high .home-factorytxt{
		padding: 60px 9% 20px 5%;
	}
	.y-ban-tit{
		width: 66%;
	}
	.y-ban{
		height: auto;
	}
	.popup .popup-form h6 {
		font-size: 26px;
	}
	.head-nav #cid11915, .head-nav #cid11149{
		height: 48px;
	}
	.head-nav>ul>li#li15358>ul, .head-nav>ul>li#li10321>ul, .head-nav>ul>li#li15359 ul.u2{
		top: 48px;
	}
}
@media screen and (max-width: 1420px){
	.about-capacity .about-tit,.about-obtained .about-tit{
		width: 70%;
	}
	.about-obtainli{
		margin-right: 40px;
	}
	.contact-linktop{
		height: 80px;
	}
	.contact-follow{
		margin-top: 20px;
	}
	.innovation-tit h3{
		top: -122px;
		font-size: 122px;
	}
	.innovation-tit{
		margin-top: 80px;
	}
	.innovation-tit{
		width: 46%;
	}
	.innovation-tit h2::before{
		width: 80px;
	}
	.innovation-tit h2::before{
		left: -114px;
	}
	.technology-inovation .innovation-tit h2::before{
		right: -114px;
	}
	.technology-inovation .innovation-tit h3 {
	    left: -12%;
	}
	.innovation-tit span::after{
		height: 65px;
	}
	.patent-list .swiper-slide{
		width: 28.5%;
	}
	.small-banner .ban-txt h1,.small-banner .ban-txt p{
		width: 62%;
	}
	.head-nav{
		margin-right: 30px;
	}
	.head-nav{
		width: 76%;
	}
	.line{
		margin-right: 8px;
	}
	.head-searchcon{
		padding: 0 8px;
	}
	.lang-show span.show-current a{
		font-size: 18px;
	}
	.head-nav>ul>li>a>span, .head-nav>ul>li>ul>li#cid11915>a>span, .head-nav>ul>li>ul>li#cid11149>a>span{
		font-size: 16px;
	}
	.head-nav>ul>li#li15359>ul{
		gap: 30px;
	}
	.head-nav>ul>li{
	    padding: 0 20px;
	}
	.head-nav>ul>li#li15358>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li15359>a>span::after, .head-nav>ul>li#li10321>a>span::after, .head-nav ul>li#cid11915>a>span::after, .head-nav ul>li#cid11149>a>span::after{
		margin-left: 6px;
		font-size: 12px;
	}
	.head-nav>ul>li>ul>li>a>span{
		font-size: 15px;
	}
	.protector-mb div p{
		-webkit-line-clamp:8;
	}
	.y-mlogo .container{
		padding: 22px 0;
	}
	.y-ban-tit {
	    width: 72%;
	}
	.y-ban-tit h1{
		font-size: 46px;
    	line-height: 54px;
	}
	.y-ban{
		height: auto;
	}
	.y-ban-tit ul li{
		margin-top: 15px;
	}
	.y-tit h2 {
	    font-size: 38px;
	    line-height: 42px;
	}
	.y-dis .y-tit h2 {
	    margin-bottom: 30px;
	}
	.y-tit:after, .y-tit-center:before{
		margin-bottom: 30px;
	}
	.y-tit:after{
		margin-top: 30px;		
	}
	.y-catecon p{
		margin-top: 10px;
	}
	.y-forlf div span{
		width: 10px;
		height: 10px;
	}
	.y-footer .div_info input{
		margin-top: 0;
	}
	.y-footer .div_info textarea {
	    margin: 20px 0 0 0;
	}
	.y-textcon p{
		margin-top: 15px;
	}
	.y-teststar i::before{
		font-size: 20px;
	}
	.y-mlogo{
		top: calc(100% - 60px);
	}
	.y-ban{
		min-height: 820px;
	}
	.y-catelist h3{
		margin-top: 16px;
	}
	.y-forlf div{
		margin-top: 10px;
	}
	.y-footer .div_info button{
		margin-top: 40px;
	}
}
@media screen and (max-width: 1280px){
	.head-nav>ul>li{
	    padding: 0 15px;
	}
	.banner-text{
		width: 66%;
	}
	.banner-text h1 {
	    font-size: 40px;
	    line-height: 46px;
	}
	.banner-text p{
		font-size: 20px;
		line-height: 24px;
		overflow: hidden;
	    text-overflow: ellipsis;
	    display: -webkit-box;
	    -webkit-box-orient: vertical;
	    -webkit-line-clamp: 2;
	}
	.title{
		width: 100%;
	}
	h2, h2 a{
		font-size: 38px;
		line-height: 46px;
	}
	.policy h2,.policy h2 a{
		font-size: 32px;
		line-height: 36px;
	}
	.home-displaycon .home-display{
		display: none;
	}
	.foot-contop li div{
		margin-right: 10px;
	}
	.home-tellcon h2{
		font-size: 38px;
	}
	.font-link a{
		width: 40px;
		height: 40px;
		line-height: 40px;
		margin-left: 12px;
	}
	.home-servicepic h3 {
	    padding: 12px 25px;
	    font-size: 22px;
	}
	.home-servicemb h3{
		line-height: 30px;
	}
	.home-servicemb p{
		-webkit-line-clamp: 4;
	}
	.title p{
		margin-top: 20px;
	}
	.foot-connr div.newsletter{
		width: 35%;
	}
	.small-banner .ban-txt p{
		margin-top: 30px;
	}
	.nav{
		margin-top: 40px;
	}
	.small-banner .ban-txt p{
		font-size: 22px;
		line-height: 26px;
	}
	.patent-tit,.bendding-list .patent-tit{
		width: 100%;
	}
	.title-txt h2::before{
		width: 80px;
		height: 4px;
		margin-bottom: 20px;
	}
	.div_info{
		padding: 38px 40px 55px 40px;
	}
	p{
		margin-top: 20px;
		font-size: 16px;
		line-height: 22px;
	}
	.small-banner .ban-txt h1{
		font-size: 44px;
	}
	.hot-catalogstxt h2{
		font-size: 38px;
		line-height: 40px;
	}
	.cd-popup .div_info,.cd-popupb .div_info{
		width: 60%;
	}
	.catalogs-pos div{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	h3, h3 a{
		font-size: 22px;
	}
	.about-obtainli{
		width: 15.5%;
	}
	.contact-follow h4{
		margin-right: 25px;
	}
	.design-tit h2{
		width: 100%;
	}
	.home-tellcon h2{
		font-size: 32px;
	}
	.home-tellhref a,.href a,.main-href a{
		font-size: 16px;
	}
	.innovation-tit h3{
		font-size: 94px;
	}
	.patent-tit h2::after,.patent-tit p{
		margin-top: 20px;
	}
	.protector-slide .preview .swiper-slide {
	    margin-left: 0px;
	}
	.quality-list::after{
		width: 38%;
		height: 100%;
	}
	.quality-slide{
		margin-top: 80px;
	}
	.href a:hover{
		font-size: 17px;
	}
	.small-banner .ban-txt h1, .small-banner .ban-txt p{
		width: 100%;
	}
	.sourcing-capa::before{
		width: 75%;
	}
	.sustainability i{
		font-size: 54px;
	}
	.waste-collection .home-collbd li h3{
		font-size: 20px;
	}
	.home-textilescon .swiper-button-prev, .home-textiles .swiper-button-next{
		width: 66px;
		height: 66px;
		margin-top: -70px;
		line-height: 66px;
	}
	.home-leading {
	    padding: 45px 0 45px 0;
	}
	.home-servicecon{
		margin-top: 10px;
	}

	.y-ban-tit h1 {
		margin-top: 60px;
	    font-size: 38px;
	    line-height: 42px;
	}
	.y-ban-tit {
	    width: 82%;
	}
	.y-ban-tit ul li{
		font-size: 16px;
	}
	.y-ban-tit ul li i::before{
		font-size: 22px;
	}
	.y-ban-tit ul li i::after{
		width: 18px;
		height: 18px;
	}
	.y-ban-logo img{
		width: 50px;
	}
	.y-ban{
		min-height: 720px;
	}
	.y-mlogo .container {
	    padding: 16px 0;
	    border-radius: 20px;
	}
	.y-tit h2 {
	    margin-bottom: 20px;
	    font-size: 30px;
	    line-height: 32px;
	}
	.y-dis {
	    padding-top: 125px;
	}
	.y-tit:after, .y-tit-center:before {
		width: 80px;
		height: 4px;
	    margin-bottom: 25px;
	}
	.y-tit:after {
	    margin-top: 25px;
	}
	.y-foctpic {
	    margin-top: 30px;
	    border-radius: 20px;
	}
	.y-forlf div span {
	    width: 8px;
	    height: 8px;
	    margin-right: 20px;
	}
	.y-forlf div{
		margin-top: 10px;
	}
	.y-talk .home-tellcon{
		width: 66%;
	}
	.y-stepls{
		width: 24%;
	}
	.y-teststar i::before {
	    font-size: 18px;
	}
	.y-teststar i {
	    margin: 0 2px;
	}
	.y-textcon p{
		margin-top: 10px;
	}
	.div_info input, .div_info textarea{
		font-size: 16px;
	}
	.div_info input{
		height: 46px;		
	}
	.div_info button{
		font-size: 16px;
	}
	.home-tellcon p{
		margin-top: 15px;
	}
	.ff-title p {
        margin-top: 15px;
    }
}
@media screen and (max-width: 1100px){
	.head-nav>ul>li{
	    padding: 0 8px;
	}
	.protector-mb div p{
		-webkit-line-clamp:10;
	}
	
	.chemical-mb div {
	    height: calc(100% - 8px);
	}
	
	.popup .popup-form h6 {
		font-size: 24px;
	}
	.popup-main .popup{
		width: 400px;
	}
	.head-nav>ul>li#li15359>ul{
		gap: 15px;
	}
}
@media screen and (max-width: 960px){
	.fix_form{min-width:auto}
	.container{
		width: 88% !important;
		padding: 0 !important;
	}
	.header,.header-top,.header-height{
		display: none;
	}
	.head-searchcon{
		height: 60px;
	}
	.mobile-nav .m-listtop{
		height: 60px;
		margin-right: 80px;
	}
	.mobile-nav .m-listtop img{
		height: 100%;
	}
	.home-service .title,.home-servicecon .home-serslide,.home-collbd,.home-collright{
		width: 100%;
		margin-left: 0;
	}
	.mobile-nav,.mobile-footer,.mobile-height{
		display: block;
	}
	.banner,.banner video{
		z-index: 0;
	}
  
.banner video{display: none !important;}
#canvas{display: block !important;}
	.banner-text h1{
		font-size: 26px;
		line-height: 26px;
	}
	.mobile-height{
		position: relative;
		z-index: 9;
	}
	.banner-text{
		width: 100%;
		left: 0;
	}
	.banner .swiper-pagination{
		margin-left: 5px;
	}
	.banner-text h3{
		font-size: 32px;
	}
	.banner .main-href{
		margin-top: 20px;
	}	
	.home-tellhref a, .banner .main-href a{
		padding: 10px 42px;
	}
	.home-textilescon h3{
		margin-top: 16px;
	}
	.banner-text{
		top: 24%;
	}
	.banner-text p{
		display: none;
	}
	.banner .swiper-pagination{
		bottom: 37px;
	}
	.bedding-servicepic::after{
		left: auto;
		right: 0;
	}
	.foot-logo p{
		line-height: 24px;
	}
	.foot-connr li a{
		font-size: 16px;
	}
	.main-href{
		margin-top: 30px;
	}
	.title{
		width: 100%;
	}
	.title p{
		margin-top: 10px;
		font-size: 16px;
		line-height: 20px;
	}
	h2, h2 a{
		font-size: 28px;
		line-height: 30px;
	}
	.policy h2,.policy h2 a{
		font-size: 24px;
		line-height: 28px;
	}
	.title h1, .title h1 a{
		font-size: 28px;
	}
	.div_info button{
		font-size: 16px;
	}
	.head-searchcon,.line,.lang-show span.show-current a{
		line-height: 60px;
	}
	.lang-show span.show-current a{
		font-size: 18px;
	}
	.head-search{
		width: 100%;
		top: 60px;
		left: 0;
	}
	.mobile-nav{
		position: relative;
	}
	.head-searchcon{
		position: static;
	}
	.head-searchbg{
		width: 100%;
	}
	.head-search input{
		width: 82%;
	}
	.head-search button{
		width: 18%;
	}
	.line{
		margin-right: 8px;
	}
	.head-searchcon{
		padding: 0 8px;
	}
	.lang-show{
		position: static;
	}
	.lang-show .lang-hide{
		top: 60px;
		right: 0;
		left: auto;
	}
	.home-textilescon{
		padding: 0 6%;
	}
	.home-textilescon .swiper-button-next{
		right: 5px;
	}
	.home-textilescon .swiper-button-prev{
		left: 5px;
	}
	.home-textilescon{
		margin-top: 30px;
	}
	.home-displaycon .home-display, .home-display, .home-displayb{
		height: 50px;
	}
	.home-partner span{
		width: 48%;
		margin-left: 4%;
	}
	.home-partner span:nth-child(5n+1){
		margin-left: 4%;
	}
	.home-partner span:nth-child(2n+1){
		margin-left: 0;
	}
	.home-partner{
		padding-top: 10px;
		margin-top: 40px;
	}	
	h3, h3 a,.home-servicepic h3{
		font-size: 18px;
		line-height: 24px;
	}
	.home-collright{
		margin-top: 30px;
	}
	.home-colltit h3 a{
		font-size: 24px;
		line-height: 28px;
	}
	.home-collhd{
		margin-top: 20px;
	}
	.home-tellcon,.foot-logo,.foot-contop li,.foot-con,.foot-connr div.newsletter{
		width: 100%;
	}
	.home-tellhref{
		margin-top: 30px;
	}
	.home-tellcon h2{
		font-size: 26px;
		line-height: 28px;
	}
	.footer{
		padding-top: 40px;
	}
	.foot-contop li{
		margin-top: 20px;
	}
	.foot-contop li div.iconfont{
		width: 46px;
		-webkit-transform: scale(0.8);
		-moz-transform: scale(0.8);
		-ms-transform: scale(0.8);
		transform: scale(0.8);
		flex-grow: 0;
    	flex-shrink: 0;
	}
	.foot-contop{
		margin-bottom: 0;
		padding-bottom: 30px;
	}
	.foot-connr{
		width: 100%;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.foot-connr div{		
		margin-top: 30px;
	}
	.foot-connr div.newsletter{
		margin-top: 10px;
	}
	.foot-connr .font-link div{
		width: auto;		
		margin-top: 0;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.foot-txt{
		margin-top: 40px;
	}
	.footer{
		padding-bottom: 60px;
	}
	.home-tell {
	    background: url(http://jht.meeallcdn.com/imglibs/files/95244.webp) no-repeat;
	    background-size: 100% 100%;
    	background-attachment: fixed;
	}

	.href a i{		
		margin-left: 15PX;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.main-href a{
		padding: 10px 42px;
	}
	.small-banner .ban-txt h1 {
	    font-size: 26px;
	    line-height: 26px;
	}
	.ban-txt h1::before{
		width: 30px;
		margin: 26px 12px 0 0;
	}
	.small-banner .ban-txt p{
		font-size: 16px;
		line-height: 18px;
	}
	.nav li a, .nav li span,.nav li{
		font-size: 15px;
	}
	.ban-pic img{
		min-width: 100%;
		width: auto;
		min-height: 220px;
		max-height: 220px;
	}
	.small-banner .ban-txt p{
		margin-top: 15px;
	}
	.nav{
		margin-top: 25px;
	}
	.about-js .about-tit,.about-jspic{
		width: 100%;
	}
	.about-js .about-tit{
		margin-top: 0;
	}
	.about-tit h2::after{
		width: 90px;
		height: 4px;
		margin-bottom: 30px;
	}
	.about-jspic{
		margin-top: 30px;
	}
	.about-jspic::before{
		height: calc(100% + 40px);
	}
	.about-jspic i{
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.videos #video{
		top: 30vh;
		left: 6%;
		width: 88%;
		height: 40vh;
	}
	.about-meetpic,.about-meet .about-tit,.about-capacity .about-tit, .about-obtained .about-tit,.about-designtxt,.about-designpic,.about-spirit .about-designtxt,.about-envirmental .about-envirmentaltxt,.about-envirmentalpic{
		width: 100%;
	}
	.about-capacity .wpb,.about-obtained .wpb{
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.about-capacity .href{
		margin-left: 0;
	}
	.about-meet .about-tit{
		margin-top: 30px;
		padding: 0px 6%;
	}
	.about-capacitylist ul{
		margin-top: 20px;
	}
	.about-designtxt{
		margin-top: 0;
	}
	.about-envirmental .about-envirmentaltxt{
		padding: 30px;
	}
	.about-envirmental .padding-top{
		padding-top: 120px;
	}
	.about-obtainli{
		width: 42%;
	}
	.about-obtainli div{
		margin-top: 10px;
	}
	.about-obtainhd div.next{
		right: -15px;
	}
	.about-obtainhd div.prev{
		left: -15px;
	}
	.bedding-head .about-tit,.bedding-head .bedding-txt,.bendding-list li,.bedding-discover .title-txt, .bedding-discover .title-txt, .discover-p,.bedding-discover li,.bedding-service .about-tit,.bedding-servicepic,.bendding-contactl,.bendding-contactr{
		width: 100%;
	}
	.discover-p{
		margin-top: 30px;
	}
	.fixed{
		position: fixed;
		top: 0;
		left: 0;
	}
	.home-factorytxt {
	    padding: 40px 6% 20px 6%;
	}
	.bedding-discover ul{
		margin-top: 0;
	}
	.bedding-discover li{
		margin-left: 0;
		margin-top: 20px;
	}
	.bedding-servicepic span{
		padding-bottom: 30px;
	}
	.bedding-servicepic::after{
		height: calc(100% - 30px);
	}
	.bedding-servicepic{
		margin-top: 20px;
	}
	.bed-oth .bedding-servicepic{
		margin-top: 0;
	}
	.bendding-contactl .bedding-con span{
		margin-right: 20px;
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	.bendding-contactl .bedding-con{
		padding: 20px;
	}
	.bendding-contactr{
		margin-top: 30px;
	}
	.div_info input, .div_info textarea{
		font-size: 16px;
	}
	.div_info {
	    padding: 35px 35px 40px 35px;
	}
	.blog-list{
		width: 100%;
		margin-left: 0;
		margin-top: 20px;
	}
	.hot-catalogspic,.hot-catalogstxt,.catalogs-listcon,.various .about-tit, .various-cer .about-tit,.various .design-list, .various-cer .design-list,.contact .about-tit,
	.contact .contact-link,.design-list,.industrial-design .about-tit,.industrial-design .design-list,.facilitiespic, .facilities .about-tit{
		width: 100%;
	}
	.hot-catalogstxt{
		margin-top: 30px;
	}
	.hot-catalogstxt h2{
		font-size: 26px;
		line-height: 30px;
	}
	.hot-catalogstxt .main-href i{
		font-size: 30px;
	}
	.catalogs-listcon{
		margin-left: 0;
		margin-top: 20px;
	}
	.catalogs-pos div a{
		margin: 22px 0 0 26px;
		font-size: 36px;
	}
	.cd-popup .div_info,.cd-popupb .div_info{
		width: 88%;
	}
	.various .about-tit{
		margin-top: 0;
	}
	.various .design-list{
		margin-top: 20px;
	}
	.design-tit{
		margin-top: 40px;
	}
	.design{
		padding-top: 0;
		padding-bottom: 0;
	}
	.design .about-tit{
		position: relative;
		width: 100%;
		padding: 40px 6% 40px 6%;
	}
	.industrial-designa .design-list,.photo-studio .design-list{
		margin-top: 30px;
	}
	.package-design{
		margin-top: 60px;
	}
	.photo-studio{
		padding-bottom: 0;
	}
	.facilities .about-tit,.facilities-list{
		margin-top: 30px;
	}
	.innovation-tit,.quality-collbd,.quality-collright,.protector-tit .about-tit,.releated .patent-tit,.ff-rela .patent-tit,.quality .about-tit,.quality-list,.quality-cnas .about-tit,
	.quality-cnas .design-list,.service .bedding-servicepic,.sourcing-capa .about-tit,.sourcing-capapic,.sourcing-product .about-tit h2,.sourcing-product .about-tit p{
		width: 100%;
	}
	.innovation-tit h3{
		top: -94px;
		font-size: 84px;
	}
	.innovation-tit{
		margin-top: 40px;
	}
	.innovation-tit h2::before{
		left: auto;
		right: 0;
		top: 25px;
		width: 60px;
		height: 3px;
	}
	.innovation-tit span::after{
		width: 2px;
		height: 40px;
	}
	.technology-inovation .innovation-tit{
		margin-top: 60px;
	}
	.quality-slide{
		margin-top: 40px;
	}
	.releated,.ff-rela{
		padding: 40px 6%;
	}
	.releated-list,.protector-typelist{
		margin-top: 30px;
	}
	.quality .about-tit{
		margin-top: 0;
	}
	.quality-list,.quality-slide .preview{
		margin-top: 30px;
	}
	.swiper-pagination-progress{
		height: 4px;
	}
	.quality-cnas .design-list,.service .design-list{
		margin-top: 30px;
	}
	.swiper-pagination{
		margin-top: 25px;
	}
	.service .href{
		margin-top: 35px;
	}
	.service .bedding-servicepic{
		margin-top: 0;
	}
	.shipping-edi{
		padding-top: 40px;
	}
	.shipping-pick .design-list{
		margin-top: 30px;
	}
	.sourcing-capapic,.sourcing-list{
		margin-top: 30px;
	}
	.sourcing-international .sourcing-capapic{
		margin-top: 0;
	}
	.sustainability i{
		font-size: 36px;
	}
	.sustainability p{
		margin-top: 10px;
		font-size: 22px;
		line-height: 30px;
	}
	.green-factory .about-tit,.waste-collection .home-collbd,.waste-collection .home-collright,.chemical-listcon,.sustainable-mllist li,.home-leading .title-txt p{
		width: 100%;
	}
	.green-factory .container{
		margin-left: auto;
	}
	.green-factorypic{
		width: 100%;
	}
	.waste-collection .home-collright{
		order: -1;
	}
	.waste-collection .home-collbdtxt{
		padding-right: 0;
	}
	.waste-collection .waste-collhd{
		margin-top: 30px;
		overflow-x: auto;
	}
	.waste-collection .waste-collhd li{
		width: 48%;
		margin-right: 4%;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.waste-collection .waste-collhd li:nth-child(2n){
		margin-right: 0;
	}
	.chemical-list,.sustainable-mllist{
		margin-top: 0;
	}
	.chemical-listcon{
		margin-top: 20px;
	}
	.chemical-mb div {
	    height: calc(100% - 8px);
	}
	.sustainable-mllist li{
		margin-left: 0;
	}
	.sustainable-mllist{
		padding: 0 6%;
	}
	.home-colleccon{
		margin-top: 30px;
	}
	.sourcing-international .about-tit{
		margin-bottom: 20px;
	}
	.chemical-listcon{
		margin-left: 0;
	}
	.hot-catalogstxt p{
	    -webkit-line-clamp: 8000;
	}
	.home-tellhref a, .href a, .main-href a{
		font-size: 15px;
	}
	.protector-mb div p{
		-webkit-line-clamp:12;
	}
	.about-spirit .about-designpic,.about-envirmentalpic{
		margin-top: 30px;
	}
	.about-envirmentalpic{
		position: static;
	}
	.design .container{
		display: flex;
		flex-wrap: wrap;
	}
	.design-list,.shipping-edi .design-list,.various-cer .design-list,.bed-oth .bedding-servicepic,.service .bedding-servicepic,.quality-collbd,.waste-collection .home-collbd{
		margin-top: 20px;
	}
	.package-design .design-list{
		margin-top: 50px;
		padding-bottom: 0;
	}
	 .various-cer .about-tit{
	 	margin-top: 0;
	 }
	 .home-custom .home-factorytxt{
	 	padding-top: 0;
	 }
	.home-high .home-factorytxt,.home-factorytxt,.about-spirit .about-designtxt,.design .about-tit,
	.package-design .about-tit,.technology-inovation .innovation-tit, .various-cer .about-tit,
	.home-factorytxt,.bed-oth .about-tit,.shipping-edi .about-tit,.sourcing-international .about-tit,.quality-slide .quality-collright{
		order: -1;
	}
	.service .bedding-servicepic{
		order: 1;
	}
	.quality-slide .preview,.waste-collection .waste-collhd{
		display: none;
	}
	.waste-collection .home-collbd .coll-btn{
		opacity: 1;
	}

	.m-navlistcon>ul>li>ul>li#cid11149>a{display: none;}
    .mobile_blog_view_lt{display: block !important; font-size: 0;margin-top: 40px;}
    .mobile_blog_view_lt .blog_nav{position: static !important;padding: 0 !important;margin-bottom: 10px !important;}
    .mobile_blog_view_lt .blog_nav .nav_card ul li{margin-top: 10px !important; font-size: 14px;}
    .mobile_blog_view_lt .blog_nav .nav_card ul li:hover{color: var(--bgcolor-a1);}
    
    .mobile_blog_view_lt .share{padding-top: 20px; border-top: 1px solid #d7dee5; margin-top: 20px;}


    .mobile_blog_view_lt .blog_nav .nav_card .tit{font-size: 18px;font-family: "font_box_content_bold";font-weight: 100;margin-bottom: 20px !important;}



    .y-ban .y-ban-pic{
    	position: relative;
    }
    .y-ban .y-ban-pic::after{
    	position: absolute;
    	left: 0;
    	top: 0;
    	content: '';
    	width: 100%;
    	height: 100%;
    	background-image: linear-gradient(0deg,rgba(255,255,255,1),rgba(255,255,255,0));

    }
    .y-ban-tit {
	    width: 100%;
	}
	.y-ban-logo img {
	    width: 44px;
	}
	.y-ban-tit h1 {
	    margin-top: 20px;
	    font-size: 26px;
	    line-height: 30px;
	}
	.y-ban-tit ul {
	    margin-top: 20px;
	}
	.y-mlogo .container div{
		width: 33.33%;
	}
	.y-mlogo .container div img{
		max-height: 80%;
	}
	.y-ban-tit ul li {
	    margin-top: 10px;
	}
	.y-ban {
	    min-height: 620px;
	}
	.y-dis .y-tit,.y-disfl,.y-catefl,.y-catefr,.y-talk .home-tellcon,.y-stepls,.y-textlist,.y-footer .div_info .input-position, .y-footer .div_info textarea{
		width: 100%;
	}
	.y-footer .div_info .input-position{
		margin-top: 10px;
	}
	.y-tit h2 {
	    font-size: 26px;
	    line-height: 30px;
	}
	.y-foctpic {
	    margin-top: 20px;
	    border-radius: 20px;
	}
	.y-tit div {
	    margin-bottom: 15px;
	}
	.y-forlf {
	    width: 100%;
	    padding: 20px 0;
	}
	.y-forlf div {
	    margin-top: 5px;
	}
	.y-forareli{
		width: 100%;
		margin-top: 30px;
	}
	.y-talk .main-href{
		margin-top: 30px;
	}
	.y-stepls{
		margin-top: 20px;
	}
	.y-steplist{
		margin-top: 0;
	}
	.y-tit h2{
		margin-bottom: 0;
	}
	.y-footer .div_info button{
		margin-top: 30px;
	}
	.y-forareli:nth-child(2){
		margin-top: 40px;
	}
	.y-catefl,.y-catefr{
		position: static;
	}
	.y-dis {
	    padding-top: 95px;
	}
	.y-tit:after, .y-tit-center:before{
		margin-bottom: 20px;
	}
	.y-tit:after {
	    margin-top: 20px;
	}
	.y-catelist{
		margin-top: 30px;
		margin-bottom: 0;
	}
	.y-forareli{
		padding: 25px 20px 30px 20px;
	}
	.y-talk {
	    background: url(../jpg/104250.jpg) no-repeat;
	    background-size: cover;
	    background-attachment: fixed;
	}
	
	.y-footer .div_info button{
		font-size: 15px;
	}

	.y-mlogo .container div:nth-child(1),.y-mlogo .container div:nth-child(2),.y-mlogo .container div:nth-child(3){
		border-bottom: 1px solid #dedede;
	}
	.y-talk{
		text-align: center;
	}
	.y-talk .main-href{
		width: 100%;
	}
	.y-footer,.y-talk{
	    background-size: cover; 
	    background-attachment: scroll;
	}
	.y-ban-tit ul li{
		padding-right: 10px;
	}
	.y-ban-tit ul li i{
		margin: 1px 12px 0 0;
	}
	.s-pos .from_ipt::after {
		content: '';
		position: absolute;
		right: 15px;
	}
}
@media screen and (max-width: 600px){
	.mobile-choose li div{
		padding: 30px 40px;
	}
	.mobile-choose li div p{
		display: none;
	}
	.foot-txt p a{
		display: block;
		margin-left: 0;
	}
	.popup-main .popup {
        width: 360px;
    }
}
@media screen and (max-width: 375px){	
	.mobile-choose li div{
		padding: 20px 40px;
	}
	.mobile-choose li div span{
		margin-top: 15px;
	}
}
@media screen and (max-width: 340px){	
	.head-fl span {
	     margin-right: 0; 
	}
	.m-navcenter{
		width: 48%;
		padding-left: 26px;
	}
	.banner-text h1{
		display: none;
	}
	.contact-follow h4{
		margin-top: 5px;
		margin-right: 15px;
	}
	.font-link a{
		width: 30px;
		height: 30px;
		line-height: 30px;
		margin-left: 10px;
	}
	.innovation-tit h2::before{
		top: 35px;
	}
	.small-banner .ban-txt h1{
		font-size: 24px;
		line-height: 24px;
	}
	.sustainability p{
		line-height: 26px;
	}
	.chemical-mb{
		padding: 12px 25px;
	}
	.foot-txt p{
		margin-top: 0;
		padding: 12px 20px;
	}
	.y-ban {
	    min-height: 676px;
	}
	
	.popup-main .popup{
		width: 310px;
	}
}


/*8.20*/
.mj-banner{
	position: relative;
}
.mj-bantxt{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
.mj-bantxt .container{
	padding-right: 21%;	
}
.mj-banimg img{
	width: 100%;
	height: auto;
}
.mj-bantxt h1{
	font-size: 60px;
	line-height: 72px;
	font-style: italic;
	color: #161616;
	font-family: 'SourceSansPro-Bold';
}
.mj-bantxt p{
	margin-top: 40px;
	font-size: 24px;
	line-height: 36px;
	color: #161616;
}
.mj-href a{
	padding: 14px 47px;
	font-family: 'SourceSansPro-SemiBold';
}
.mj-title{
	padding: 0 6%;
	text-align: center;
}
.mj-title h2{
	font-size: 48px;
	line-height: 50px;
	font-family: 'SourceSansPro-Bold';	
	font-style: italic;
}
.mj-title p{
	margin-top: 32px;
	line-height: 30px;
}
.mj-goodtit{
	position: sticky;
	top: 0px;
	z-index: 2;
	background: #fff;
}
.mj-goodtit .mj-gli{
	width: 32.1%;
	margin-left: 1.85%;
	margin-top: 18px;
	padding: 13px 15px;
	background: #fce9c0;
	border-radius: 50px;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.mj-goodtit .mj-gli:nth-child(3n+1){
	margin-left: 0;
}
.mj-goodtit .mj-gli a{
	display: flex;
	width: 100%;
	height: 100%;
	font-family: 'SourceSansPro-SemiBold';
	font-size: 18px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
.mj-goodtit .mj-gli:hover,.mj-goodtit .mj-gli.current{
	background: #f5b72f;
}
.mj-goodtit .mj-gli:hover a{

	color: #333;
}
.mj-goodtit{
	margin-top: 40px;
}
.mj-product h3{
	padding-top: 50px;
	font-size: 36px;
	color: #f5b72f;
	font-family: 'SourceSansPro-SemiBold';
}
.mj-product .slide,.mj-product .swiper-container{
	height: 100%;
}
.mj-proul{
	margin-top: -18px;
}
.mj-proli{
	padding: 60px 0;
	border-bottom: 1px solid #d6d6d6;
}
.mj-prolipic{
	position: relative;
	width: 32.1%;
	height: 100%;
	border-radius: 30px;
	overflow: hidden;
}
.mj-prolipic .swiper-pagination{
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 20px;
	text-align: center;
	z-index: 1;
}
.mj-prolipic .swiper-pagination span{
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 8px;
	border-radius: 50%;
	background: #f5b72f;
	opacity: 0.5;
	cursor: pointer;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.mj-prolipic .swiper-pagination span::after{
	opacity: 0;
}
.mj-prolipic .swiper-pagination span::after,.mj-prolipic .swiper-pagination span.swiper-pagination-bullet-active::after{
	content: '';
	position: absolute;
	left: -6px;
	top: -6px;
	display: inline-block;
	width: 20px;
	height: 20px;
	border:1px solid #f5b72f;
	border-radius: 50%;
	-webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
}
.mj-prolipic .swiper-pagination span:hover,.mj-prolipic .swiper-pagination span.swiper-pagination-bullet-active,.mj-prolipic .swiper-pagination span.swiper-pagination-bullet-active:after{
	opacity: 1;
}
.mj-prolipic{
	width: 32.14%;
	border:1px solid #d9d9d9;
}
.mj-protxt{
	width: 61.8%;
	padding-right: 48px;
}
.mj-prop p{
	margin-top: 0;
}
.mj-prop{
	margin-top: 22px;
}
.mj-proli h4{
	font-size: 30px;
	line-height: 36px;
	font-family: 'SourceSansPro-SemiBold';
}
.mj-whole{
	background: #f7f7f7;
}
.mj-wholeli{
	width: 47.8%;
	margin-top: 55px;
	margin-left: 2.2%;
	text-align: center;
}
.mj-wholeli .pic{
	border-radius: 20px;
}
.mj-wholeli:nth-child(2n+1){
	margin-left: 0;
}
.mj-whotxt{
	padding: 0 20px;
}
.mj-whotxt h3{
	margin-top: 34px;
}
.mj-whotxt p{
	margin-top: 22px;
}
.mj-abul{
	margin-top: 25px;
}
.mj-abli{
	width: 32.1%;
	margin-top: 26px;
	margin-left: 1.85%;
	border-radius: 20px;
}
.mj-abli:nth-child(3n+1){
	margin-left: 0;
}
.mj-abouts .mj-href{
	margin-top: 60px;
	text-align: center;
}
.mj-cer{
	background: #f7f7f7;
}
.mj-cerli{
	width: 18.9%;
	margin-top: 20px;
	margin-left: 1.37%;
	border-radius: 22px;
}
.mj-cerli:nth-child(5n+1){
	margin-left: 0;
}
.mj-cerul{
	margin-top: 30px;
}

/* pillow-manufacturer */
.grid-2{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	grid-column-gap: 20px;
	grid-row-gap:20px
}
.grid-3{
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	grid-column-gap: 24px;
	grid-row-gap:24px
}
.grid-4{
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-column-gap: 24px;
	grid-row-gap:24px
}
.grid-5{
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	grid-column-gap: 12px;
	grid-row-gap:12px
}
.pi-banner{
	position: relative;
}
.pi-bantxt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.pi-bantxt .container{
	padding-right: 22%;
}
.pi-bantxt h1{
	font-size: 60px;
	font-style: italic;
}
.pi-bantxt h1 b{
	font-weight: 100;
	background: url(../png/122827.png) no-repeat left bottom;
	background-size: 100% auto;
}
.pi-goods{
	margin-top: 60px;
}
.pi-goodlist{
	position: relative;
}
.pi-goods h3,.pi-goods h4{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	min-height: 60px;
	background: rgba(0,0,0,0.5);
	text-align: center;
}
.pi-goods h3 a,.pi-goods h4 a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 10px;
	color: #fff;
}
.pi-goods h3,.pi-goods h3 a,.pi-goods h4,.pi-goods h4 a{
	font-size: 18px;
	line-height: 24px;
}
.pi-bghui{
	background: #f7f7f7;
}
.pi-type-list{
	margin-top: 60px;
}
.pi-type-list h3{
	border-bottom: 2px solid #f5b72f;
}
.pi-type-list span{
	display: inline-block;
	padding: 15px 60px;
	background: #f5b72f;
	font-style: italic;
}
.pi-packgood{
	grid-row-gap: 34px;
}
.pi-packlist h3{
	margin-top: 20px;
}
.pi-packlist h3,.pi-packlist h3 a{
	font-size: 18px;
	line-height: 24px;
	text-align: center;
}
.pi-faci{
	margin-top: 55px;
}
.pi-packpic{
	border:1px solid #f1f1f1;
	border-radius: 3px;
	overflow: hidden;
}
.pi-faci{
	grid-column-gap: 6%;
}
.pi-facip{
	margin-top: 45px;
}
.pi-qua .mj-title{
	padding: 60px 40px 45px 40px;
	text-align: left;
}
.pi-qualist{
	align-items: flex-end;
	background: #f7f7f7;
}
.pi-qualist:nth-child(2){
	align-items: flex-start;
}
.pi-quascroll{
	margin-top: 24px;
}
.pi-quagd{
	position: relative;
	margin: 0px 40px;
}
.pi-sbtn div{
	width: 60px;
	height: 60px;
	margin-top: -30px;
	line-height: 60px;
	font-size: 22px;
	font-weight: 600;
	color: #f5b72f;
	user-select: none;
}
.pi-sbtn div.prev{
	left: -30px;
}
.pi-sbtn div.next{
	right: -30px;
}
.pi-sbtn div:hover{
	color: #161616;
}
.pi-quascroll{
	padding-bottom: 50px;
}
.pi-ware{
	margin-top: 24px;
}
.pi-ware .mj-title{
	width: 50.7%;
}
.pi-ware .full-pic{
	width: 49.3%;
}
.pi-ma .pi-maico{
	width: 65px;
	height: 65px;
	margin-right: 25px;
	text-align: center;
	line-height: 62px;
	border-radius: 50%;
	background: #f5b72f;
	flex-shrink: 0;
}
.pi-ma .bendding-contactl .bedding-con{
	padding: 0;
	background: none;
}
.pi-ma .bendding-contactl .bedding-con h3{
	margin-top: 10px;
}
.pi-ma .bendding-contactl .bedding-con{
	margin-top: 25px;
}
.pi-ma .container{
	align-items: center;
}
.pi-packgood{
	margin-top: 60px;
}
.pi-ban img{
	width: 100%;
}


/* Sustainable Bedding */
.sus-goods{
	padding: 0 60px;
}
.sus-tit{
	padding: 0 20%;
	text-align: center;
}
.content-container {
	position: relative;
}
.content-text {
	height: 68px;
	margin-top: 10px;
	overflow: hidden;
	transition: height 0.3s ease;
}
.content-text p{
	margin-top: 10px;
}
.view-more-btn {
	cursor: pointer;
	display: inline-block;
	text-decoration: underline;
	margin-top: 5px;
}
.ff-bread .nav{
	margin-top: 14px;
}
.ff-bread .nav li a,.ff-bread .nav li span{
	color: #999999;
	font-size: 17px;
}
.ff-bread .nav li:last-child a,.ff-bread .nav li a:hover {
    color: #f5b72f;
}
.ff-bread .nav::before{
	color: #969696;
	font-size: 19px;
}
.ff-goods{
	margin-top: 30px;
}
.ff-goods h3,.ff-goods li p{
	text-align: left;
}
.ff-goods li h3{
	margin-top: 25px;
}
.href-center{
	text-align: center;
}
.href-xie{
	color: #fff;
	font-style: italic;
}
.ff-goods .main-href a{
	color: #fff;
}
.ff-smtit{
	font-size: 24px;
	font-family: 'SourceSansPro-SemiBold';
	font-style: italic;
	color: #f5b72f;
}
.ff-rela .about-obtainhd div i{
	color: #f5b72f;
	font-weight: bold;
}
.ff-rela .about-obtainhd div:hover i{
	color: #fff;
}
.ff-title{
	padding: 0 10%;
	text-align: center;
}
.ff-trust-li{
	position: relative;
}
.ff-trust-list{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 40px;
}
.pic-auto img{
	width: 100%;
	height: auto;
}
.ff-trutxt{
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: flex;
	align-items: flex-end;
	background: linear-gradient(to top, rgba(0,0,0,0.5) 5%, rgba(0,0,0,0) 50%);
}
.ff-tru-p{
	padding: 35px 45px;
}
.ff-tru-p h3,.ff-tru-p p{
	color: #fff;
}
.ff-tru-p p{
	margin-top: 10px;
}
.ff-trust-ul{
	display: flex;
	flex-direction: column;
	gap: 40px;
}
.ff-trust-ul:last-child{
	margin-top: 50px;
}
.ff-trust-list{
	margin-top: 60px;
}
.ff-trust-li{
	cursor: pointer;
}
.faq-list{	
	padding: 18px 30px 18px 30px;
    cursor: pointer;
    border-top: 1px solid var(--border-color);
    -webkit-transition: .3s all; 
	-moz-transition: .3s all; 
	-ms-transition: .3s all; 
	transition: .3s all;
	background: #fff;
}
.faq-list:first-child{
	border-top: 1px solid var(--border-color);	
}
.faq-txt{
	display: none;
	padding-bottom: 15px;
	margin-top: 18px;
	border-top: 1px solid #dfdfdf;
}
.faq-list.current h3{
	background: url(../png/jian.png) no-repeat right 49.2%;
}
.faq{
	display: flex;
	flex-direction: column;
	margin-top: 50px;
	gap: 18px;
}
.faq-list h3{
	padding-right: 128px;
	font-size: 20px;
	line-height: 34px;
	cursor: pointer;
	background:url(../png/jia.png) no-repeat right 49.2%;
}
.ff-bghui{
	background: #f9f9f9;
}
.ff-goods li h3 a {
    font-family: 'SourceSansPro-SemiBold';
}

.footer #li11022{
	display: none;
}
/* exhibition */
.exhibition1,.exhibition2{--bs-gutter-x: 30px;}
.exhibition1{background-color: #f9f9f9;}
.itembigImg .swiper-button-prev,.itembigImg .swiper-button-next{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;color: #fff; background-color: #f5b72f;border-radius: 100%;}
.itemsmallImg{width: 50%;margin: auto;}
.itemsmallImg .swiper-slide{position: relative;}
.itemsmallImg .swiper-slide img{ width: 100%;}
.itemsmallImg .swiper-slide::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 3px solid transparent;}
.itemsmallImg .swiper-slide.swiper-slide-thumb-active::before{border-color: #FFB400;}
.index_more{text-align: center;}
.index_more a{
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    background: #FFB400;
    border-radius: 40px;
    border: 1px solid transparent;
	}
.index_more a:hover{background: #f5b72f;}
.ex_li .txt{color: #666;font-size: 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
@media screen and (min-width: 2000px){
	.ff-goods {
		margin-top: 60px;
	}
}
@media screen and (max-width: 1580px){
	.mj-bantxt h1 {
	    font-size: 50px;
	    line-height: 64px;
	}
	.mj-bantxt p{
		font-size: 22px;
	}
	.mj-goodtit .mj-gli{
		margin-top: 15px;
	}
	.mj-goodtit{
		margin-top: 20px;
	}
	.mj-title h2{
		font-size: 40px;
		line-height: 48px;
	}
	.mj-title p{
		margin-top: 30px;
		line-height: 26px;
	}
	.mj-product h3{
		font-size: 32px;
	}
	.mj-proli {
	    padding: 50px 0;
	}
	.mj-proli h4 {
	    font-size: 28px;
	    line-height: 34px;
	}
	.mj-prolipic{
		width: 33.5%;
	}
	.mj-wholeli{
		margin-top: 40px;
	}
	.mj-whotxt h3 {
	    margin-top: 30px;
	}
	.mj-whotxt p{
		margin-top: 20px;
	}
	.mj-abul {
	    margin-top: 10px;
	}
	.mj-abouts .mj-href {
	    margin-top: 50px;
	}
	.pi-bantxt h1{
		font-size: 50px;
	}
	.grid-4{
		grid-column-gap: 22px;
    	grid-row-gap: 22px;
	}
	.pi-type-list span {
		padding: 13px 40px;
	}
	.pi-goods{
		margin-top: 50px;
	}
	.pi-goods h3, .pi-goods h4{
		min-height: 56px;
	}
	.pi-goods h3, .pi-goods h3 a, .pi-goods h4, .pi-goods h4 a,.pi-packlist h3, .pi-packlist h3 a{
		font-size: 17px;
	}
	.pi-packlist h3 {
		margin-top: 15px;
	}
	.pi-qua .mj-title {
		padding: 40px 30px 35px 30px;
	}
	.ff-rela .releated-list{
		margin-top: 40px;
	}
	.ff-smtit{
		margin-bottom: 8px;
		font-size: 20px;
	}
	.ff-trust-list{
		margin-top: 45px;
	}
	.ff-trust-list{
		gap: 35px;
	}
	.ff-trust-ul{
		gap: 30px;
	}
	.ff-tru-p {
		padding: 30px 35px;
	}
	.faq {
		margin-top: 40px;
		gap: 15px;
	}
	.ff-title p{
		margin-top: 20px;
	}
	.ff-goods{
		margin-top: 40px;
	}
	.ff-trust-ul:last-child {
		margin-top: 40px;
	}
	.about-obtainhd div{
		width: 64px;
		height: 64px;
		line-height: 64px;
	}
	.design-hd div.next {
		right: -32px;
	}
	.design-hd div.prev {
		left: -32px;
	}
}
@media screen and (max-width: 1420px){
	.mj-bantxt h1 {
	    font-size: 44px;
	    line-height: 56px;
	}
	.mj-bantxt p {
	    font-size: 20px;
	    line-height: 34px;
	}
	.mj-title h2 {
	    font-size: 34px;
	    line-height: 44px;
	}
	.mj-title p {
	    margin-top: 20px;
	}
	.mj-goodtit .mj-gli a{
		font-size: 16px;
	}
	.mj-goodtit {
	    margin-top: 15px;
	}
	.mj-product .main-href{
		margin-top: 40px;
	}
	.mj-protxt{
		padding-right: 20px;
	}
	.mj-prop {
	    margin-top: 20px;
	}
	.mj-proli h4 {
	    font-size: 26px;
	    line-height: 32px;
	}
	.mj-product h3 {
	    font-size: 30px;
	}
	.mj-prolipic .swiper-pagination span{
		margin: 0 6px;
	}
	.mj-whotxt h3 {
	    margin-top: 25px;
	}
	.mj-whotxt p {
	    margin-top: 15px;
	}
	.mj-abul {
	    margin-top: 5px;
	}
	.mj-cerul {
	    margin-top: 20px;
	}
	.pi-ban img{
		min-height: 540px;
	}
	.pi-bantxt h1 {
        font-size: 44px;
    }
	.pi-sbtn div{
		width: 52px;
		height: 52px;
		line-height: 52px;
	}
	.pi-sbtn div.prev {
		left: -26px;
	}
	.pi-sbtn div.next {
		right: -26px;
	}
	.content-text {
    	height: 56px;
	}
	.sus-tit {
		padding: 0 15%;
		text-align: center;
	}
	.ff-goods .main-href{
		margin-top: 35px;
	}
	.ff-rela .releated-list {
        margin-top: 35px;
    }
	.ff-trust-list {
        gap: 30px;
    }
	.ff-tru-p {
        padding: 25px 30px;
    }
	.ff-trust-list {
        margin-top: 40px;
    }
	.faq {
        margin-top: 35px;
    }
	.faq-list{
    	padding: 18px 25px 18px 25px;
	}
	.ff-bread .nav li a,.ff-bread .nav li span {
		font-size: 16px;
	}
	.ff-goods li h3 {
		margin-top: 20px;
	}
	
	.about-obtainhd div.prev{
		left: -30px;
	}
	.about-obtainhd div{
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.about-obtainhd div.next{
		right: -30px;
	}
}
@media screen and (max-width: 1200px){
	.mj-bantxt h1 {
	    font-size: 38px;
	    line-height: 48px;
	}
	.mj-bantxt p{
		margin-top: 15px;
	}
	.mj-bantxt p {
	    font-size: 18px;
	    line-height: 30px;
	}
	.mj-href{
		margin-top: 40px;
	}
	.mj-href a{
		padding: 13px 42px;
	}
	.mj-title h2 {
	    font-size: 30px;
	    line-height: 40px;
	}
	.mj-title p {
	    margin-top: 15px;
	}
	.mj-goods{
		margin-top: 60px;
	}
	.mj-product h3 {
	    font-size: 28px;
	}
	.mj-proli h4 {
	    font-size: 24px;
	    line-height: 30px;
	}
	.mj-prolipic .swiper-pagination span{
		width: 8px;
		height: 8px;
	}
	.mj-prolipic .swiper-pagination span::after, .mj-prolipic .swiper-pagination span.swiper-pagination-bullet-active::after{
		width: 18px;
		height: 18px;
	}
	.mj-prop {
	    margin-top: 15px;
	}
	.mj-wholeli {
	    margin-top: 32px;
	}
	.mj-whole,.mj-cer{
		padding: 60px 0;
		margin-top: 60px;
	}
	.mj-abouts{
		margin-top: 60px;
	}
	.mj-cerul {
	    margin-top: 10px;
	}
	.mj-proli {
	    padding: 40px 0;
	}
	.pi-bantxt h1 {
        font-size: 38px;
    }

	
	.ff-rela .releated-list {
        margin-top: 30px;
    }
	.ff-goods li{
		margin-bottom: 0;
	}
	.sus-tit {
        padding: 0 10%;
    }
	.ff-title {
		padding: 0 5%;
	}
	.ff-trust-list {
        margin-top: 35px;
    }
	.ff-trust-list {
        gap: 26px;
    }
	.ff-trust-ul {
        gap: 25px;
    }
	.ff-tru-p {
        padding: 22px 25px;
    }
	.ff-tru-p p {
		margin-top: 8px;
	}
	.faq-list h3{
		background: #fff url(../png/jia.png) no-repeat right 50%;
		background-size: 18px 18px;
	}
	.faq-list.current h3{
		background: #fff url(../png/jian.png) no-repeat right 50%;
		background-size: 18px 18px;
	}
	.about-obtainhd div {
        width: 54px;
        height: 54px;
        line-height: 54px;
    }
	.about-obtainhd div.next {
        right: -27px;
    }
	.about-obtainhd div.prev {
        left: -27px;
    }
	.releated .swiper-slide p,.ff-rela .swiper-slide p{
		margin-top: 10px;
	}
	.ff-tru-p {
        padding: 20px 20px;
    }
	.ff-trust-ul:last-child {
		margin-top: 30px;
	}
	.ff-smtit {
        font-size: 18px;
    }
	.m-navright{
		width: 120px;
	}
	.head-logo{
		width: 70px;
	}
	.head-nav {
		width: calc(100% - 200px) !important;
	}
}
@media screen and (max-width: 960px){
	.mj-bantxt h1 {
	    font-size: 34px;
	    line-height: 46px;
	}
	.mj-proul {
	    margin-top: 0;
	}
	.pi-ban img {
        min-height: 470px;
    }
	.grid-4,.grid-3{
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	.grid-5 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	.pi-type-list span {
        padding: 12px 30px;
    }
	.pi-goods{
		margin-top: 40px;
	}
	.pi-ma .bendding-contactl .bedding-con {
		margin-top: 20px;
	}
	.rowa{
		grid-template-columns: repeat(1, minmax(0, 1fr));
		grid-column-gap: 0;
	}
	.ff-trust-list {
        margin-top: 30px;
		grid-template-columns: repeat(1, minmax(0, 1fr));
		gap: 25px;
	}
	.ff-trust-ul:last-child {
        margin-top: 0px;
    }
	.faq {
        margin-top: 30px;
        gap: 12px;
    }
	.about-obtainhd div.next {
        right: -15px;
    }
	.about-obtainhd div.prev {
        left: -15px;
    }
	.ff-bread .nav li a,.ff-bread .nav li span {
        font-size: 15px;
    }
	.ff-title p {
        margin-top: 10px;
    }
	
	.faq-list h3{
		font-size: 18px;
	}
}
@media screen and (max-width: 740px){
	.mj-banimg img{
		min-height: 410px;
		object-fit: cover;
	}
	.mj-bantxt h1 {
	    font-size: 30px;
	    line-height: 38px;
	}
	.mj-bantxt p {
	    font-size: 16px;
	    line-height: 28px;
	}
	.mj-title h2 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.mj-title{
		padding: 0;
	}
	.mj-goods,.mj-abouts{
		margin-top: 40px;
	}
	.mj-product h3 {
	    font-size: 24px;
	    line-height: 32px;
	}
	.mj-protxt{
		padding: 0;
		margin-top: 25px;
	}
	.mj-proli h4 {
	    font-size: 22px;
	    line-height: 28px;
	}
	.mj-prop p{
		line-height: 26px;
	}
	.mj-prop{
		margin-top: 10px;
	}
	.mj-proli {
	    padding: 36px 0;
	}
	.mj-proul{
		margin-top: -5px;
	}
	.mj-wholeli {
	    margin-top: 25px;
	}
	.mj-whole, .mj-cer {
	    padding: 40px 0;
	    margin-top: 40px;
	}
	.mj-abli{
		margin-top: 20px;
	}
	.mj-abouts .mj-href {
	    margin-top: 40px;
	}
	.mj-cerli{
		margin-top: 12px;
	}
	.mj-cerli,.mj-cerli:nth-child(5n+1){
		width: 48%;
		margin-left: 4%;
	}
	.mj-cerli:nth-child(2n+1){
		margin-left: 0;
	}
	.mj-goodtit{
		position: static;
		display: none;
	}
	.mj-product h3 {
	    padding-top: 40px;
	}
	.mj-goodtit .mj-gli {
	    margin-top: 12px;
	}
	.mj-prolipic,.mj-protxt,.mj-wholeli,.mj-abli,.mj-goodtit .mj-gli{
		width: 100%;
		margin-left: 0;
	}
	.pi-ban img{
		width: 100%;
		min-height: auto;
	}
	.pi-bantxt{
		margin-top: 25px;
		position: static;
	}
	.pi-bantxt h1 {
        font-size: 26px;
    }
	.pi-type-list,.pi-packgood{
		margin-top: 40px;
	}
	.grid-4, .grid-3,.grid-5,.pi-faci,.grid-2{
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }
	.pi-faci p{
		margin-top: 10px;
	}
	.pi-qualist .pic{
		order: -1;
	}
	.pi-quagd {
		margin: 0px 30px;
	}
	.pi-ware .mj-title,.pi-ware .full-pic{
		width: 100%;
	}
	.pi-type-list span {
        padding: 12px 20px;
    }
	.pi-goods{
		margin-top: 35px;
	}
	.sus-tit {
        padding: 0 0;
    }
	.ff-goods .sus-tit {
        padding: 0 6%;
    }
	.sus-goods{
		padding: 0 6%;
	}
	.ff-goods {
        margin-top: 35px;
    }
	.bendding-list li {
		margin: 25px 0 20px 0;
	}
	.ff-goods li {
        margin-bottom: 0;
    }
	.ff-title {
        padding: 0 0;
    }
	.ff-smtit {
        font-size: 16px;
    }
	.faq-list h3 {
		padding-right: 35px;
		line-height: 26px
	}
	.ff-trust-list {
        margin-top: 25px;
        gap: 20px;
    }
	.faq-list {
        padding: 15px 20px 15px 20px;
    }
	.faq-txt{
		margin-top: 15px;
		padding-bottom: 10px;
	}
	.faq-txt p{
		margin-top: 15px;
	}
	.about-obtainhd div {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
	.ff-goods li p {
    	margin-top: 10px;
	}
}
.ff-goods,.ff-rela{
	padding-left: 0;
	padding-right: 0;
}


.cf-turnstile{
	margin-top: 12px;
	height: 68px;
}