﻿@media ( min-width:376px) and ( max-width:413px) {
	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;
	}
	.pro-de-SubInfo{
		padding: 15px;
	}
	.pro-de-SubInfo .left-info{
		width: 100%;
	}
	.pro-de-SubInfo .left-info .cont{
		height: auto;
		font-size: 12px;
		padding-right: 0;
	} 
	.pro-de-SubInfo{
		min-height: auto;
	}
	.pro-de-SubInfo .right-info{
		width: 100%;
		margin-right: 0;
		font-size: 12px;
		line-height: 25px;
		margin-top: 15px;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.1%;
	} 
	.menus .Logo{ 
		width: 45%;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}    
	.menus .land_Htel{
		display: none;
	}
	.menus .WebLink{
		display: none;
	}
	.web-float{
		display: none;
	}
	footer{
		display: none;
	}
	.lby-index-float{
		padding-top: 0;
	}
	.sy2-back1{
		width: 100%;
	}
	.lby-index1-left-y{
		width: 30%;
	}
	.lby-index1-right-y{
		width: 30%;
		top: 38px;
	}
	.lby-index1-back{
		 display: none;
	}
	.lby-index-float-warp{
		position: relative;
		 background: url(../images/indexx-1-back.png) no-repeat top center;
	}
	.index1-weare{
		left: 0;
		width: 100%;
	}
	.product-list .col-xs-6{
		padding-left: 4px;
		padding-right: 4px;
	}
	.product-list{
		padding: 30px 0;
	}
	.product-list .row{
		margin-top: 20px;
	}
	.item-pro p{
		font-size: 12px;
		margin-top: 12px;
	}
	.case{
		padding: 30px 0;
	}	
	.lby-case-bt{
		font-size: 18px;
		text-align: center;
	}
	.case .row{
		margin-top: 28px;
	}
	.lby-ppsj{
		padding: 32px 0;
	}
	.ppsj-cont{
		margin-left: 0;
		width: 100%;
	}
	.lby-ppsj-r-back{
		display: none;
	}
	.ppsj-cont .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.lby-ppsj .container{
		padding: 12px;
	}
	.ppsj-cont h3{
		font-size: 18px;
		margin-bottom: 14px;
		line-height: 30px;
	}
	.design{
		width: 60%;
		left: 10%;
	}
	.is-ppsj-img-bt{
		display: none;
	}
	.case .col-xs-6{
		padding-left: 4px;
		padding-right: 4px;
	}
	.case .item-list .SubInfo{
		padding-top: 18px;
	}
	.case .item-list .SubInfo .tit{
		font-size: 14px;
	}
	.case .item-list .SubInfo .sub{
		margin-top: 8px;
		line-height: 20px;
		min-height: 40px;
		font-size: 12px;
	}
	.lby-dzlc{
		padding: 30px 0;
		text-align:center;
	}
	.lby-dzlc-left{
		width: 100%;
		margin-left: 0;
	}
	.lby-dzlc-left .dzlc-h2::after{
		display: none;
	}
	.lby-dzlc-left .dzlc-h2{
		font-size: 18px;
		line-height: 30px;
	}
	.dzlc-lc{
		margin-top: 35px;
	}
	.dzlc-lc .lc-list{
		margin-right: 0;
		margin: 0 2%;
		width: 46%;
		padding-bottom: 18px;
		border-bottom: 1px solid #000;
		margin-bottom: 25px;
	}
	.dzlc-lc .lc-list img{
		height: 188px;
	}
	.top-search{
		margin-top: 5px;
	}
	.menus{
		padding: 18px 0;position: fixed;
    top: 0; background:#FFFFFF;
	}
	.menus.fixedbg{
		padding: 12px 0;
	}
	.product-class{
		padding: 32px 0;
	}
	.sy2-sub{
		position: absolute;
		left: 20px;
		bottom: 20px;
		width: 90%;
		margin: 0 auto;
	}
	.lby-index3{
		padding: 35px 0;
		border-bottom: 1px solid #b2b2b2;
		padding-bottom: 20px;
		margin-bottom: 24px;
	}
	.sy3-box .sy3-list-warp:nth-child(1) .sy3-list-a{
		width: 100%;
	}
	.lby-index1{
		display: none;
	}
	.sy3-list{
		width: 100%;
	}
	.sy3-list .SubInfo{
		width: 100%;
		padding: 0 5%;
		margin-left: 0;
		padding-top: 30px;
	}
	.sy2-xt{
		display: none;
	}
	.sy3-list .abs-sub{
		top: 5%;
		width: 150px;
	}
	.sy3-list .SubInfo .tit{
		font-size: 14px;
	}
	.sy3-list .SubInfo .sub{
		font-size: 12px;
		min-height: 72px;
		line-height: 24px;
		margin-top: 4px;
	}
	.sy4-left-bt{
		width: 100%;
		padding-left: 0;
		padding-top: 0;
		background: none;
	}
	.sy4-left-bt .bt-cn{
		font-size: 18px;
		text-align: center;
		line-height: 25px;
	}
	.sy4-right-cont{
		width: 100%;
		font-size: 12px;
		line-height: 25px;
		margin-top: 15px;
	}
	.sy4-box{
		margin-top: 30px;
	}
	.sy4-list .bt{
		padding-top: 10px;
	}
	.lby-index5 .rel-img{
		width: 100%;
	}
	.lby-index5 .left-info{
		position: relative;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 0;
		height: auto;
		padding: 5%;
	}
	.lby-index5 .left-info a{
		font-size: 14px;
		line-height: 30px;
	}
	.lby-index5 .sy5-bt{
		top: 0;
		left: 20%;
	}
	.lby-index5{
		padding: 80px 0 0 0;
		margin-top: 25px;
	}
	.lby-index7{
		display: none;
	}
	.lby-index6{
		display: none;
	}
	.indexMsg{
		padding: 32px 0;
	}
	#sy-msg{
		width: 100%;
		float: none;
		margin: 0 auto;
	}
	.sy4-bg{
		display: none;
	}
	.sy-msg-right-lx{
		width: 100%;
		padding: 3%;
		margin-top: 15px;
	}
	.sy-msg-right-lx p{
		font-size: 12px;
		margin-bottom: 15px;
	}
	.lby-ppdw{
		padding: 32px 0;
	}
	.is-ppdw-img-bt{
		display: none;
	}
	.ppdw-cont{
		width: 100%;
		margin-left: 0;
	}
	.ppdw-right-back{
		display: none;
	}
	.lby-ppdw .container{
		padding-top: 0;
	}
	.ppdw-cont .cont1 h3{
		font-size: 22px;
		margin-bottom: 0;
	}
	.ppdw-cont .cont1{
		margin-bottom: 30px;
	}
	.ppdw-cont .cont2 h6{
		font-size: 22px;
	}
	.ppdw-cont .sub{
		font-size: 14px;
	}
	.partner{
		padding: 25px 0;
	}
	.contact{
		padding: 30px 0;
	}
	.contact-h2{
		font-size: 18px;
	}
	.contact-info{
		width: 100%;
		padding-top: 15px;
	}
	.contact .left-info .l-bt{
		font-size: 14px;
		margin-bottom: 22px;
	}
	.contact .left-info p{
		font-size: 12px;
	}
	form#msg{
		width: 100%;
		float: none;
	}
	form#msg input[type=text]{
		height: 30px;
		font-size: 12px;
	}
	.msgbt{
		font-size: 14px;
	}
	.contact{
		background: none;
	}
	form#msg textarea{
		padding: 5%;
		font-size: 12px;
	}
	.contact .left-info{
		width: 100%;
		
	}
	.is-hzhb-img-bt{
		display: none;
	}
	.partner-warp{
		width: 100%;
		margin-left: 0;
	}
	.partner-warp h4{
		font-size: 18px;
		text-align: center;
	}
	.partner-Box{
		width: 100%;
		margin-top: 30px;
	}
	.partner-list li{
		width: 48%;
		margin-left: 1%;
		margin-right: 1%;
		margin-bottom: 15px;
		text-align: center;
	}
	.partner-list li img{
	  
		line-height: 110px;
	}
	.partner-arrow{
		display: none;
	}
	.partner-list#bottom{
		margin-left: 0;
	}
	.partner-warp h4::after{
		width: 50%;
		display: none;
	}
	#sy-msg input[type=text]{
		margin-bottom: 15px;
		height: 30px;
		font-size: 12px;
	}
	#sy-msg textarea{
		max-height: 50px;
	}
	#sy-msg input[type=button]{
		width: 150px;
		height: 30px;	
		font-size: 12px;
	}
	.sy4-list .szm{
		font-size: 24px;
		line-height: 30px;
	}
	.sy4-list .bt .en{
		font-size: 12px;
	}
	.sy4-list .bt .cn{
		font-size: 12px;
	}
	.sy4-left-bt .bt-en{
		font-size: 14px;
		line-height: 25px;
		text-align: center;
	}
	.sy3-list-a{
		overflow: hidden;
		padding: 0 5%;
	}
	.sy3-list-a a{
		width: 25%;
		margin-left: 0;
		margin-right: 0;
		font-size: 10px;
		background: none !important;
		padding-left: 0 !important;
		text-align: center;
	}
	.sy3-list-warp{
		margin-bottom: 35px;
	}
	.sy3-box .sy3-list-warp:nth-child(2) .sy3-list .abs-sub{
		right: 150%;
	}
	.sy3-box .sy3-list-warp:nth-child(2) .sy3-list-a a{
		 
		margin-left: 0;
		margin-right: 0;
	}
	.sy3-box .sy3-list-warp:nth-child(3) .sy3-list .abs-sub{
		left: 150%;
	}
	.sy3-box .sy3-list-warp:nth-child(3) .sy3-list-a a{
		width: 25%;
		margin-right: 0;
		margin-left: 0;
		text-align:center;
		padding-left: 0;
		background: none !important;
	}
	.sy3-box .sy3-list-warp:nth-child(1) .sy3-list .abs-sub{
		left: 150%;
	}
	.sy3-en1{
		font-size: 18px;
		line-height: 30px;
	}
	.sy3-en2{
		font-size: 14px;
	}
	.sy2-cn span{
		width: auto;
		margin: 0;
	}
	.sy2-cn{
		font-size: 18px; 
	
	}
	.sy2-en{
		font-size: 16px;
	}
	.lby-index1-bt{
		margin-top: 31%;
	}
	.sy1-bt-en{
		font-size: 16px;
	}.sy1-bt-cn{
		font-size: 14px;
	}
	.product-class .en-h4{
		font-size: 18px;
	}
	.item-pro-list{
		padding-top: 25px;
	}
	.product-class .cn-h4{
		font-size: 14px;
		margin-top: 8px;
	}
	.product-class .see{
		width: 90%;
		line-height: 35px;
		font-size: 14px;
		margin-top: 20px; 
	}
	.item-pro-list .right-img{
		width: 57%;
	}
	.product-class .gallery-top{
		background-size: auto 100%;
	}
	.item-pro-list .left-info{
		width: 40%;
	}
	.product-class .gallery-thumbs{
		padding: 0 25px;
	}
	.top-search{
		display: none;
	}
	.layui-prode{
		width: 90% !important;
		height: 85% !important;
	}
	.web-de-warp{
		padding: 15px;
	}
	
	.layui-casede{
		width: 90% !important;
		height: 60% !important;
	}
	.case-de-SubInfo{
		padding: 15px;
	}
	.case-de-SubInfo .right-info{
		width: 100%;
		font-size: 14px;
		line-height: 25px;
		margin-right: 0;
		border-left: none;
		padding-left: 0;
	}
	.case-de-SubInfo .left-info{
		width: 100%;
	}
	.case .item-list .SubInfo .sub{
		display: none;
	}
	.lby-case-bt::before{
		display: none;
	}
	.case-de-SubInfo .left-info h3{
		padding-top: 0;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.de-img-show .abs-logo{
		width: 100px;
	}
	.sy3-box .sy3-list-warp:nth-child(2) .sy3-list .SubInfo{
		margin-left: 0;
	}
	.sy3-box .sy3-list-warp:nth-child(3) .sy3-list .SubInfo{
		width: 100%;
	}
	.sy3-box .sy3-list-warp:nth-child(3) .sy3-en2{
		margin-top: 0;
	}
	.sy3-box .sy3-list-warp:nth-child(2) .sy3-list-a a{
		float: left;
	}
	.sy3-list-a{
		margin-top: 10px;
	}
	.lby-index2{
		padding: 0 0;
	}
	.sy2-back1{
		padding-top: 34%;
	}
	.lby-ppdw{
		background: none;
	}
	.ppdw-cont .cont1 h3{
		line-height: 35px;
	}
	.mobile-top{position: relative;overflow:hidden;display:block; 
	}
	.sy2-sub{
		top: 0;
	}
	.sy2-cn{
		line-height: 25px;
	}
	.sy2-en{
		font-size: 12px;
		line-height: 25px;
	}
	.index1-weare{
		top: 25px;
	}
	.sy5-bg1{
		display: none;
	}
	.sy5-bg2{
		display: none;
	}
	.fm-bt{
		line-height: 29px;
		font-size: 14px;
	}
	.fm-bt{
		width: 13%;
	}
	.contact-info{
		background-size: 100%;
	}
	.design{
		top: -3px;
	}
	.ppdw-cont .cont1 h3::after{
		display: none;
	}
	form#msg input[type=text]{
		width: 87%;
	}
	form#msg #biaod2 .fm-bt{
		width: 23%;
	}
	form#msg #biaod2 input[type=text]{
		width: 77%;
	}
	form#msg #biaod3 .fm-bt{
		width: 13%;
	}
	form#msg #biaod3 input[type=text]{
		width: 87%;
	}
	.lby-index3{
		background: none;
	}
	.case-de-SubInfo .left-info img{
		margin-top: 0;
		margin-bottom: 10px;
	}
}

@media ( min-width:375px) and ( max-width:599px) {}

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