@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 2240px){
	.navi-top-an{display: none}
	.top-ts-key{display: none}
	.hy-left-yifu{display: none}
	.product>.product-pt-sy{display: none}
	.hy-p-d-c-l-c-b .bx-default-pager{display: none;}
	.hy-p-d-c-l-c-b .bx-wrapper .bx-prev{display: none}
	.hy-p-d-c-l-c-b .bx-wrapper .bx-next{transform: rotate(90deg);    left: 14px;}
	.quickaddd a:hover{background:#000000;color:#ffffff;}
	.det-click-cont ul li div img{width:745px!important;}
	.slotholder .defaultimg{display: block}
	.slotholder .mob_banner{display:none;}
}
@media screen and (max-width: 1530px){
		.Navi-bottom ul li {
    display: inline-block;
    padding: 10px 15px;
    text-align: center;
    margin: 0;
}
	.wome .wome-bw .wome-left li {
    width: 100%;
    display: block;
    text-align: left;
}
	.product{width:96%}
	.producb-top-right {
    display: inline-block;
    float: right;
    width: 18%;
    margin-top: 40px;
}
	.producb-top-left {
    display: inline-block;
    float: left;
    width: 20%;
    height: 210px;
    overflow: hidden;
    margin-right: 20px;
}
	.producb {
    width: 83%;
    margin-left: 3%;
    float: left;
}
	.cus-a-main-top {
		width:96%;
	}
	.road-list{
		width: 96%
	}
	.cus-a-main-top img{
		width:100%
	}
	.news{
		width:96%
	}
	.col_lift{
		width: 96%
	}
	.conter-top{
		        margin-top: 40px;
		width:96%;
		overflow: hidden
	}
	.conter-center-img{
		width:96%
	}
	.abouta, .ab-bottom-all {
    width: 96%;
    margin: 0 auto;
}
	.abouta-foot {
		width: 96%;}
	.discover-poro-min {
    width: 48%;
    height: auto;
    float: left;
    margin-right: 1%;
    position: relative;
    overflow: hidden;
    margin-bottom: 40px;
}
	.discover-poro-min:nth-child(2n) {
    margin-right: 0%;
    margin-left: 1%;
}
}
@media screen and (max-width: 1440px){
	.foot-all-mm,.index-nav-positon{max-width: 94%;}
	.center-pic-box-p,.itunes ul{max-width: 94%;}
	.proc-like{width: 96%;}
	.twh-details-bottom-tab,.product-gqbq{
		max-width: 96%;
		        display: flex;
	}
	.products-details-inquiry{
		max-width: 96%;
	}
	.foot-min,.product-all,.garden-all {
    max-width: 94%;
}

	.e-shop-center{
		overflow: hidden;
		width:96%;
		margin: 0 auto
	}
	.abouta-foot {
		width: 96%;}
	.product{width:96%}
	.porostar-gift-inall{
		width:96%
	}
	.discover-poro {
		width:96%}
	.index-new {
		width:96%}
	.abouta-top{
		    margin-top: -8.8%;
	}
	.faq-all{width: 96%}
	.faq-down-up{width: 96%;}
	.about-lx-foin{width: 96%;}
	.about-wid {
		max-width: 96%;
	} 
	
	.video-all-position{width: 96%;}
	.custom-all {
		max-width: 96%;
		margin: auto;
	}
	.ab-ft-right img {
    padding-left: 0;
    float: right;
}
	
	.Navi-bottom ul li {
    display: inline-block;
    padding: 1%;
    text-align: center;
    margin: 0;
}
	.wome .wome-bw .wome-left li{
		width: 100%;
		display: block;
		text-align: left
	}
	.Navi-bottom ul{
		    width: 96%;
	}
	.producb-top-right>a{
		    width: 90%;
		    margin-left: 10%;
	}
	.producb-top-right>a>span{
		left: 8%;
	}
	.producb .product{width:100%}
	.index-tj{
		width: 96%
	}
	.Porostar-gift {
		max-width: 94%;}
	.index-tj-left {
    width: 50%;
    float: left;
    margin-top: 60px;
    padding-right: 0;
}
	.index-tj-right {
    width: 50%;
    float: right;
}
	.customize-neirong{
		width: 96%
	}
	.Porostar-gift-all-left {
		width: 36%;}
	.Porostar-gift-all-right {
    width: 64%;
	}
	.Porostar-gift-all-right-img {
    position: relative;
    width: 45%;
    float: left;
    height: 315px;
    overflow: hidden;
    margin-bottom: 70px;
    margin-left: 5%;
}
	.Navi-bottom .wome-bw ul li
	
	
	
}
@media screen and (max-width: 1306px){
	.index-tj-right-img {
		width: 95%;}
	.index-tj-right-img img{
		width:100%
	}
	.producb-top-center{
		    width: 57%;
	}
	.producb-top-right{
		width:20%
	}
	.custon-all-biaodan{
		    display: flex;
    align-items: center;
    justify-content: space-between;
	}
}
@media screen and (max-width: 1240px){
	.e-shop-center-all .bx-wrapper .bx-next {
    right: 0;
    z-index: 99;
}
	.e-shop-center-all .bx-wrapper .bx-prev {
    left: 0;
}
		.faq-qt{width:94%;}	
	.about-gd{width:100%;}
	.Navi-bottom ul li{padding:10px 0;}
		
	.ab-ft-right{
		padding-left: 5%
	}
	.ab-ft li .ab-ft-left{
		padding-left: 0%
	}
	
	.ab-ft li:nth-child(2n) .ab-ft-left{
		padding-right: 5%;
		padding-left: 0
	}
	.ab-ft-left img{
		width: 100%
	}
	.ab-ft-right img{
		width: 100%
	}
	.Porostar-gift-all-left img {
    width: auto;
    height: 100%;
    margin-left: 50%;
    transform: translate(-50%);
}
	
	.discover-poro-all-text-one h2{
		margin-top: 100px;
	}
	}
@media screen and (max-width: 1160px){
	.index-tj-left h2 {
    font-size: 20px;
    color: #888;
    margin-bottom: 20px;
		line-height: 1.7
}
	.index-tj-left hr{
		    margin-bottom: 40px;
	}
	.index-tj-left p{
		margin-bottom: 20px;
	}
	.Navi-bottom ul li a{font-size: 12px;
	}
	.producb-top-center h2{font-size:16px;
		    line-height: 1.7;
	}
	.producb-top-center>ul>li p{
		font-size:13px;
	}
	.producb-top-right>a{
		font-size:12px;
		
	}
	.tables-li .tables-an {
		font-size: 12px;}
		
	.product ul li p {
		line-height: 1.7;
		font-size: 12px;
	}

	
	.cus-a-main-top .custon-all p{
		font-size:12px;
	}
	.abouta-bottom{
		    height: 480px;
	}
	}
@media screen and (max-width: 1050px){
		.faq-top li a{height:76px;}	
	.producb-top-center {
    width: 53%;
}
	.producb-top-right {
    width: 24%;
}
	.producb-top{
		margin-top:20px;
	}
	.producb {
    width: 81%;
    margin-left: 0;
    float: right;
}
	}
@media screen and (max-width: 1024px){
	.customize-neirong{display: none}
	.product-all-right{width: 100%;}
	.product-all-left-button {
    display: block!important;
    width: 40px;
    height: 40px;
    position: fixed;
    left: 0;
    text-align: center;
    background: #000;
    line-height: 40px;
    color: #fff;
    font-size: 18px;
    top: 150px;
    z-index: 99;
    transition: 0.5s;
		display: none!important
}
.conter-top-left {width: 48%;}
	
	i.fa.fa-angle-double-right {
    height: 40px;
    line-height: 40px;
    animation: noe 1s steps(10) infinite;
    font-size: 20px;
    font-size: 37px;
    padding-top: 0;
    color: #fff;
}
	.product-all-left-button-bt .tables-bottom {
    top: 196px;
    left: 0;
    transition: 0.5s;
}
	.product-all-left-button-bt .product-all-left-button {
    width: 100%;
    text-align: left;
    padding-left: calc(100% - 40px);
    transition: 0.5s;
    top: 156px;
}
.tables-bottom{
    position: fixed;
    left: -105%;
    transition: 0.5s;
    z-index: 1000;
    background: #efefef;
    width: 100%;
    padding: 2%;
    max-height: 400px;
    overflow: auto;
    box-shadow: 0px 3px 7px 2px #80808088;
    top: 200px;
}
	
	.ab-ft-right h4, .ab-ft-left h4{
		    padding-top: 5%;
	}
	.bot-left{
		width:100%;
	}
	.bot-left>p{
		width: 100%;
    margin: 0;
    padding: 0;
    transform: none;
	}
	.bot-left>p{
		padding: 0;
    width: 100%;
    margin-top: 0;
	}
	.abouta-bottom {
    height: auto;
}
.bot-left {
    width: 100%;
    float: none;
}
	.bot-right{
		width: 50%;
    float: none;
    margin: 2% 25%;
	}
	.ab-bottom-all .bot-left>p{
		padding: 0;
		margin: 0;
		width:100%
	}
	.abouta-top {
    margin-top: -6.3rem;
}
	.tables-ul h4{
		padding: 1% 0
	}
	.tables-li{
		padding: 1% 0
	}
	.fiter-on{
		width: 23.9%;
		margin-right: 1%;
	}
	.fiter ul{
		display: flex;
		flex-flow: wrap;
	}
	.product-all-right-cp-img{
		min-height: auto
	}
	.fiter-on:nth-child(4n){
		margin-right: 0;
	}
	.wpcf7-form-left h3{padding-left:0;}
		.wpcf7-form-right h3{padding-left:0;}
	.revslider-initialised ul li p{top:26%!important;}
	
	.producb{margin-left:0}
	.abput-top{width:90%;}
	.about-zj{width:90%;}
	.login-dl{width:50%;margin:2% 25%;}
	.conter-left{margin-left:10%;}
.your-rknam input{width:80%;}
	.conter-right .melssage textarea{width:78%;}
	.book-app {    width: 90%;}
	.book-app .wpcf7-form-left .your-name {
		width:100%
	}
	.book-app .wpcf7-form-left .your-name {
		width:100%
	}
	
	.book-app .wpcf7-form-right .your-name {
		width:100%
	}
	.book-app .your-name {
    width: 50%;
    float: left;
    color: #343434;
    padding-left: 2%;
    overflow: hidden;
    box-sizing: border-box;
}
	.book-app .message{width:100%}
	.book-app textarea.message-input{width:100%;    box-sizing: border-box;}
	.producb {
		width: 76%;}
	
	
	.producb-top{
		padding:1%;
		display: flex;
	}
	
	.producb-top-right>a {
    width: 97%;
		margin-left: 5%;
}
	.video-all-position ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
	}
	.video-all-position ul li:nth-child(2n) {
    margin-right: 0;
	}
	.garden-all {
    margin-top: 0;
}
	
}
@media screen and (max-width: 900px){
	.music-dingzhi{max-width: 94%;}
	.move-ul li:nth-child(2) .music-dingzhi .formbox{display: flex}
	a.formboxfe{width: 48%;}
	.Porostar-gift-all{
		display: flex;
    align-items: center;
	}
	.index-tj-div {
    margin-bottom: 40px;
}
	.index-tj-left{
		margin-top: 2%;
	}
	.index-tj-div h1{
		font-size:28px;
	}
	.index-tj-left hr {
    margin-bottom: 4%;
}
	.index-tj-div h1{
		    margin-bottom: 4%;
	}
	.abouta-right{
		float: none;
	}
	.abouta-top {
      margin-top: -2.5rem;
    width: 100%;
}
	.product>h2 {
    font-size: 24px;
}
	.abouta-main h4 {
    font-size: 16px;
	}
	.a-main-top p, .a-main-bottom p {
    font-size: 14px;
	}
	
	.abouta-right{
		width: 100%
	}
	.producb-top-left img {
    width: auto;
		height: 100%
}
	.producb-top-left{
		margin-right:2%
	}
	.about-zj-img{width:100%;}
	.Navi-bottom ul li a {
		width:90%;
	}
	.wome-bw{width:100%;}
	.wome{padding:0}
	.Navi{margin-bottom:0}
	.navi-top-an{display: block;width: 40px;
    height: 40px;
    position: fixed;
    top: 5px;
    left: 0;
    z-index: 9999999;
	   

	}
	.navi-top-an img{width: 100%;
    padding: 20%;
	}
	.Navi.top-daohang .navi-top-an img {
    width: 100%;
    padding: 20%;
		filter: invert(1);
}
	.product>h2 {
		font-size: 24px;}
	
	.Navi .Navi-top>h1>a>img {
    width: auto;
    height: 30px;
    filter: inherit; 
		    margin: 5px 0;
}
	form.det-fronm input{
		    width: 45%;
    line-height: 2.5rem;
	}
	.Navi-bottom {display: none}
	.cj-ts-Navi{background: #ffffff;    }
	.cj-ts-Navi img{filter: brightness(0%);}
	.navi-et .wome{display: none!important}
	.navi-fw-ts .wome{display: block!important}
	.Navi-top h1{margin: 0}
	.navi-fw-ts .navi-fw{background-position:right -7482px }
	.Navi .Navi-top>h1>a{width: auto;}
	.revslider-initialised ul li p{top:30%!important;font-size: 42px!important;}
	.bgs_box .wp {
    position: relative;
    left: 0;
    top: 10%;
    z-index: 0!important;
    width: 100%;
    height: 100%;
}
	.img_area{width:100%;}
	.s_img img{width: 90%;
    padding: 10%;}
	.item_txt img {
    width: 80%;
    padding: 10%;
}
	.bg_colors{position: relative;width:50%;float:left;}

	.content .main {
    margin: 0;
    position: relative;
    top: 0;
    left: 50%;
    width: 50%;
    height: 100%;
    background: #f1e8df;
}
	.fabric-bottom-wb h3{font-size:14px;height: 40px;}
	.wrapper{height:430px;}
	.s_arr {
    display: block;
    position: absolute;
    bottom: 6%;
    left: 5%;
}
	.foot {
    width: 100%;
    display: flex;
    justify-content: space-between;
		flex-flow: wrap;
}
	.top-right{position: relative;z-index: 999999;}
	.follow ul{display: flex}
	.Navi .Navi-top{z-index: 9999}
/*
	.Navi-top {
    width: 26%;
    margin: 0 37%;
}
*/
		.bg_colors{background:#f1e8df;}
	.top-wei{width:100%;}
	.color-title{font-weight:bold;}
	.about-one h2 {
    font-size: 24px;
}

	
}
@media screen and (max-width: 800px){
	.index-tj-left{
		width:100%;
		    margin-bottom: 4%;
	}
	.Porostar-gift-all-left {
    width: 100%;
    height:auto;
}
	.Porostar-gift-all-right {
    width: 100%;
}
	a.Porostar-gift-all-right-img {
		
    width: 48%;
    margin: 0;
    margin-right: 2%;
		margin-bottom: 2%;
}
	a.Porostar-gift-all-right-img:nth-child(2n){
		margin-right: 0;
		margin-left: 2%
	}
	.Porostar-gift-all-left-img {
    width: 100%;
    height: auto;
    position: relative;
    transition: 0.5s;
    margin-bottom: 2%;
		height: 315px;
    overflow: hidden;
}
	.Porostar-gift-all-left-img:hover img{
		filter: brightness(100%);
	}
	.Porostar-gift-all-left-img:hover span {
    background: #fff;
    color: #000;
    transition: 0.5s;
    bottom: 44%;
}
	.discover-poro-top>h2, .para h2, .porostar-gift-inall>h2, .index-new>h2{
		font-size: 24px;
	}
	#scroll {
    margin-bottom: 2%;
}
	.index-new-all-img {
    height: auto;
	}
	.index-new-all-text h3{
		    margin-bottom: 2%;
    margin-top: 2%;
	}
	.discover-poro-top h4{
		font-size:16px;
		margin-bottom: 1%
	}
	.index-new-all-text h3{
		font-size:16px;
	}
	.discover-poro-top>a{
		margin-bottom: 4%
	}
	.Porostar-gift-all-left img {
    width: 48%;
    height: auto;
    margin-left: 0;
    transform: none;
}
	.Porostar-gift-all{
		    flex-direction: column;
	}
	.customize{
		position: relative;
	}
	.custonize-text p {
		color: #fff;
		padding-left: 0;
	}
/*
	.customize::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #88888880;
}
*/
	.customize-neirong{
		position: relative;
		z-index: 999;
	}
	.para {
    color: #fff;
    padding: 60px 0 60px 54px;
    padding: 4%;width: 100%
}
	.customize-neirong {
    width: 100%;
}
	.custonize-text a{margin-left: 0;}
	.index-tj-right{
		width: 100%
	}
	.index-tj-right-img {
    width: 100%;
}
	.a-main-top p, .a-main-bottom p {
    font-size: 12px;
}
	.ab-bottom-all .bot-left>p{
		font-size:14px;
	}
	.a-main-top p, .a-main-bottom p {
    font-size: 12px;
}
	.ab-ft-right h4, .ab-ft-left h4 {
    font-size:24px;
}
	.ab-ft-right p, .ab-ft-left p{
		font-size:12px;
	}
	.ab-ft-end p{
		font-size:14px;
	}
	.history-all {
    display: flex;
		    height: auto;
}
	.history-all-a-right .history-all-center::before {
		left: 0;}
	.history-all-right {
		text-align: right;
    width: 24%;
		float: right;}
	.history-all-left {
		text-align: left;
		width: 70%;}
	.history-all-a-right .history-all-left, .history-all-left{
		margin-left: 0;
		margin-right: 1%;
		margin-bottom: 2%
	}
	.history-all-center:after{
		height: 150px;
	}
		.a-main-top h2 {
		font-size: 24px;}
	.tables-ul h4 {
			font-size: 16px;}
	.content-all>h4 {
		font-size:24px;
	}
	.content-all>h2 {
    font-size: 14px;
}
	.fabric-bottom-wb p{font-size:12px}
		.faq-top ul li a img {
   width:30px;
}
		.faq-top a h2{font-size: 16px;}
	.bx-wrapper .bx-controls-direction a{right: 30%;}
	.trend .bx-wrapper .bx-prev{left:30%;}
	.caver-nr {
    width: 94%;
    margin: 0% auto;
    padding: 2%;
}
	.wrapper {
    height: 380px;
}
	.only{width:100%;}
	.top-wei{width:100%;}
	.custo{width:50%;}
	.custo ul{margin:1% 0;}
	.custo h3 {
    margin-bottom: 0%;
    font-size: 16px;
    padding-bottom: 1%;
    border-bottom: 1px solid #c1c1c1;
    width: 90%;
}
	.custo ul li {
    font-size: 14px;
}
	.follow{width:100%;}
	.foot .follow h3{
		width:95%;
/*		background: #ffffff;   */
   
    border: none;
    margin-top: 1%;}
	.follow ul{display: flex!important;    justify-content: space-around;}
	.follow .cusa-t li{text-align: center}
	.custo ul{display: none}
	.custo h3{    background: url(../images/link_icons.png) right -7290px no-repeat scroll;}
	.custo-zh-ts ul{display: block;}
	.Porostar-gift-all-left-img:after{
		content: "";
		display: block;
		position: absolute;
		right: 0;
		width: 48%;
		background: #000;
		height: 100%;
		bottom: 0;
	}
	.Porostar-gift-all-left-img> span {
    left: auto;
    transform: none;
    background: #fff;
    color: #000;
    bottom: 44%;
    right: 2%;
    width: 44%;
}
	.discover-poro-min {
    width: 100%;
    margin-right: 0;
}
	.discover-poro-all-text-one h2 {
    margin-top: 35%;
}
	.index-new-all {
    width: calc((100% / 2 ) - 15px);
    margin-right: 15px;
    float: left;
}
	.index-new-all:nth-child(2n){
		margin-right: 0;
		margin-left: 15px;
	}
	.index-tj{
		margin-bottom: 0px;
	}
}

@media screen and (max-width: 768px){
	.itunes ul{flex-flow: wrap}
	.itunes ul li{width: 100%;margin-right: 0;}
	.fiter-on {
    width: 49%;
    margin-right: 2%;
}
	 .twh-details-bottom-tab {
    max-width: 96%;
        display: flex;
        margin-top: 8%;
}
	.fiter-on:nth-child(2n) {
    margin-right: 0;
}
	.i-news-all-b li {
		width: 49%;
		margin-right: 2%!important;
		margin-bottom: 5%;
}
	.product-all-right-cp li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 2%
	}
	.product-all-right-cp{
		padding-right: 0
	}
	.product-all-right-cp li:nth-child(2n){
		margin-right: 0!important;
	}
	.i-news-all-bt{padding: 2%;}
	.i-news-all-b li:nth-child(2n) {
		margin-right: 0!important;
}
	.i-news-all-b{display: flex;
	flex-flow: wrap}
	.about-lx-left-at li{
		margin: 0;
		font-size: 16px;
	}
	.about-lx{height: 900px;}
	.custon-all-biaodan{
		display: flex;
		flex-direction: column;
	}
	.custon-all-biaodan .custon-all-img{
		width:100%;
		    margin-left: 0;
	}
	.custon-all-biaodan .wpcf7-rk-form{
		width: 100%
	}
	.ab-ft-left{width: 100%;
	}
	.ab-ft-right{
		width: 100%;
		padding-left: 0
	}
	.abouta-foot li:nth-child(2n){
		display: flex;
		flex-direction: column-reverse;
	}
	.ui-dialog{    margin-left: 0%;
    width: 100%;
	top:32%;
		    transform: translate(-0%);
	}
	.yeqt-gd{right:10px;}
	.hy-p-d-c-l-c .bx-viewport{height:80px!important;}
	
	.book-app textarea.message-input{width:98%;}
	.caver{margin: 2% auto;}
	.book-app .your-name{width:100%;}
	.conter-left {
    margin-left: 4%;
}
	.conter-right{margin-left:4%;}
	.conter-right .wpcf7-rk-form .mes-bu{width:96%;}
	.conter-right .melssage textarea{width:92%;}
	.your-rknam input{width:92%;}
	.conter-top-left{width:100%;padding: 0%;}
	.conter-top-right{width:100%;width: 98%;}
	.conter-right h3{font-weight: bold}
	.proct-zj{width:96%;}
	.proct-botto{width:96%;}
	.producb{width:100%;}
	.producb .product{width:100%;}
	.producb .product ul li{width:48%!important}

	
	.tables-ul h4{text-align: left;margin-top:0;}
	.tables-ul{padding:0 2%;}
	.hy-right{display: none}
	.sort{position: absolute;
    width: 49%;
    left: 50%;
	text-align: center;
		margin-left:1%;
	
	}
	.hy-left-yifu {
    display: block;
    position: absolute;
    width: 49%;
    left: 0;
		text-align: center;
		height:40px;
		line-height: 40px;
		background:#f8f8f8;
		margin-right: 1%
}
	.sort .sort-u{
		display: none;
		width:100%;
		left:0;
		height: auto;
		    padding: 0;
		    border: none;
		
	}
	.sort .sort-w-ts-xy{
		
		display: block;
		background: #f8f8f8;
		    z-index: 999;
			
	}
	
	.sort:hover .sort-w{
		background:#f8f8f8;
		
	}
	.sort ul li{
		    text-align: left;
    padding-left: 2%;
    font-size: 14px;
		
	}
	.sort-w{
		height:40px;
		line-height: 40px;
		background:#f8f8f8;
		border:none;
	}
	.product{width:96%;}
	.hy-left {
    display: inline-block;
    float: right;
    width: 100%;
    height: 40px;
    margin: 10px 0;
}
	.caver-lefr{width:55%;}
	
		.product>.product-pt-sy{font-size:12px;display: flex;margin-top:10px;}
	.product-pt-sy li {
    margin: 0 1%;

}
	.product-im  img{width:100%;}
	.hy-top > .ht-top-ul-ts{display: none}
	.hy-top ul{padding:0 2%;}
/*
	.tables-ul-xx{
		height: 40px;
    width: 40px;
    text-align: right;
    float: right;
    background: url(../images/tables-ul-xx.png) no-repeat center;
	}
*/
	.hy-p-d-c-l-c-b{width:98%;margin: auto;}
	.hy-product-detail-content .hy-p-d-c-l-c .hy-p-d-c-l-c-t{width:100%;    margin: 0;}
	.hy-product-detail-content{width:100%;}
	li.slideba{width:10%;    margin: 2% 0;
    float: left;}
	.hy-p-d-c-r {
    width: 96%;
		margin: auto 2%;}
	.hy-p-c-r-nr{width:100%;}
	.small_img{display: flex;align-items: center;  }
	.hy-p-c-r-nr-top>span{font-size:18px;font-weight: bold;}
	.hy-product-detail-content .hy-p-d-c-l-c{width:100%;display: flex;flex-wrap: wrap-reverse;}
	.col_right-zi {
    width: 100%;
    float: left;
}
	.col_right {
    width: 100%;
    margin-top: 0;
}
	.col_right p {
		    float: left;
		padding-left: 0
	}
	.col_right-zi h3{
		    padding-top: 2%;
	}
	.col_right-zi h5{
		padding-left: 0
	}
	.col_lift-1{
		    width: 50%;
    height: auto;
	}
	.col_right-1 {
		width: 50%;}
	.col_lift img{
		width: 100%;
		padding-right: 5%
	}
	.faq-all-three-li{width: 100%;margin-right: 0;margin-bottom: 20px;}
	.faq-all-three {
		display: flex;
		flex-flow: wrap;
	}
	.video-all-position ul li {
    width: 100%;
    margin-right: 0!important;
}
	.custom-all-first-fourbox, .custom-all-two-threebox{
    display: flex;
    flex-flow: wrap;
}
	.custom-all-first-box {
    width: 49%;
    margin-right: 1%;
		margin-bottom: 1%; 
}
	.custom-demo-top-bottom {
    width: 100%;
    margin-right: 1%;
		margin-bottom: 1%;
}
	.about-formeng-left{width: 100%;margin-bottom: 2%;}
	.about-formeng-right {
    width: 100%;
}
	.about-formeng-al,.about-lx-foin{flex-flow: wrap;} 
	.about-formeng-al:nth-child(2) {
    flex-flow: wrap;
    background: #f6f6f6;
}
	.about-lx-left {
    width: 100%;
    color: #fff;
}
	.about-lx-right{width: 100%;}
	.you-like-img {
    width: 49%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
	.you-like-img:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 20px;
}
	.hy-p-d-c-l-c .bx-viewport {
    height: auto!important;
}
	.hy-product-detail-content .hy-p-d-c-l-c{display: inherit}
	.hy-p-d-c-l-c-b .bx-controls-direction{display: none!important}
	.index-tj-div{flex-flow: wrap}
	.index-tj-div.index-tj-div-r {
    flex-flow: column;
}
	.navbar>li{right: 0!important;}
}

@media screen and (max-width: 700px){
	#Email{    box-sizing: border-box;}
	.caver-lefr{width:100%;}
	.caver-right{width:100%;}
	.caver-lefr p{margin-bottom:20px;}
	.fabric{width:96%;}
	.only-bottom{width:100%;}
	.wrapper{height: 340px;}
	
	.top-wei .top-ts-key{width:40px;height: 40px;background: url(../images/top-bt-gt.png)no-repeat 5px 5px;position: absolute;right: 0;display: block}
	.top-wei .top-ts-key-ts{background: url(../images/top-bt-gt.png)no-repeat 5px -28px;}
	.top-right {
    position: absolute;
    z-index: 999999;
    right: 0;
    top: 40px;
    background: #000000;
}
	.top-right{display: none}
	.pro-left{width:100%;}
	
	
}
@media screen and (max-width: 600px){
	.history-all{
		flex-wrap: wrap-reverse;
	}
	.history-all-right {
    width: 100%;
    text-align: left;
    padding-left: 0;
}
	.history-all-a-right .history-all-right{
		text-align: left
	}
	.history-all-left{
		width: 100%
	}
	.history-all-center{
		display: none
	}
	.history-all-right{
		width: 100%
	}
	.ab-bottom-all .bot-left>p{
		font-size:14px;
	}
	.bot-right {
		width: 100%;
		margin: 2% 0
	}
	.col_lift-1 {
		width: 100%;}
	.col_right-1 {
    width: 100%;
}
	.a-top-img {
    margin: 20px auto;
}
	.a-main-top p, .a-main-bottom p {
    font-size: 12px;
}
	.ab-bottom-all .bot-left>p {
    font-size: 12px;
    margin-bottom: 5%;
}
	.ab-bottom-all .bot-left>p {
    font-size: 12px;
    margin-bottom: 5%;
}
	.abouta-main h4 {
    font-size: 14px;
}
	.content-all>h2{
		font-size:14px;
	}
	.a-main-p {
    width: 28%;
	}
	.abouta-top {
		margin-top: 0;
		    margin-bottom: 5%;
	}
	.fabric-top-img img{height: auto;}
	.fabric-top-wb p{width:100%;}
/*	.slotholder .defaultimg{display:none}*/
	.slotholder .mob_banner{display:block;}
	
/*
	.revslider-initialised{height:600px!important;}
	#revolution-slider{height:560px!important;}
*/
	.faq-top a h2{font-size: 12px;margin-top:10px;}
		.faq-top ul li a img {
    width: 24px;
}
		.faq-top li a{padding:10px;}
	.only-one{width:20%;}
	.fabric--bottom-left{width:100%;}
	.fabric-bottom-wb p{margin:0}
	.fabric-bottom-wb{margin-bottom:15px}
	.fabric-bottom-wb h3{height: auto}
	.fabric--top-left{width:100%;}
	.fabric-top-img{width:100%;height:auto;}

	.fabric-top-wb p{margin:0;margin-bottom: 15px;}
	.fabric-top-wb{line-height: 1.7}
	.bg_colors{width:100%;height:46%;}
	.content .main{left: 0;width:100%;top:0;height: 54%;}
	.wrapper{height: 100%;}
	.s_img img{box-sizing: border-box;width:100%;padding:2% 10%;}
	.bgs_box .wp{top:0;}
	.item_txt img {
    width: 100%;
    padding:0%;
    box-sizing: border-box;
		
	}
	.content-all>h4 {
    font-family: 'PlayfairDisplay';
    margin-bottom: 26px;
    font-size: 24px;
    color: #0a0a0a;
    text-align: center;
    width: auto;
    margin: 20px auto;
    line-height: 1.2;
}
	.content{display: flex;    
		flex-wrap: wrap;
	position: relative
	}
	.bgs_1{position: relative}
	.img_area{position: relative}
	.item_txt_css3{position: relative}
	.item_txt_box{position: relative}
	.s_arr{bottom:1%;}
	.revslider-initialised ul li p{font-size: 36px!important;
    top: 40%!important;}
	.revslider-initialised ul li h2{padding:3% 1.5%}
	.Navi .Navi-top>h1>a>img{height: 40px;}
	.login-dl{width:80%;margin:2% 10%;}
	.caver-lefr h2{font-size:18px;}
	.caver-lefr p{font-size:12px;}
	form.det-fronm button{width:100%;}
	.proct-zj button{padding:3%;}
	form.det-fronm input::-webkit-input-placeholder {font-size:12px}
	form.det-fronm input{width:100%;}
	form.det-fronm textarea::-webkit-input-placeholder {font-size:12px;}
	
.producb-top-center {
    width: 48%;
    border: 0;
    padding: 0;
	height: auto
}
	.producb-top-left {
    margin-right: 2%;
    width: 50%;
    height: 100%;
}
	.producb-top-left img {
    width: 100%;
    height: auto;
}
	.producb-top-right {
    width: 100%;
}
	.producb-top-right>a {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}
	.producb-top {
    padding: 1%;
    display: flex;
    flex-flow: wrap;
    height: auto;
}
}
@media screen and (max-width: 550px){
	.discover-poro-top>p{
		    margin-bottom: 2%;
	}
.discover-poro-top>a {
    margin-bottom: 8%;
    padding: 3% 2%;
    margin-top: 6%;
}
	.discover-poro-all-text-one h2 {
    margin-top: 20%;
}
	.index-new-all{
		width: 100%;
		margin-right: 0;
		
	}
	.index-new-all:nth-child(2n) {
		margin-left: 0;}
	.Porostar-gift-all-left {
    width: 100%;
    height: auto;
}
	.Porostar-gift-all-left-img{
		height: auto
	}
	.Porostar-gift-all-left img {
    width: 100%;
		height: auto;}
	.Porostar-gift-all-left-img:after{
		display: none
	}
.Porostar-gift-all-left-img> span {
    clear: both;
    display: block;
    color: #ffffff00;
    position: absolute;
    z-index: 99999;
    bottom: 0px;
    left: 50%;
    transform: translate(-50%);
    background: #00000000;
    padding: 3% 15%;
    opacity: 1;
    transition: 0.5s;
}
	.Porostar-gift-all-left-img:hover span {
    background: #000000;
    color: #ffffff;
    transition: 0.5s;
    bottom: 60px;
}
	.Porostar-gift-all-right-img> span{
		width: 80%;
    text-align: center;
		padding: 5% 10%;
	}
	.porostar-push {
		max-width: 100%;}
	.discover-poro-all-text-one h2{
		font-size:16px;
	}
	.discover-poro-all-text-one>p{
		font-size:14px;
	}
	.discover-poro-all-text{
		display: flex
	}
	.discover-poro-all-text-one h2{
		margin-top: 0
	}
	.discover-poro-top>p{width: 100%}
}
@media screen and (max-width: 500px){
	.customize_min_dt .bx-controls{bottom: -52%;}
	ul.fiter-folo li {
    cursor: pointer;
    line-height: 20px;
    width: 100%;
}
	.product-all-right-cp li{
		width: 100%;
		margin-right: 0!important;
	}
		.i-news-all-b li {
		width: 100%;
		margin-right: 0%!important;
}
	.discover-poro-all-text-one h2 {
    margin-top: 0%;
}
	.about-one h2{width: 100%;margin: auto;font-size: 20px;}
	.about-formeng-left h2 {
    font-size: 18px;
    font-weight: 100;
    text-transform: uppercase;
		padding-top: 20px;
}
	.about-formeng-left p{
		padding-top: 10px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.producb-top-center h2 {
		font-size: 14px;}
	.custo{width:100%;}
	.custo h3{width: 96%;
    margin:2% auto;}
	.revslider-initialised ul li p {
    font-size: 30px!important;
    top: 24%!important;
}
	.trend{margin:10% auto;}
	.wrapper{margin-top:100px;}
	.trend .bx-wrapper .bx-controls-direction a{margin-top:-20px;}
	.conter-center-img {
    width: 96%;
    height: 400px;
    overflow: hidden;
}
	.conter-center-img img {
    width: auto;
    height: 100%;
    margin-right: 50%;
    transform: translate(-50%);
}
	.conter-center-img a {
    position: absolute;
    height: 50px;
    border: 1.5px solid #878787;
    left: 50%;
    line-height: 50px;
    border-radius: 30px;
    padding: 0 5%;
    transform: translate(-50%);
    top: 48%;
    background: #fff;
    color: #878787;
    width: 80%;
    text-align: center;
} 
	.discover-poro-top>a{
		width: 80%
	}
	.discover-poro{
		overflow: hidden;
		margin-top: 80px;
	}
	.custom-all-first-box {
    width: 100%;
    margin-right: 0!important;
    margin-bottom: 2%;
}
	#pro_feed_show .form-control{
		width: 100%;
	}
		.you-like-img {
    width: 100%;
    margin-right: 0%;
}
	.hy-p-c-r-nr-top h1{font-size: 20px;}
	.customize{
		height: 180px!important;
	}
	.customize_min_dt .bx-viewport{
		height: auto!important
	}
	.custonize-text {
    margin: 25px 0;
	}
	.custonize-text p {
    color: #fff;
    font-family: PlayfairDisplay;
    line-height: 1.5;
    margin: 13px 0;
    font-size: 14px;
    margin-bottom: 0px;
    padding-left: 0;
} 
	.custonize-text a {
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-family: PlayfairDisplay;
    transition: 0.5s;
    border: 1px solid #fff;
    width: 100px;
    height: 35px;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    margin-left: 0px;
    margin-top: 10px;
}
	.customize_min_dt .bx-wrapper .bx-prev{
		left: 30%;
	}
	.customize_min_dt .bx-wrapper .bx-controls-direction a{
		right: 30%;
	}
	.customize_min_dt .bx-wrapper .bx-pager {
    bottom: 70px;
}
	.customize_min_dt .bx-wrapper .bx-controls-direction a{
		margin-top: -90px;
	}
	.customize_min_dt{
		margin-bottom: 0
	}
	.customize_min_dt .bx-wrapper{
		margin-bottom: 0
	}
	.customize{
		margin-top: 0
	}
	.discover-poro-top>p{
		font-size: 14px;
		line-height: 1.5;
	}
	.discover-poro-top>h2, .para h2, .porostar-gift-inall>h2, .index-new>h2{
		font-size: 18px;
	}
	.i-news-all-bt-tiitle h2 {
    font-size: 24px;
    font-family: PlayfairDisplay;
    margin-bottom: 30px;
	}
	.itunes h3{font-size: 18px;display: none}
	.itunes p{margin: 0;}
	.Navi-bottom ul li {
    padding: 10px 10px;
    text-align: left;
}
	.navi-fw{display: none}
	.itunes_box{height: 200px;}
	.index-tj-left-l ul li{
		flex-flow: wrap;
		border-bottom: 1px solid #d9d9d9;
		margin-bottom: 10px;
	}
	.index-tj-left-l audio{margin-left: -20px}
	.index-tj-left-l{padding: 20px 15px;}
	.index-tj-left-l ul li>p{width: 100%!important;text-align: left!important;}
	.center-pic-box-p{flex-flow: wrap}
	.box-l,.center-pic-box-r{width: 100%;}
	.center-pic-box-r>img {
    width: 80%!important;
} 
	.center-pic-box-r{flex-flow: column!important;} 
	.play-pause{width: 100%;margin-top: 25px;}
	.songs li audio{width: 100%;}
	.center-pic-box-l h3{font-size: 24px;margin-bottom: 25px;margin-top: 25px;}
	.center-pic-box-l p{line-height: 24px;font-size: 16px;}
	.index-tj .bx-wrapper{max-width: 100%!important;}
	.new-arrival{max-width: 94%;}
	.new-arrival>h2 {font-size: 24px;margin-bottom: 20px;}
	.conter-top-right{margin: 3px;}
	.tt-faqs-form{width: 96%;}
}
@media screen and (max-width: 450px){
	.producb-top-left{
		width:100%;
	}
	.producb-top-center{
		width:100%
	}
	.producb-top-right{
		margin-top:2%
	}
	.producb-top-right>a{
		margin-bottom: 2%
	}
	.subl{
		z-index: 999
	}
	.subr{
		z-index: 999
	}
	a.Porostar-gift-all-right-img{
		width: 100%;
		height: auto;
	}
	.Porostar-gift-all-right{
		height: auto
	}
	a.Porostar-gift-all-right-img:nth-child(2n) {
    margin-right: 0;
    margin-left: 0%;
}
	.porostar-push{
		display: flex;
    justify-content: end;
    flex-wrap: wrap;
	}
	.porostar-push li{
		    width: 100%;
		margin-bottom: 8%
	}
	.e-shop-center-top ul li{
		width: 100%;
		margin: 2% 0
	}
	.Porostar-gift-li a{
		margin: 2% 0
	}
	.custonize-text {
		text-align: center;}
	.para h2{
		text-align: center
	}
	.customize-neirong-button a {
    width: 90%;
    margin: auto 5%;
    text-align: center;
    padding: 0% 0;
    height: auto;
}
	.para h2:after{
		margin: 20px auto;
	}
	.index-tj-div h1{
		font-size:24px;
		text-align: center
	}
	.index-tj-left hr {
    margin-bottom: 4%;
    margin: auto;
}
	.index-tj-left h2 {
    font-size: 16px;
		text-align: center;}
	.index-tj-left p {
    font-size: 12px;
		text-align: center;}
	.index-tj-left a {
    margin-top: 2%;
    width: 80%;
		margin: 0 10%;
	margin-bottom: 4%
	}
	.top-search input[type="text"]{width: 120px;background: #ffffff40}
	#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{
		  align-items: self-end;
	}
	#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
       right: -25px;
    top: auto;
    bottom: 0;
    height: auto;
    display: block;
    padding-top: 40px;
    margin-bottom: -27px;
} 
	#qlwapp.qlwapp-middle-left {
    top: auto;
    bottom: 8%;
}
	#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{right: 35px;position: relative}
	.Navi-top form input::placeholder{color: #fff;}
	.top-search input[type="text"] {
    border-bottom: 1px solid #eeeeee;
}
}
@media screen and (max-width: 425px){
	#qlwapp.qlwapp-middle-left {
    top: auto;
    bottom: 4%;
}
	.wpcf7-form-left{width:100%;}
	.wpcf7-form-right{width:100%}
	.wpcf7-form-p{display: none}
	.book-app .your-name{padding-left:0;}
	.wt-sc{display: block!important;}
	.wt-sc .wpcf7-form-p{display: block}
	.book-app p.wpcf7-form-p{margin-left:0;width:100%;}
	input.wpcf7-form-sein{width:100%;}
	input.wpcf7-form-reset{width:100%}
	.proct-n {
    width: 96%;
    margin: 2% auto;
}
	.aac>a{width:90%}
	.form.det-fronm input{width:100%;}
	form.det-fronm button{width:100%;}
	.Navi-bottom ul li a{width:85%;}
	.faq-dt>h3{font-size:12px;}
			.faq-top li{padding:0 5px;}
			.faq-top>ul{padding:15px 0}
			.faq-top>h1{font-size:24px;}
	form.top-search {
    display: inline-block;
    position: absolute;
    right: 55px;
    top: 4px;
}
	.top-search input[type="text"]{width: 120px;}
	#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{
		  align-items: self-end;
	}
	#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
    right: -25px;
    top: auto;
    bottom: 0;
    height: auto;
    display: block;
    padding-top: 40px;
    margin-bottom: -27px;
} 
	#qlwapp.qlwapp-middle-left {
    top: auto;
    bottom: 8%;
}
	#qlwapp.qlwapp-rounded.qlwapp-bubble .qlwapp-toggle{right: 35px;}
	form.top-search {
    display: flex;
    position: absolute;
    right: -150px;
    top: 5px;
}
	.top-search input[type="text"] {
    width: 70px;
		display: block
}
}
@media screen and (max-width: 375px){
	.revslider-initialised ul li p{font-size:24px!important;}
	
}
@media screen and (max-width: 350px){
	form.top-search {
    display: inline-block;
    position: absolute;
    right: 70px;
    top: 130px;
}
	
}
@media screen and (max-width: 320px){

	#qlwapp.qlwapp-bubble .qlwapp-toggle .qlwapp-text{
		  align-items: self-end;
	}
	#qlwapp.qlwapp-middle-left.qlwapp-bubble .qlwapp-toggle .qlwapp-text {
    right: -25px;
    top: auto;
    bottom: 0;
    height: auto;
    display: block;
    padding-top: 40px;
    margin-bottom: -27px;
}
	#qlwapp.qlwapp-middle-left{
		bottom: 8%;
	}
	form.top-search {
    display: inline-block;
    position: absolute;
    right: -103px;
    top: 110px;
}
	.top-search input[type="text"] {
    width: 290px;
}


	
}

@media screen and (max-width: 1440px){
	.customize-one .para {
    width: 90%;
    color: #fff;
    padding: 20px 0 20px 130px;
}
	.customize-one .custonize-text p{
		font-size: 18px;
	}
	.customize-one .para h2{font-size: 36px;}
}
	
@media screen and (max-width: 1024px){
	.para h2:after{
		height: 2px;
	}
	.customize-one .para h2 {
    font-size: 28px;
}
	.customize-one .custonize-text p {
    font-size: 14px;
}
	.customize-one .custonize-text a{
		width: 20%;
		line-height: 40px;
		height: 40px;
		font-size: 14px;
	} 
	.twh-details-bottom-tab {
    max-width: 96%;
    display: flex;
    margin-top: 4%;
}
	
}
@media screen and (max-width: 800px){
	.customize-one .para{text-align: center;}
	.customize-one .customize-neirong{background: none;display: none}
	.index-tj{
		margin: 40px auto
	}
}	


@media screen and (max-width: 768px){
	.top-search input[type="text"]{width: 120px;}
	.product-all-right>ul>li{width: 47%!important;}
	.conter-left h3 {
    margin-bottom: -4%;
		font-size: 24px;}
}
@media screen and (max-width: 500px){
	.index-tj-div h1 {
    font-size: 30px;
    text-align: center;
}
	.index-tj-left-text{
		font-size: 18px;
	}
	.discover-poro-top>h2, .para h2, .porostar-gift-inall>h2, .index-new>h2 {
    font-size: 24px;
}
	.discover-poro-top>p {
    font-size: 18px;
    line-height: 1.5;
}
	.discover-poro-all-text-one h2 {
    font-size: 24px;
}
	.discover-poro-all-text-one>p {
    font-size: 16px;
}
	.i-news-all-bt-tiitle h2 {
    font-size: 30px;
    font-family: PlayfairDisplay;
    margin-bottom: 30px;
}
	.i-new-all-text>span{font-size: 18px;}
	.caver-lefr h2 {
    font-size: 24px;
		margin-bottom: 20px
}
	.caver-lefr p {
    font-size: 16px;
}
	.index-tj-left hr{margin-bottom: 30px}
	.index-tj-left-text{margin-bottom: 50px}
	.discover-poro-top h4 {
    font-size: 16px;
    margin-bottom: 5%;
}
	.discover-poro-top>a {
    margin-bottom: 15%;
    padding: 3% 2%;
    margin-top: 5%;
}
	.discover-poro-min{
		margin-bottom: 60px
	}
	.i-news-all-b li{
		margin-bottom: 10%;
	}
	.custo h3 {
    width: 96%;
    margin: 2% auto;
    margin-bottom: 10%;
}
	.custo ul { 
    margin: 7% 0;
}
	.custo ul li a{
		margin: 10px 0;
	}
	.Navi-bottom ul li a {
    font-size: 14px;
		color: #000;
}
	.custom-all-first-title p, .custom-all-two-title p, .custom-all-three-title p {
    font-size: 16px;
    line-height: 20px; 
}
	.custom-all-first-title h2, .custom-all-two-title h2, .custom-all-three-title h2{
		font-size: 28px;
	}
	.custom-all-first-box{
		margin-bottom: 10%;
	}
	.custom-all-first-box-text>h3{font-size: 18px}
	.custom-all-first-box-text>p{font-size: 16px}
	.custom-demo-top-bottom{margin-bottom: 5%;} 
	.Navi-top{position: relative;}
	.Navi .Navi-top>h1>a>img{filter: initial;width: auto;} 
	form.top-search{right: 10px}
	.top-search input[type="text"] {
    width: 90px;
		padding: 4px;
}
	.product-all-right>ul>li{width: 100%!important;margin-right: 0!important;}
	.product-gqbq{flex-flow: wrap}
	.product-gqbq h2{margin-bottom: 20px;}
	.top-search input{display: none}
	
}

@media screen and (max-width: 425px){
	.top-search input[type="text"]{
		top: -2px;
		padding: 2px;
		font-size: 16px;
		display: none
	}
	.center-pic-box-l h2 {font-size: 24px;}
}
@media screen and (max-width: 768px) {
    .twh-details-bottom-tab {
        max-width: 96%;
        display: flex;
        margin-top: 8%!important;
    }
	
	.center-pic-box-l h2 {margin-bottom: 10px;}
}