@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: 2.6%;
	} 
	.menus{
		height: 60px;
	}
	.menus .Logo{ 
		width: 25%; 
		left: 0;
		margin-left: 0;
		transition: all .5s ease;
	}
	.menus.fixedbg .Logo{
		width: 20%;
		transition: all .5s ease;
	}
	footer{
		display: none;
	} 
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}    
	.menus .WebLink{
		display: none;
	}
	.gygj-now-lm{
		display: none;
	}
	.head-welcome{
		display: none;
	}
	.indexProduct{
		padding: 38px 0;
	}
	.gygj-now-bt img{
		width: 30%;
	}
	.sy-pro-sub{
		margin-top: 15px;
		padding: 0 ;
		font-size: 12px;
		line-height: 22px;
	}
	.pro-bd .col-xs-6{
		padding-left: 10px;
		padding-right: 10px;
	}
	.pro-bd ul li p{
		font-size: 12px;
		margin-top: 8px;
	}
	.pro-bd ul li{
		margin-bottom: 12px;
	}
	.pro-bd ul li:nth-child(5),
	.pro-bd ul li:nth-child(6),
	.pro-bd ul li:nth-child(7),
	.pro-bd ul li:nth-child(8){
		display: none;
	}
	.pro-hd ul{
		display: block;
	}
	.pro-hd ul li img{
		display: none;
	}
	.pro-hd ul li{
		width: 24%;
		margin-left: 0.8%;
		float: left;
	}
	.pro-hd ul li .mb-span{
		display: block;
		width: 100%;
		text-align: center;
		line-height: 30px;
		font-size: 12px;
		border: 1px solid #5f1e12;
		margin-bottom: 5px;
		font-family: "思源黑体 CN";
	}
	.pro-hd ul li.on .mb-span{
		background: #5f1e12;
		color: #fff;
	}
	.indexCases{
		padding: 28px 0 15px 0;
	}
	.gygj-cases-warp .col-xs-6{
		padding-left: 10px;
		padding-right: 10px;
	}
	.gygj-cases-warp .item-list p{
		font-size: 12px;
		margin-top: 8px;
	}
	.gygj-cases-warp .item-list{
		margin-bottom: 14px;
	}
	.indexAbout{
		padding: 38px 0;
	}
	.sy-abt-left-img{
		width: 100%;	
		margin-top: 0;
	}
	.sy-abt-right-info .enwz{
		display: none;
	}
	.sy-abt-right-info{
		width: 100%;
	}
	.sy-abt-right-info .cnwz{
	    writing-mode: rl-tb;
		margin-left: 0;
		font-size: 12px;
		line-height: 22px;
		min-height: auto;
	}
	.sy-abt-right-info .khzs{
		position: relative;
		bottom: 0;
	}
	.abt-cxwb{
		height: auto;
	    writing-mode: rl-tb;
		background: none;
	}
	.indexAdvantage{
		padding: 38px 0 0 0;
	}
	.indexAdvantage ul li{
		width: 100%;
	    writing-mode: rl-tb;
		margin-right: 0 !important;
		margin-left: 0 !important;
		background: none;
		padding-right: 0;
		margin-top: 0 !important;
		margin-bottom: 25px;
	}
	.indexAdvantage ul li .tit{
		font-size: 16px;
	}
	.indexAdvantage ul li .sub{
		font-size: 12px;
	}
	.indexNews{
		padding: 38px 0;
	}
	.gygj-sy-left-news{
		width: 100%;
		margin-bottom: 20px;
	}
	.gygj-sy-right-news li .time-box .day{
		font-size: 28px;
	}
	.gygj-sy-right-news li .time-box .year{
		font-size: 12px;
	}
	.gygj-sy-right-news li .time-box{
		width: 20%;
	}
	.gygj-sy-right-news li .SubInfo{
		width: 76%;
	}
	.gygj-sy-right-news li .SubInfo .sub{
		font-size: 12px;
		margin-top: 6px;
	}
	.gygj-ny-tit .Ten::after,
	.gygj-ny-tit .Ten::before{
		 background: #ff0000 none;
		width: 80px; 
		height: 2px;
		display: none;
	}
	.about .container{
		background-size: contain;
		padding-bottom: 200px;
	}
	.gygj-sy-left-news .SubInfo .tit{
		font-size: 14px;
	}
	.gygj-qyll{
		margin-top: 35px;
	}
	.gygj-qyll .item-list{
		width: 50%;
	}
	.gygj-qyll .item-list:nth-child(5) .is-big_img,
	.gygj-qyll .item-list:nth-child(6) .is-big_img{
		display: none;
	}
	.gygj-qyll .item-list .is-big_img_mb{
		display: block;
	}
	.gygj-sy-left-news .SubInfo .time{
		font-size: 12px;
	}
	.gygj-sy-left-news .SubInfo .sub{
		margin-top: 8px;
	}
	.gygj-sy-right-news{
		width: 100%;
	}
	.gygj-OuterChain{
		display: none;
	}
	.FriendshipLinks{
		display: none;
	}
	.about{
		padding: 38px 0 0 0;
	}
	.gygj-ny-tit .Tcn{
		font-size: 18px;
	}
	.gygj-ny-tit .Ten{
		font-size: 14px;
	}
	.about-cont{
		padding: 28px 0 0 0;
	}
	.about-stone{
		margin-left: 0;
	}
	.about-cont .cont{
		margin-left: 0;
		margin-top: 28px;
		width: 100%;
	}
	.about-cont .cont .sub{
		width: 100%;
		margin-left: 0;
		font-size: 12px;
		line-height: 25px;
	}
	.product,
	.case,
	.service,
	.news,
	.message,
	.contact{
		padding: 35px 0;
	}
	.contact ul li{
		width: 100%;
		margin: 0;
		margin-bottom: 22px;
	}
	.contact ul li:nth-child(2),
	.contact ul li:nth-child(3){
		width: 50%;
		float: left;
	}
	.contact ul li img{
		width: 80px;
	}
	.contact ul li .tit1{
		font-size: 16px;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.maps{
		background-size: 100% 100%;
		margin-top: 32px;
		height: 250px;
	}
	.message .row{
		margin-top: 28px;
	}
	.message input[type=text]{
		height: 44px;
		font-size: 12px;
	}
	.message .row > div{
		margin-bottom: 15px;
	}
	.message textarea{
		height: 200px;
		min-height: 200px;
		max-height: 200px;
		font-size: 12px;
		padding-top: 10px;
	}
	.news ul{
		margin-top: 30px;
	}
	.news ul li{
		padding: 3%;
	}
	.news ul li .Pic{
		width: 100%;
	}
	.news ul li .SubInfo{
		width: 100%;
		margin-left: 0;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .SubInfo .tit{
		font-size: 14px;
	}
	.news ul li .SubInfo .sub{
		font-size: 12px;
		min-height: 44px;
		line-height: 22px;
		-webkit-line-clamp: 2;
		margin-top: 14px;
	}
	.news ul li .SubInfo .more{
		margin-top: 16px;
	}
	.news ul li:hover .SubInfo .tit{
		background: none;
		padding-left: 0;
	}
	.mt68,
	.mt50{
		margin-top: 28px;
	}
	.service ul{
		margin-top: 30px;
	}
	.service .bt{
		font-size: 14px;
		margin-bottom: 10px;
	}
	.service ul li{
		margin-bottom: 22px;
	}
	.service ul li:last-child .sub{
		width: 100%;
	}
	.service .container{
		background-size: contain;
	}
	.service .sub{
		font-size: 12px;
		line-height: 25px;
	}
	.newsDe .titleBOx{
		padding: 20px 0 15px 0;
	}
	.newsDe .cont{
		margin-top: 28px;
		font-size: 14px;
		line-height: 28px;
		padding-top: 0;
	}
	.fanye .sxp{
		width: 100%;
	}
	.fanye .sxp a{
		font-size: 12px;
	}
	.fanye .return{
		width: 35%;
		float: left;
	}
	.newsDe .titleBOx h3{
		font-size: 14px;
	}
	.newsDe .Share{
		display: none;
	}
	.newsDe .titleBOx .date{
		font-size: 10px;
		padding-top: 6px;
	}
}