@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.1%;
	} 
	.head{
		padding: 10px 0;
		position: relative;
		background: #fff;
		border-bottom: 1px solid #fff;
	}
	.head .container{
		padding: 0;
	} 
	.head-logo1{
		display: none !important;
	}
	.head-logo2{
		display: block!important;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 30%;
		height: auto;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	} 
	.head-right{
		display: none;
	}
	.head::after{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	.sy-abt-cont{
		width: 100%;
		padding: 28px 0;
	}
	.indexAbout{
		background-size: 100% 100%;
		background: url(../images/sy-abt-logo-back.png) no-repeat right bottom;
	}
	
	/*index*/
	.indexVideoInfo{
		display: none;
	}
	.banner_mouse{
		display: none;
	}
	.indexVideoback{
		display: none;
	}
	.sy-abt-back{
		position: relative;
		width:100%;
	}
	.bt-sy-tit{
		font-size: 22px;
		line-height: 28px;
	}
	.bt-sy-sub{
		font-size: 14px;
		margin-top: 10px;
	}
	.abt-num-info{
		margin-top: 22px;
		padding-top: 22px;
		overflow: hidden;
	}
	.abt-num-info{
		display: block;
	}
	.abt-num-info .list .txt1 span{
		font-size: 30px;
		line-height: 30px;
	}
	.abt-num-info .list{
		width: 50%;
		float: left;
		margin-bottom: 20px;
	}
	.abt-num-info .list .txt1 sup{
		font-size: 14px;
		margin-right: 0;
		top: -18px;
	}
	.indexAbout .cont{
		padding-right: 0;
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.bt-more1{
		font-size: 14px;
		width: 130px;
		height: 40px;
		line-height: 36px;
	}
	.indexAbout .bt-more1{
		margin-top: 28px;
	}
	.indexEquipment{
		padding: 28px 0;
	}
	#sySbSwiper{
		margin-top: 28px;
		padding-bottom: 30px;
	}
	.sy-sb-list .tit{
		font-size: 14px;
		line-height: 30px;
	}
	.indexEquipment .bt-more1{
		margin: 28px auto 0;
	}
	#syProSwiper{
		position: relative;
		width: 100%;
		bottom: 0;
		margin-top: 25px;
	}
	#syProSwiper .swiper-slide{
		width: 100%;
	}
	.sy-pro-list .pic{
		width: 100%;
	}
	.sy-pro-list .cont{
		width: 100%;
	}
	.indexProduct{
		padding: 28px 0;
	}
	#syProN, #syProP{
		display: none;
	}
	.sy-pro-list .cont .tit{
		font-size: 18px;
		margin-top: 20px;
	}
	.sy-pro-list .cont .sub{
		font-size:26px;
		line-height:40px;
		height: auto;
		margin-top: 12px;
	}
	#syProPag{
		font-size: 16px;
		bottom: 70px;
	}
	.sy-pro-list .bt-more1{
		margin: 80px auto 0;
	}
	#syProPag .swiper-pagination-current{
		font-size: 24px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.indexNews .hd ul li:nth-child(3),
	.indexNews .hd ul li:nth-child(4){
		display: none;
	}
	.indexNews .hd ul li{
		width: 48% !important; 
	}
	.indexNews .hd ul li .info{
		margin-top: 0 !important;
		padding: 15px 0 0 0 !important;
		margin-top:  0 !important;
	}
	.indexNews .hd ul li.on .info{
		position: relative;
	}
	.indexNews .hd ul li .info .tit{
		font-size: 16px;
	}
	.indexNews .hd ul li.on .info .tit{
		color: #333333;
	}
	.indexNews .hd ul li.on .info .sub{
		color: #555;
		-webkit-line-clamp: 2;
	}
	.indexNews .more{
		margin-top: 20px;
	}
	.indexNews .hd ul li.on .pic::after{
		display: none;
	}
	.indexNews .hd ul li .info .sub{
		color: #555;
		-webkit-line-clamp: 2;
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px !important;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation .now-wz{
		float: left;
		line-height: 40px;
		font-size: 12px;
	}
	.about{
		padding: 28px 0;
	}
	.sub-about-left{
		width: 100%;
		margin-top: 0;
	}
	.sub-about-left .abt-num-info .list::after{
		right: 0;
		height: 55px;
	}
	.abt-tit-cn{
		font-size: 22px;
		line-height: 28px;
		
	}
	.abt-tit-en{
		margin-top: 10px;
	}
	.sub-about-left .cont{
		font-size: 14px;
		line-height: 25px;
		margin-top: 25px;
	}
	.sub-about-right{
		width: 100%;
		height: 210px;
		margin-top: 20px;
	}
	.sub-about-left .abt-num-info .list:nth-child(2)::after{
		display: none;
	}
	.sub-about-left .abt-num-info{
		padding: 4%;
		margin-top: 20px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.qywhTit{
		position: relative;
		top: 0;
	}
	.culture{
		padding: 28px 0;
	}
	.qywh-box .list{
		width: 100%;
		height: auto;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		border-right: none;
		padding: 0 0 18px;
		margin-bottom: 18px;
	}
	.qywh-box .list .line{
		display: none;
	}
	.qywh-box .list .ico img{
		width: 60px;
	}
	.qywh-box .list .tit{
		font-size: 18px;
		margin: 18px 0;
	}
	.qywh-box .list .sub{
		font-size: 14px;
	}
	.qywh-box{
		margin-top: 25px;
	}
	.technology{
		padding: 28px 0;
	}
	.abt-tit-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 20px;
	}
	#Szs .swiper-slide{
		width: 70%;
	}
	#zsN, #zsP{
		display: none;
	}
	.equipment{
		padding: 28px 0;
	}
	.tdfc-warp{
		margin-top: 25px;
	}
	#tdfc{
		width: 100%;
		padding-bottom: 35px;
	}
	.tdfc-warp .tit{
		line-height: 32px;
		font-size: 14px;
	}
	.honor-warp{
		margin-top: 25px;
	}
	#Szs{
		width: 100%;
	}
	#tdN, #tdP{
		display: none;
	}
	.product{
		padding: 28px 0;
	}
	.product .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product .row .pdg{
		padding: 0;
		margin-bottom: 20px;
	}
	.pro-list{
		padding-top: 15px;
	}
	.pro-list .tit{
		font-size: 18px;
	}
	.pro-list .sub{
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		-webkit-line-clamp: 2;
		margin: 15px 0;
	}
	.pro-list .pic{
		margin-top: 15px;
	}
	.productDe{
		padding: 28px 0;
	}
	.sub-de-left{
		display: none;
	}
	.sub-de-right{
		width: 100%;
	}
	.proDe-one .title{
		font-size: 18px;
		line-height: 28px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}
	.prode-tit{
		font-size: 16px;
	}
	.proDe-one .box .pic{
		width: 100%;
	}
	.proDe-one .box .cont{
		width: 100%;
		margin-top: 20px;
		font-size: 14px;
		line-height: 26px;
	}
	.prode-tab{
		margin-top: 25px;
		padding-top: 25px;
	}
	.prode-tab .cont table tr th{
		font-size: 12px;
		height: 32px;
	}
	.prode-tab .cont table tr td{
		font-size: 12px;
		height: 32px;
	}
	.application{
		padding: 28px 0;
	}
	.application .row{
		margin-left: 0;
		margin-right: 0;
	}
	.application .pdg{
		padding: 0;
		margin-bottom: 20px;
	}
	.application-list .info .ico{
		width: 60px;
		height: 60px;
		margin-left: -30px;
		top: -30px;
		line-height: 60px;
	}
	.application-list .info{
		padding: 12% 4% 4% 4%;
	}
	.application-list .info .tit{
		font-size: 18px;
		line-height: 28px;
	}
	.application-list .info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		-webkit-line-clamp: 2;
		margin-top: 15px;
	}
	.application-list .info .more{
		margin-top: 18px;
	}
	.application-list .info .ico img{
		width: 30px;
	}
	.newsDe{
		padding: 28px 0;
	}
	.newsDe .topTit .sxy{
		display: none;
	}
	.newsDe .topTit{
		padding: 0 0 18px 0;
	}
	.newsDe .topTit .Th2{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .topTit .key{
		font-size: 12px;
		margin-top: 15px;
	}
	.newsDe .content{
		font-size: 14px;
		margin-top: 25px;
	}
	.resources-one{
		padding: 28px 0;
	}
	.resources-one .abt-tit-sub{
		font-size: 14px;
		line-height: 28px;
		margin-top: 15px;
	}
	.resources-one .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.resources-one .row .pdg{
		padding: 0;
		margin-bottom: 20px;
	}
	.rcg-list{
		padding: 6%;
	}
	.resources-two{
		height: auto;
		padding: 28px 0;
	}
	.resources-two .box{
		padding: 6% 4%;
		position: relative;
		top: 0;
		width: 100%;
	}
	.resources-two .box .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
	}
	.resources-three{
		padding: 28px 0;
	}
	.resources-three .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.resources-three .row .pdg{
		padding: 0;
	}
	.xcfl-list{
		padding: 4%;
		margin-bottom: 20px;
		font-size: 14px;
		line-height: 25px;
	}
	.xcfl-list p {
		background: url(../images/pde-dot.png) no-repeat left top 6px; 
	}
	.xcfl-list .cont{
		height: auto;
	}
	.rcg-list .sub{
		font-size: 14px;
		height: auto;margin-top: 15px;
	}
	.human{
		padding: 28px 0;
	}
	.zp-search{
		width: 100%;
		margin: 25px auto 0;
	}
	.human-box .item{
		padding: 5%;
	}
	.human-box h3 .info{
		width: 100%;
		border-right: none;
	}
	.human-box h3 .info .txt span{
		margin-right: 22px;
		line-height: 25px;
	}
	.human-box h3 .info .txt span::after{
		display: none;
	}
	.human-box .tjl{
		float: none;
	}
	.human-box h3 .info .tit{
		font-size: 16px;
	}
	.human-box h3 .info .txt{
		font-size: 14px;
		margin-top: 8px;
	}
	.human-box h3 .info .open{
		margin-top: 8px;
	}
	.human-box .tjl {
		display: none;
	}
	.recruitment{
		padding: 28px 0;
	}
	.human-box{
		margin-top: 0;
	}
	.download{
		padding: 28px 0;
	}
	.download .row{
		margin-left: 0;
		margin-right: 0;
	}
	.download .pdg{
		padding: 0;
		margin-bottom: 20px;
	}
	.download-list{
		background-size: 30px auto ;
		padding-left: 50px;
		padding-bottom: 20px;
	}
	.download-list .info{
		width: 100%;
	}
	.download-list .ico{
		display: none;
	}
	.download-list .info .txt1{
		font-size: 18px;
	}
	.download-list .info .txt2{
		font-size: 14px;
		margin-top: 8px;
	}
	.news{
		padding: 28px 0;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .cont{
		width: 100%;
		padding: 0;
	}
	.news ul li .pic{
		width: 100%;
		float: none;
	}
	.news ul li{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.news ul li .info{
		width: 100%;
		padding-left: 0;
		border-left: none;
	}
	.news ul li:hover .cont::after, .news ul li.on .cont::after{
		display: none;
	}
	.defy .return{
		position: relative;
		top: 0;
		margin: 15px auto 0;
	}
	.contact{
		padding: 28px 0;
	}
	.sub-contact-left{
		width: 100%;
		background: #0068b7;
		padding: 4%;
		height: auto !important;
	}
	.sub-contact-left .yinhao{
		display: none;
	}
	.sub-contact-left .tit{
		font-size: 18px;
	}
	.sub-contact-left .info{
		font-size: 14px;
		line-height: 26px;
	}
	.sub-contact-left .info br{
		display: none;
	}
	.sub-contact-left .info span{
		display: none;
	}
	.sub-contact-left .info p.dz {
		background: url(../images/c-dz.png) no-repeat left top 1px;
	}
	.maps{
		width: 100%;
	}
	.message{
		padding: 28px 0;
	}
	.message .row{
		margin-top: 25px;
	}
	.abt-tit-en{
		font-size: 14px;
		margin-top: 6px;
	}
	.message .row input[type=button]{
		width: 60%;
		height: 42px;
		font-size: 14px;
		margin: 25px auto 0;
	}
	.message .row .pdg .bq{
		font-size: 14px;
	}
	.message .row input[type=text]{
		font-size: 14px;
	}
	.web-float{
		display: none;
	}
	
	/*超弦新材料*/
	.cxxcl-gsjj{
		padding: 28px 0;
	}
	.cxxcl-top-tit{
		font-size: 22px;
		line-height: 28px;
	}
	.cxxcl-gsjj .nr{
		margin-top: 25px;
	}
	.cxxcl-gsjj .nr .pic{
		width: 100%;
		float: none;
	}
	.cxxcl-gsjj .nr .info{
		width: 100%;
		float: none;
		margin-top: 18px;
		font-size: 14px;
		line-height: 26px;
	}
	.cxxcl-jsyf{
		padding: 28px 0;
	}
	.cxxcl-jsyf .row{
		margin-top: 25px;
	}
	.cjs-list p{
		font-size: 14px;
		margin-top: 8px;
	}
	.cxxcl-jsyf .row .pdg{
		margin-bottom: 0;
	}
	.cjs-list{
		margin-bottom: 18px;
	}
	.cxxcl-sbzs{
		padding: 28px 0;
	}
	.cxxcl-sbzs .row{
		margin-top: 25px;
	}
	.cxxcl-cpzs{
		padding: 25px 0;
	}
	.cxxcl-cpzs .row{
		margin-top: 25px;
	}
	.ccp-list .pic{
		width: 100%;
		float: none;
	}
	.ccp-list .info{
		width: 100%;
		float: none;
		height: auto;
		font-size: 14px;
		margin-top: 18px;
	}
	.cxxcl-cpzs .row .pdg{
		margin-bottom: 20px;
		border-bottom: 1px solid #dcdcdc;
		padding-bottom: 20px;
	}
	
	/*20220728*/
	.indexProduct .hd{
		position: relative;
		margin-top: 28px;
	}
	.indexProduct .titBox{
		padding-bottom: 23px;
	}
	.indexProduct .hd ul{
		overflow: hidden;
	}
	.indexProduct .hd ul li{
		width: 48%;
		float: left;
		margin-bottom: 5px;
		font-size: 14px;
		line-height: 32px;
	}
	.sy-pro-list .tit1{
		font-size: 14px; 
		line-height: 48px;
	}
	.indexProduct .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	.indexProduct .bd{
		position: relative;
		bottom: 0;
		width: 94%;
		margin: 28px auto 0;
	}
	.syProSwiper{
		padding-bottom: 55px;
	}
	.syProSwiper .swiper-slide{
		width: 100% !important;
	} 
	.sy-pro-list .tit2{
		height: 58px;
		line-height: 62px;
		font-size: 16px;
		background-size: 100% 100%;
	}
	.syProN{
		right: 33% !important;
	}
	.syProP{
		left: 33% !important;
	}
	.syYyTit{
		position: relative;
		top: 0;
	}
	.syYyBottom{
		position: relative;
		margin-left: 0;
		left: 0;
		bottom: 0;
		width: 94%;
		margin: 0 auto;
	}
	.syYy-gallery-thumbs{
		display: none;
	} 
	.syYy-gallery-top .swiper-slide::after{
		display: none;
	} 
	.indexApplication{ 
		padding: 38px 0 0 0;
	}
	.syYy-gallery-top{
		position: relative !important;
		margin-top: 25px;
	}
	.indexApplication .container{
		width: 100%;
	}
	.syYy-gallery-top .info{
		position: relative;
		top: 0;
		left: 0;
		background: #0068b7;
		padding: 5%;
		width: 100%;
		max-width: 100%;
	}
	.syYy-gallery-top .info .tit{
		font-size: 20px;
		line-height: 28px;
	}
	.syYyTit .bt-sy-tit, .syYyTit .bt-sy-sub{
		color: #333;
	}
	.syYyBottom .jtBox{
		display: none;
	}
	.syYy-gallery-top .swiper-slide{
		background: none !important;
	}
	.syYy-gallery-top .info .sub{
		font-size: 14px;
		margin-top: 18px;
		height: 50px;
		-webkit-line-clamp: 2;
	}
	.syYy-gallery-top .info .more{
		font-size: 14px;
		margin-top: 18px;
	}
	.product-class{
		width: 100%;
		float: none;
	}
	.product .row{
		width: 100%;
		float: none;
	}
	.pro-list .pic{
		margin-top: 0;
	}
	.pro-list{
		padding-top: 0;
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
	}
	.proDe-one .proPic{
		width: 100%;
	}
	.proPicSwiper{
		width: 82% !important;
	}
	.prode-down a{
		width: 100%;
		float: none !important;
		line-height: 40px;
		height: 40px;
		font-size: 14px;
	}
	.prode-case .tit{
		font-size: 14px;
		margin-top: 10px;
	}
	.appPro{
		padding: 38px 0;
	}
	.appProSwiper{
		margin-top: 25px;
		padding-bottom: 40px;
	}
	.appDown{
		padding: 38px 0;
	}
	.appDown .prode-down{
		margin-top: 25px;
	}
	.join table{
		margin-top: 0;
	}
	.join{
		padding: 38px 0;
	}
	.join .about-top-sub{
		font-size: 14px;
		margin-top: 18px;
		line-height: 26px;
	}
	.joinDe{
		padding: 3%;
	}
	.joinDe .title{
		font-size: 20px;
		line-height: 26px;
		margin: 15px 0;
	}
	.joinDe .addr{
		padding-bottom: 15px;
	}
	.joinDe .content{
		font-size: 14px;
		line-height: 26px;
	}
	.joinDe .ljyp{
		line-height: 42px;
		width: 90%;
		margin: 22px auto 0;
		font-size: 16px;
	}
	.join table tr th:nth-child(2),
	.join table tr th:nth-child(3){
		display: none;
	}
	.join table tr td:nth-child(2),
	.join table tr td:nth-child(3){
		display: none;
	}
	.join table tr th:last-child{
		text-align: center;
	}
	.join table tr td:last-child{
		text-align: center;
	}
	.join table tr th{
		padding: 0 8px;
		font-size: 16px;
		height: 45px;
	}
	.join table tr td{
		padding: 0 8px;
		height: 38px;
		font-size: 14px;
	}
	.join{
		padding: 0 0 38px;
	}
	.contact .hd{
		width: 100%;
		float: none;
	}
	.contact .bd{
		position: relative;
		width: 100%;
		height: 30vh;
	}
	.contact .hd ul li .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.contact .hd ul li{
		padding: 12px 18px;
	}
	.contact .hd ul li .dz{
		font-size: 12px;
		margin: 6px 0 0 0;
	}
	.contact .hd ul li.on{
		height: auto;
	}
	.contact .hd ul li .qt{
		font-size: 12px;
	}
	.contact .hd ul li.on .dz{
		background: url(../images/c-dz.png) no-repeat left top 3px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
	.syProPag{
		display: none !important;
	}
	.Nydevelop_bd ul li span{
		width: 30%;
	}
	.Nydevelop_bd ul li > div{
		width: 65%;
	}
}