@media ( min-width:414px) and ( max-width:767px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	} 
}

@media ( min-width:333px) and ( max-width:550px) {
	.menus .Htel{
	 	display: none;
	}
}

@media ( min-width:551px) and ( max-width:650px) {}



@media ( min-width:600px) and ( max-width:767px) {}

@media ( max-width:600px) {
	 
}

@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.2%;
	} 
	.head{ 
		border-bottom: 1px solid #fff;
		position: relative;
		background: #fff;
	}
	.head-menu i{
		color: #b39b77;
	}
	.head.fixedbg{
		border-bottom: 1px solid #b39b77;
	}
	.head .container{
		padding: 8px 0;
	}
	.head-menu{
		margin-top: 0;
		margin-left: 20px;
	}
	.head-tianmao{
		margin-top: 6px;
	}
	.head .Logo{ 
		width: 40%;
	}
	.head-logo1{
		display: none !important;
	}
	.head-logo2{
		display: block !important;
	}
	.head-logo2.hidden{
		display: block !important;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.sanwanchang-all-menu.open .pic{
		display: none;
	}
	.sanwanchang-all-menu .left-box{
		left: 0;
	}
	.sanwanchang-all-menu .left-box{
		width: 100%;
		float: none;
		height: 95vh;
		overflow: auto;
	}
	.sanwanchang-all-menu .all-menu .list{
		border-bottom: 1px solid rgba(255,255,255,0.2);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.sanwanchang-all-menu .all-menu{
		float: none;
		margin-left: 0;
		margin-top: 28px;
	}
	.sanwanchang-all-menu .all-menu .list .num{
		font-size: 32px;
		line-height: 35px;
	}
	.sanwanchang-all-menu .all-menu .list .l1{
		margin-top: 8px;
	}
	.sanwanchang-all-menu .all-menu .list .l2 a{
		font-size: 14px;
		line-height: 28px;
	}
	.sanwanchang-all-menu .all-menu .list .l2{
		margin-left: 60px;
		margin-top: 8px;
	}
	.sanwanchang-all-menu .all-menu .list .l1 a{
		font-size: 20px;
	}
	.sanwanchang-all-menu .left-box .cd-tit{
		float: none;
		margin-top: 10px;
		font-size: 40px;
		line-height: 40px;
	}
	footer{
		display: block;
	}
	.foot-copy{
		display: block;
		line-height: 40px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}   
	/*index*/
	.indexAbout{
		padding: 0px 0;
		
	} 
	.indexAbout .sub{
		WRITING-MODE: rl-tb;
		margin-right: 0;
		float: none;
		margin-top: 25px;
		font-size: 14px;
		line-height: 26px;
		width: 70%;
	}
	.indexAbout .sub br{
		display: none;
	}
	.indexAbout .tit-img{
		float: right;
		margin-right: 0;
		margin-top: 25px;
	}
	.indexAbout .tit-img img{
		height: 120px;
	}
	.syProLeft{
		width: 100%;
		padding: 28px 0;
		background:#53596c;
		display:none;
	}
	.syProLeft .tit-img{
		float: left;
		margin-left: 4%;
	}
	.syProLeft .sub{
		margin-right: 4%;
		font-size: 14px;
		line-height: 28px;
	}
	.syProRight{
		width: 100%;
		float: none;
	}
	.syPro{
		padding: 22px 0 35px;
	}
	#syProPag{
		text-align: center;
	}
	.syPro .tit{
		margin-top: 28px;
		font-size: 22px;
	}
	.syPro .num{
		font-size: 18px;
		margin-top: 18px;
	}
	.syProLeft .tit-img img{
		height: 100px;
	}
	.sy-news-box1{
		width: 100%;
		padding: 28px 0;
	}	
	.sy-swc-tit{
		font-size: 22px;
		line-height: 26px;
	}
	.sy-swc-sub{
		font-size: 14px;
		margin-top: 8px;
	}
	.sy-news-box1 .box{
		margin-top: 22px;
	}
	.sy-news-tit{
		height:  42px;
		font-size: 16px;
		line-height: 40px;
	}
	.sy-news-tit i{
		font-size: 16px;
		margin-right: 16px;
	}
	.sy-news-sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
	}
	.sy-news-time{
		font-size: 12px;
		margin-top: 6px;
	}
	.sy-news-box1 .list{
		margin-bottom: 20px;
	}
	.allNews{
		margin-top: 30px;
		font-size: 14px;
		height: 40px;
		line-height: 40px;
	}
	.sy-news-box2,
	.sy-news-box3{
		display: none;
	}
	.indexOther{
		padding: 18px 0;
	}
	.sy-other .info{
		top: 25px;
	}
	.sy-other .txt2{
		font-size: 22px;
		margin-top: 8px;
	}
	.sy-other{
		width: 100%;
		float: none !important;
	}
	.pmch{
		margin-bottom: 18px
	}
	
	/*about*/
	.about-tit{
		position: relative;
		right: 0;
		top: 0;
		display: block;
		width: 100%;
		padding: 18px 0;
	}
	.about-tit p{
		font-size: 22px;
		line-height: 28px;
	}
	.about-tit img{
		margin-top: 18px;
	}
	#NyHbPag{
		bottom: 10px;
	} 
	.about-left{
		width: 100%;
		float: none;
	}
	.about-cont .tit-box{
		width: 100%;
	}
	.about-cont .tit-box.tit1{
		margin-top: 25px;
	}
	.about .cont-box{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.about .cont-box .cont1{
		width: 100%;
		float: none;
	}
	.about-left .info{
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.about-cont{
		width: 96%;
		float: none;
		margin-left: 0;
		margin: 0 auto;
	}
	.about .cont-box .cont2{
		width: 100%; 
		float: none;
		margin-top: 15px;
	}
	.swiper-slide swiper-slide-active img{width: 150%;}
	.about{
		padding: 0 0 28px;
	}
	.qywh-cont{
		padding: 0 0;
	}
	.qywh-cont .about-top-tit{
		font-size: 28px;
		line-height: 28px;
		margin-bottom: 22px;
	}
	.qywh-cont .list{
		padding: 18px; 
	}
	.qywh-cont .list .ico{
		display: block;
		float: none;
		margin: 0 auto;
		width: 60px;
		height: 60px;
		line-height: 58px;
	}
	.qywh-cont .list .info .txt1{
		margin: 18px 0 8px;
		font-size: 20px;
	}
	.qywh-cont .list .ico i{
		font-size: 30px;
	}
	.qywh-cont .list .info{
		width: 100%;
		margin-left: 0;
		text-align: center;
	}
	.qywh-cont .about-top-tit{
		text-align: center;
		text-indent: 0;
	} 
	.culture{
		height: auto;
		padding: 28px 0;
	    background-attachment: inherit;
	}
	.qywh-cont{
		max-width: 100%;
		min-width: 100%;
		width: 100%;
	}
	.history{
		padding: 28px 0;
	}
	.about-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.about-top-sub{
		font-size: 16px;
		margin-top: 8px;
	}
	.history-show{
		margin-top: 28px;
		padding-bottom: 0;
	}
	.history-list .year{
		font-size: 30px;
		line-height: 32px;
	}
	.history-list .dot{
		display: none;
	}
	.history-show::after{
		display: none;
	}
	#historySwiper{
		padding-bottom: 40px;
	}
	#historyN, #historyP{
		display: none;
	}
	#historyPag .swiper-pagination-bullet{
		background: #fff;
		opacity: 1;
	}
	#historyPag .swiper-pagination-bullet-active{
		background: #000 !important;
	}
	.history-list .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 0px;
		margin-top: 20px;
	}
	.honor{
		padding: 28px 0;
		height: auto !important;
		min-height: auto;
	}
	#honorSwiper{
		position: relative;
		bottom: 0;
		width: 100%;
		margin-top: 25px;
		padding-bottom: 40px;
	}
	#honorSwiper .swiper-slide{
		width: 100% !important; 
	}
	.honor-list{
		padding: 4%;
	}
	.honor-list .info .txt{
		font-size: 14px;
		bottom: 0;
		position: relative;
		width: 100%;
		line-height: 26px;
		margin-top: 8px;
	}
	.honor-list .info{
		width: 100%;
		float: none;
	}
	.honor-list .pic{
		width: 100%;
		float: none;
	}
	.honor-list .info .tit{
		font-size: 16px;
		margin-top: 6px;
	}
	.honor-list .pic{
		float: none;
		margin-top: 15px;
	}
	.honor .top-tit{
		font-size: 22px;
		line-height: 28px;
	}
	.honor .top-sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	#honorN, #honorP{
		display: none;
	}
	.advertisingVideo{
		padding: 28px 0;
	}
	.advertisingVideo .row{
		margin-top: 28px;
	}
	.abt-sp-list p{
		font-size: 16px;
		line-height: 36px;
	}
	.advertisingVideo .row .pdg{ 
		margin-bottom: 18px;
	}
	.prodebox{
		width: 95%;
		height: 35%;
		left: 2.5%;
		margin-left: 0;
		top: 35%;
	}
	.sp{height:200px;}
	.prodebox .prodeclose{
		right: 0;
		top: -30px;
		padding: 0;
	} 
	.prodebox .contNr video{
		height: 100%;
	}
	/*product*/
	.product-left{
		width: 100%;
		float: none;
		min-width: auto;
		max-width: 100%;
		min-height: auto;
		padding: 5%;
	} 
	.proSwiper{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.proSwiper .swiper-slide{
		width: 100% !important;
	}
	.proSwiper{
		position: relative;
	}
	.product-left .clsname{
		font-size: 28px;
		height: auto;
		line-height: 34px;
	}
	.product-left .list{
		margin-top: 20px;
		height: auto;
		display: none;
	}
	.proP, .proN{
		bottom: 15px;
	}
	.proN{
		right: 20px !important;
	}
	.proP{
		right: 70px !important;
	}
	/*store*/
	.store{
		padding: 28px 0;
	}
	.store-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.store-search{
		width: 100%;
		margin: 22px auto 0;
	}
	.store-search input[type=text]{
		height: 40px;
		text-indent: 16px;
		font-size: 14px;
	}
	.store-search input[type=button]{
		height: 40px;
	}
	.store .row{
		margin-top: 28px;
	}
	.store-list .info{
		padding: 4%;
	}
	.store-list .info .txt1{
		font-size: 22px;
		line-height: 28px;
	}
	.store-list .info .txt2{
		font-size: 14px;
	}
	.store-list .info .txt2{
		margin-top: 18px;
	}
	.store-list .info .yjdh{
		font-size: 16px;
		width: 99px;
		margin-top: 20px;
	}
	.store-list{
		margin-bottom: 25px;
	}
	.Page{
		padding-top: 20px;
	}
	/*news*/
	.latestAnnouncement{
		height: auto;
	}
	.zxggBox{
		padding: 28px;
		width: 100%;
	}
	.zxggBox .tit-cn{
		font-size: 24px;
		line-height: 28px;
	}
	.zxggBox .tit-en{
		font-size: 14px;
		margin-top: 8px;
	}
	.zxggSwiper{
		margin-top: 28px;
	}
	.zxggSwiper .tit{
		font-size: 16px;
	}
	.zxggSwiper .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	.zxggSwiper .sub{
		height: 78px;
	    -webkit-line-clamp: 3;
	}
	.news{
		padding: 28px 0;
	}
	.news .tit-cn{
		font-size: 24px;
		line-height: 28px;
	}
	.news .tit-en{
		font-size: 14px;
		margin-top: 8px;
	}
	.news .row{
		margin-top: 28px;
	}
	.news-list .info{
		padding: 4%;
	}
	.news-list .info .tit{
		font-size: 16px;
	}
	.news-list .info .time{
		font-size: 14px;
		margin-top: 30px;
	}
	.news-list .info .ico{
		bottom: 9px;
	}
	.news .row .pdg{
		margin-bottom: 25px;
	}
	.newsDeTop{
		height: 50px;
	}
	.newsDeTop .lm a{
		line-height: 50px;
		font-size: 14px;
		margin-right: 14px;
	}
	.newsDeTop .return{
		line-height: 46px;
		font-size: 14px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .title{
		font-size: 20px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 14px;
		margin-top: 16px;
	}
	.newsDe .cont{
		font-size: 14px;
		line-height: 26px;
		margin-top: 26px;
	}
	.teaParty{
		padding: 28px 0;
	}
	.teaPartySwiper2Warp{
		margin-top: 28px
	}
	.teaPartySwiper2 .swiper-slide{
		width: 82% !important;
	}
	.teaPartySwiper2{
		padding-bottom: 40px;
	}
	.teaPartySwiper .swiper-slide{
		font-size: 18px;
		padding-top: 18px;
	}
	.teaPartySwiper .swiper-slide .clsname::after{
		top: -18px;
	}
	.teaPartySwiper .swiper-slide .clsname sup{
		font-size: 14px;
		margin-left: 10px;
	}
	.teaPartySwiperWarp{
		margin-top: 30px;
	}
	.teaCulture{
		padding: 28px 0;
	}
	.teaCulture-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.teaCulture .class{
		margin-top: 22px;
	}
	.teaCulture .class a{
		font-size: 14px;
		line-height: 34px;
		padding: 0 16px;
		margin: 0 4px;
	}
	.topCulture{
		margin-top: 28px;
	}
	.topCulture .pic{
		width: 100%;
	}
	.topCulture .info{
		width: 100%;
		padding: 4%;
	}
	.topCulture .info .tit::after{
		display: none;
	}
	.topCulture .info .tit span{
		font-size: 18px;
	}
	.topCulture .info .time{
		font-size: 14px;
		margin: 10px 0;
	}
	.topCulture .info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		-webkit-line-clamp: 3;
	}
	.topCulture .info .more{
		margin-top: 22px;
	}
	.teaCulture .row{
		margin-top: 20px;
	}
	.teaCulture .row .pdg{
		margin-bottom: 20px;
	}
	.teaCulture-list{
		padding: 4%;
	}
	.teaCulture-list .tit::after{
		display: none;
	}
	.teaCulture .row{
		margin-left: 0;
		margin-right: 0;
	}
	.teaCulture .row .pdg{
		padding: 0;
	}
	.advertisingVideo .row{
		margin-left: 0;
		margin-right: 0;
	}
	.advertisingVideo .row .pdg{
		padding: 0;
	}
	.teaCulture-list .tit{
		font-size: 18px;
	}
	.teaCulture-list .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 6px;
		height: auto;
	}
	.contact{
		padding: 28px 0;
	}
	.contact .container{
		padding: 4%;
	}
	.contact .info{
		width: 100%;
		float: none;
	}
	.contact .info .gs-name{
		margin-top: 0;
		font-size: 20px;
		line-height: 28px;
	}
	.contact .info .nr p{
		line-height: 45px;
		font-size: 14px;
	}
	.contact .info .nr{
		margin-top: 16px;
	}
	.contact .maps{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.message{
		padding: 28px 0;
	}
	.message .container{
		padding: 4%;
	}
	.message .info{
		width: 100%;
		float: none;
	}
	.message .info .tit-cn{
		font-size: 24px;
		line-height: 28px;
	}
	.message .info .tit-en{
		font-size: 14px;
		margin-top: 8px;
	}
	.message .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.message .info .pic{
		margin-top: 24px;
	}
	.msgForm{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.msgForm .tj{
		line-height: 42px;
		font-size: 16px;
		margin-top: 20px;
	}
	.product-left .clsname br{
		display: none;
	}
	
	.syAbtVideoPlay {
		position: relative;
		bottom: 0;
		right: 3%;
		cursor: pointer;
		margin-top: -15%;
		float: right;
		
	}
	.pro-advantage{
		height: auto;
		padding: 28px 0;
	}
	.pro-advantage .row{
		margin-top: 25px;
	}
	.cpys-lb{
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 18px;
		background: rgba(255,255,255,0.8);
	}
	.cpys-lb .tit{
		height: auto;
	}
	.keyFigures{
		padding: 28px 0;
	}
	.keyFigures .Pic{
		width: 100%;
		float: none;
	}
	.keyFigures .Pic::after{
		height: 12px;
		bottom: -12px;
	}
	.keyFigures .Cont{
		width: 100%;
		float: none;
	}
	.keyFigures .Cont .titBox{
		float: none;
		overflow: hidden;
		margin: 0;
		display: none;
	}
	.keyFigures .Cont .info{
		width: 100%;
		margin-top: 25px;
		float: none;
		margin-left: 0;
	}
	.keyFigures .Cont .info .name{
		font-size: 24px;
		line-height: 28px;
	}
	.keyFigures .Cont .info .zhiwei{
		font-size: 18px;
		line-height: 25px;
		margin: 15px 0;
	}
	.keyFigures .Cont .info .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.keyFigures .container{
		background: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
}