﻿/*响应式效果*/
@media ( min-width:1640px ) and ( max-width:1880px ) {
	.sy-hyyy-arc span#arc1{
		top: 2%;
	}
	.history .round-tit{
		top: -180px;
	}
}  
@media ( min-width:1640px ) and ( max-width:1780px ) {
	.sy-hyyy-arc{
		padding-top: 36%;
	}
}
@media ( min-width:1500px ) and ( max-width:1704px ) {
	.container{
		max-width: 1440px;
	}
	.head-search{
		width: 91px;
		right: 192px;
	}
	.SyVideo .Info{
		top: 36%;
	}
	.sy-hyyy-arc{
		padding-top: 38%;
	}
	.hzhbSwiper .swiper-slide .list{
		width: 9.5%;
    	height: 55%;
	}
	.indexApplication .bd ul li{
		height: 746px;
	}
	.syProSwiper .swiper-wrapper{
		right: 12%;
	}
	.hzhbN{
		right: 44% !important;
	}
	.hzhbP{
		left: 44% !important;
	}
	.foot-top{
		padding: 120px 0 95px;
	}
	.foot-ewm {
		margin-right: 0 !important;
		margin-bottom: 15px;
	}
	.lxbox .li{
		height: 100px;
	}
}
@media ( min-width:1300px ) and ( max-width:1499px ) {
	.container{
		max-width: 1280px;
	}
	.WebLink{
		margin-left: 6px;
	}
	.WebLink li{
		margin-left: 42px;
	}
	.WebLink li > a{
		font-size: 16px;
	}
	.head-search{
		width: 80px;
		right: 171px;
	}
	.syProSwiper .swiper-wrapper{
		right: 15.2%;
	}
	.sy-pro-list{
		overflow: hidden;
	}
	.syProSwiper .swiper-slide.swiper-slide-next .sy-pro-list .pic img{
		transform: translate(-15%);
	}
	.syProP{
		right: 42% !important;
	}
	.syProN{
		right: 35% !important;
	}
	.indexApplication .bd ul li{
		height: 646px;
	}
	.indexNews ul li .info .sub{
		width: 44%;
	}
	.sy-hyyy-arc span#arc1{
		top: 3.2%;
	}
	.indexResearch{
		height: 711px;
	}
	.culture .bd{
		padding-top: 50px;
	}
	.history{
		padding: 150px 0 80px;
	}
	.history .round-tit{
		top: -142px;
	}
	.hzhbN{
		right: 43% !important;
	}
	.hzhbP{
		left: 43% !important;
	}
	.hzhbSwiper .swiper-slide{
		height: 280px;
	}
	.hzhbSwiper .swiper-slide .list{
		background-size: 100% 100%;
	}
	.hzhbSwiper{
		padding-bottom: 100px;
	}
	.process ul li .info .txt{
		width: 78%;
	}
	.process ul li .info{
		margin-top: 0;
	}
	.equipment .bd ul li .cls{
		width: 145px;
    	height: 145px;
		font-size: 24px;
		line-height: 30px;
		top: -54px;
	}
	.equipment .bd ul li .cls span{
		margin-top: 30%;
	}
	.equipment .bd ul li .cont{
		padding: 7% 40px 30px;
		font-size: 15px;
		line-height: 25px;
	}
	.pro-function .en{
		font-size: 60px;
		line-height: 60px; 
	}
	.product-top{
		padding: 35px 0;
	}
	.contact .bd ul li{
		height: 400px;
	}
	.message-warp{
		padding: 50px 0;
	}
	.SyVideo .Info{
		top: 34%;
	}
	.foot-top{
		padding: 120px 0 85px;
	}
	.foot-lm{
		float: none;
	} 
	.foot-ewm {
		margin-right: 10%;
	}
	.lxbox .li{
		height: 100px;
	}
}

@media ( min-width:1100px ) and ( max-width:1299px ) {
	.foot-top{
		padding: 120px 0 75px;
	}
	.foot-lm{
		float: none;
	}
	.foot-lm .item{
		margin-left: 74px;
	}
	.foot-ewm {
		margin-right: 12%;
	}
	.container{
		max-width: 1080px;
	}
	.WebLink{
		margin-left: 10px;
	}
	.WebLink li {
		margin-left: 30px;
	}
	.WebLink li > a{
		font-size: 15px;
	}
	.stt-all-menu .link a{
		margin-top: 15px;
		font-size: 36px;
		line-height: 45px;
	}
	.stt-all-menu .back{
		max-width: 720px;
	}
	.head-search{
		width: 66px;
		right: 145px;
	}
	.indexApplication .hd li:nth-child(1){
		left: 14%;
	}
	.indexApplication .hd li:nth-child(2){
		left: 40%;
	}
	.indexApplication .hd li:nth-child(3) {
		left: 60%;
	}
	.indexApplication .hd li:nth-child(4) {
		left: 80%;
	}
	.indexApplication .bd ul li{
		height: 646px;
	}
	.sy-hyyy-arc{
		padding-top: 48%;
	}
	.indexApplication .text-bd{
		top: 46%;
	}
	.indexApplication .stt-title .sy-lm-sub{
		font-size: 38px;
		line-height: 48px;
	}
	.syProSwiper .swiper-slide{
		width: 75%;
	}
	.SyVideo .Info{
		top: 36%;
	}
	.syProSwiper .swiper-slide.swiper-slide-next .sy-pro-list .pic img{
		transform: translate(-20%);
	}
	.syProN{
		right: 26% !important;
	}
	.SyVideo .Info h1{
		font-size: 75px;
		line-height: 80px;
	}
	.indexResearch{
		height: 615px;
	}
	.indexNews .stt-title .sy-lm-sub{
		font-size: 38px;
		line-height: 48px;
	}
	.stt-title::after{
		font-size: 100px;
		line-height: 100px;
	}
	.indexNews ul li .info{
		right: 0;
		width: 64%;
	}
	.indexNews ul li .info .sub{
		width: 42%;
	}
	.culture .bd{
		padding-top: 50px;
	}
	.culture .bd ul li .tit span{
		font-size: 85px;
		line-height: 85px;
	}
	.culture .bd ul li .tit{
		padding: 0 35px;
	}
	.culture .bd ul li .sub{
		padding: 0 35px;
		font-size: 14px;
		margin-top: 20px;
	}
	.culture{
		padding: 48px 0;
	}
	.culture .titBox{
		top: 19%;
	}
	.history{
		padding: 120px 0 60px;
	}	
	.history .round-tit{
		top: -146px;
	}
	.honor .stt-title .sy-lm-sub{
		font-size: 28px;
		line-height: 38px;
	}
	.honor .class-num{
		margin-top: 12px;
	}
	.honorN, .honorP{
		top: 46px !important;
	}
	.honor-list .pic{
		padding: 40px 20px;
	}
	.partner{
		padding: 30px 0 50px;
		background-size: cover;
	}
	.hzhbSwiper .swiper-slide .list{
		background-size: 100% 100%;
		height: 50%;
	}
	.hzhbSwiper .swiper-slide{
		height: 260px;
	}
	.hzhbSwiper .swiper-slide img{
		width: 80%;
		display: block;
		margin: 0 auto;
	}
	.hzhbSwiper .swiper-slide .list:nth-child(9),
	.hzhbSwiper .swiper-slide .list:nth-child(10),
	.hzhbSwiper .swiper-slide .list:nth-child(11),
	.hzhbSwiper .swiper-slide .list:nth-child(12),
	.hzhbSwiper .swiper-slide .list:nth-child(13),
	.hzhbSwiper .swiper-slide .list:nth-child(14),
	.hzhbSwiper .swiper-slide .list:nth-child(15),
	.hzhbSwiper .swiper-slide .list:nth-child(16),
	.hzhbSwiper .swiper-slide .list:nth-child(17){
		bottom: 34px;
	}
	.hzhbSwiper{
		padding-bottom: 80px;
	}
	.hzhbN{
		right: 42% !important;
	}
	.hzhbP{
		left: 42% !important;
	}
	.productList table tr th{
		font-size: 18px;
	}
	.pro-function .en{
		font-size: 60px;
		line-height: 60px;
	}
	.pro-function{
		margin-top: 38px;
	}
	.product-top{
		padding: 45px 0 36px;
	}
	.pro-search{
		margin-top: 44px;
	}
	.rdTeam .titBox .en{
		font-size: 60px;
		line-height: 60px;
	}
	.process ul li .info{
		margin-top: 0;
	}
	.process ul li .info .num{
		font-size: 84px;
		line-height: 80px;
	}
	.process{
		padding: 48px 0;
	}
	.equipment{
		padding: 48px 0;
	}
	.equipment .bd ul li .cls{
		display: none;
	}
	.equipment .bd ul li .cont{
		padding: 4%;
		font-size: 14px;
		line-height: 25px;
	}
	.news-top{
		padding: 48px 0;
	}
	.join{
		padding: 48px 0 0 0;
	}
	.contact{
		padding: 48px 0 0 0;
	}
	.contact .bd ul li{
		height: 350px;
	}
	.message-warp{
		padding: 48px 0;
	}
	.stt-all-menu .container .inner{
		max-width: 612px;
	}
	.lxbox .li{
		height: 100px;
	}
}  
@media ( min-width:768px ) and ( max-width:1099px ) {
	.contact .bd .stt-triangle {
		display: none;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.8%;
	} 
	.head{
		height: 74px;
		padding: 12px 0; 
	}
	.head.ny.ny2{
		position: relative;
	}
	.head.fixedbg{
		position: fixed !important;
		padding: 12px 0; 
	}
	.stt-menu{
		margin-top: 13px;
	}
	.head-yuyan{
		font-size: 14px;
		margin-top: 8px;
	}
	.head-yuyan .icon-duoyuyan {
		font-size: 16px; 
		margin-right: 6px;
	} 
	.head .container{
		height: auto;
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 24%;
		margin-top: 0;
		top: 0%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	.stt-all-menu .back{
		background: #fff url(../images/stt-cd-back.jpg) no-repeat bottom center;
		background-size: 100% auto;
		max-width: 798px;
	}
	.close-stt-menu{
		width: 40px;
		height: 40px;
		right: auto;
		left: 2%;
		margin-top: 0;
		top: 2%;
	}
	.close-stt-menu i{
		font-size: 18px;
	}
	.stt-all-menu .cd{
		display: none;
	}
	.stt-all-menu .link a{
		font-size: 36px;
		line-height: 40px;
		margin-top: 25px;
	}
	.stt-all-menu .gys::after{
		width: 28%;
		display: none;
	}
	.stt-all-menu .gys a{
		margin-right: 32%;
	}
	
	/*index*/
	.SyVideo .line-shwo{
		display: none;
	}
	.SyVideo .Info{
		top: 35%;
	}
	.SyVideo .Info h1{
		font-size: 60px;
		line-height: 75px;
		padding: 0 6%;
	}
	.SyVideo .Info div{
		margin: 12px 0;
	}
	.SyVideo #fengmian{
		height: 84vh;
	}
	
	/*indexProduct*/
	.indexProduct{
		padding: 28px 0;
		min-height: auto;
	} 
	.sy-lm-sub{
		font-size: 28px;
		line-height: 38px;
	}
	.stt-title::after{
		left: 0;
		font-size: 50px;
		line-height: 50px;
	}
	.stt-title::after{
		bottom: auto;
		top: -10px;
	}
	.syProSwiper{
		position: relative;
		bottom: 0;
		margin-top: 25px;
		padding-bottom: 35px;
	}
	.syProSwiper .swiper-wrapper{
		right: 0;
	}
	.syProSwiper .swiper-slide{
		width: 100% !important; 
	}
	.syProSwiper .swiper-slide.swiper-slide-next .sy-pro-list .pic img{
		transform: translate(0%);
	}
	.syProP, .syProN{
		display: none;
	}
	.sy-pro-list .tit{
		font-size: 18px;
		line-height: 60px;
	}
	.sy-lm-tit{
		font-size: 20px;
	}
	
	/*indexApplication*/
	.sy-hyyy-arc{
		display: none;
	}
	.indexApplication .stt-title .sy-lm-sub{
		font-size: 22px;
    	line-height: 32px;
		margin-top: 15px;
	}
	.indexApplication .stt-title .sy-lm-sub br{
		display: none;
	}
	.indexApplication .stt-title{
		top: 0;
		position: relative;
	}
	.indexApplication::after{
		display: none;
	}
	.indexApplication .stt-title .sy-lm-tit{
		color: #222;
	}
	.indexApplication .stt-title .sy-lm-sub{
		color: #333;
		padding-right: 4%;
	}
	.stt-title::after{
		opacity: 0.02;
	}
	.indexApplication .hd li{
		width: 25%;
		height: 0;
		padding-bottom: 25%;
	}
	.indexApplication .hd li img{
		width: 80px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	.indexApplication .hd li .round{
		width: 100px;
		height: 100px;
		margin-left: -50px;
		margin-top: -50px;
	}
	.indexApplication .hd li:nth-child(1){
		left: 4%;
	}
	.indexApplication .hd li:nth-child(2){
		left: 30%;
	}
	.indexApplication .hd li:nth-child(3){
		left: 55%;
	}
	.indexApplication .hd li:nth-child(4){
		left: auto;
		right: 4%;
	}
	.indexApplication .hd li .round span.num{
		font-size: 30px;
		line-height: 30px;
		margin: 20px 0 9px;
	}
	.indexApplication .hd li .round span { 
		font-size: 14px;
		line-height: 22px;
	}
	
	/*indexResearch*/
	.indexResearch{
		height: auto;
		padding: 58px 0 160px 0 ;
	}
	.indexResearch .stt-title .sy-lm-sub{
		font-size: 22px;
		line-height: 32px;
		padding: 0 4%;
		margin-top: 12px;
	}
	.indexResearch .stt-title .sy-lm-sub br{
		display: none;
	}
	
	/*indexNews*/
	.sy-news-more{
		width: 60px;
		height: 60px;
		top: -50px;
	}
	.indexNews .stt-title .sy-lm-sub{
		font-size: 22px;
		line-height: 32px;
		margin-top: 12px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.indexNews ul{
		margin-top: 25px;
	}  
	.indexNews ul li .info{
		width: 60%;
		right: 2%;
	}
	.indexNews ul li .info .sub{
		width: 45%; 
	} 
	.indexNews ul li{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.stt-news-details{
		height: 72%;
		top: auto;
		bottom: -100%;
		right: 0;
	}
	.stt-news-details{
		max-width: 100%;
	}
	.stt-news-details.open{
		bottom: 0;
	}
	.stt-news-close{
		width: 60px;
		height: 60px;
		top: -60px;
		left: auto;
		right: 0;
		line-height: 60px;
	}
	.stt-news-close i{
		font-size: 28px;
	}
	.newsDe .inner{
		width: 95%;
	}
	.newsDe{
		padding: 28px 0 40px;
	}
	.newsDe .time span{
		font-size: 50px;
		line-height: 40px;
	}
	.newsDe .title{
		font-size: 24px;
		line-height: 38px;
		margin-top: 20px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	
	/*Ny*/
	.Nylocation .now-wz{
		font-size: 14px;
		line-height: 45px;
	}
	.Nylocation{
		height: 45px;
	}
	
	/*introduction*/
	.introduction{
		padding: 28px 0 0 0;
	}
	.introduction .en-title{
		font-size: 50px;
		line-height: 50px;
	}
	.introduction .title{
		font-size: 32px;
		line-height: 48px;
	}
	.introduction .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.introduction .sub br{
		display: none;
	}
	.introduction .pic{
		margin-top: 25px;
	}
	.introduction .pic img{
		height: 250px;
		object-fit: cover;
	}
	
	/*.culture*/
	.culture{
		padding: 28px 0;
	}
	.culture .hd{
		 
	}
	.culture .titBox{
		top: 18%;
	}
	.culture .titBox .cn{
		font-size: 28px;
		line-height: 38px;
	}
	.culture .titBox .en{
		font-size: 12px;
		line-height: 20px;
		margin-top: 4px;
	}
	.culture .hd ul li{
		height: 50px;
	}
	.culture .hd ul li .num{
		font-size: 16px;
		line-height: 20px;
		margin: 4px 0;
	}
	.culture .hd ul li .tit{
		font-size: 16px;
		line-height: 18px;
	}
	.culture .hd ul li{
		width: 100px;
		margin-left: -50px;
	}
	.culture .bd{
		 
		padding-top: 58px;
	}
	.culture .bd ul li .tit{
		padding: 0 25px;
	}
	.culture .bd ul li .tit span{
		font-size: 50px;
		line-height: 50px;
	}
	.culture .bd ul li .tit{
		font-size: 20px;
	}
	.culture .bd ul li .sub{
		padding: 0 25px;
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	.m-syHzhbSwiper .swiper-slide img{
		height: 48px;
	}
	
	/*.history*/
	.history .round-tit{
		width: 125px;
		height: 125px;
		top: -60px; 
	}
	.history-list .info{
		padding: 4%;
	}
	.history-list .info .year{
		font-size: 28px;
		line-height: 28px;
	}
	.history-list .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	.history .round-tit .cn{
		font-size: 20px;
		line-height: 25px;
		margin-top: 25%;
	}
	.history .round-tit .en{
		font-size: 12px;
		margin-top: 8px;
	}
	.history{
		padding: 48px 0 0;
	}
	
	/*.honor*/
	.honor{
		padding: 28px 0;
	}
	.honor .stt-title .sy-lm-sub{
		font-size: 28px;
		line-height: 42px;
		margin-top: 8px;
	}
	.honor .stt-title .sy-lm-sub br{
		display: none;
	}
	.honor .stt-title{
		float: none;
	}
	.honor .class-num{
		float: none; 
		margin-right: 0;
		margin-top: 20px;
		overflow: hidden;
	}
	.honorN, .honorP{
		top: auto !important;
		bottom: 12px !important;
	} 
	.honor .class-num .lb{
		margin-left: 35px;
	}
	.honor .class-num .lb span{
		font-size: 42px;
		line-height: 42px;
	}
	.honor .class-num .lb p{
		font-size: 14px;
		margin-top: 0;
	}
	.honor .class-num .lb::after { 
		height: 56px; 
		top: 6px;
		right: -20px;
	}
	.honorSwiper{
		margin-top: 28px;
		padding: 5px;
		padding-bottom: 50px;
	}
	.honor-list .pic{
		padding: 8% 4%;
	}
	.honor-list .tit{
		font-size: 14px;
		line-height: 45px;
	}
	
	/*.partner*/
	.partner{
		padding: 0;
	}
	
	/*application*/
	.application ul{
		padding: 58px 0;  
	} 
	.application ul li::after{
		 
	}
	.application ul li .pic{
		 
	}
	.application ul li .tit{
		 
		font-size: 16px;
	}
	
	/*research*/
	.rdTeam{
		padding: 28px 0 0 0; 
	}
	.rdTeam .titBox{
		margin-top: 0;
		float: none;
		text-align: center;
	}
	.rdTeam .titBox .en{
		font-size: 48px;
		line-height: 48px;
	}
	.rdTeam .titBox .cn{
		font-size: 24px;
		line-height: 28px;
		margin-top: 5px;
	}
	.rdTeam .numBox{
		float: none;
		text-align: center;
		margin-right: 0;
		margin-top: 25px;
	}
	.rdTeam .numBox .lb{
		display: inline-block;
		margin: 0 6px;
	}
	.rdTeam .pic img{
		height: 250px;
		object-fit: cover;
	}
	.rdTeam .cont{
		margin-right: 0;
		float: none;
		max-width: 100%;
		font-size: 14px;
		line-height: 26px;
	}
	.rdTeam .pic{
		margin-top: 25px;
		overflow: hidden;
	}
	.process{
		padding: 28px 0;
	}
	.rd-en{
		font-size: 14px;
		margin-top: 2px;
	}
	.process ul{
		 
		padding: 28px 0;
		margin-top: 25px;
	}  
	.process ul li .info .num{
		font-size: 70px;
		line-height: 70px;
	}
	.process ul li .info .txt{
		margin-top: 8px;
	}
	.process ul li .info .txt .tit{
		font-size: 22px;
		line-height: 28px;
	}
	.process ul li .info .txt .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 8px;
	}
	.process ul li .info{
		 
		margin-top: 0;
	}
	.process ul li .pic{
		 
		margin-top: 15px;
	}
	.equipment{
		padding: 38px 0;
	}
	.m-proList li{
		width: 48%;
		float: left;
	}
	.m-proList{
		overflow: hidden;
	}
	.m-proList li:nth-of-type(2n+2){
		float: right;
	}
	
	/*Nybanner*/
	.Nybanner .Nylocation{
		top: 0;
	} 
	.Nybanner .product-top{
		 
		padding: 28px 0;
	}
	.pro-function{
		margin-top: 30px;
	}
	.pro-function .en{
		font-size: 48px;
		line-height: 48px;
	}
	.sy-lm-sub{
		font-size: 24px;
		line-height: 30px;
		margin-top: 12px;
	}
	.Nybanner .product-top .link{
		margin-top: 25px;
	}
	.pro-function .link a{
		 
	}  
	.equipment .bd ul li .cls{
		display: none;
	}
	.sbImgSwiper{
		width: 100%;
	}
	.equipment .bd ul li .cont{
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.sbImgSwiper .swiper-slide .tit{
		line-height: 36px;
		font-size: 14px;
	}
	.sbImgN, .sbImgP{
		width: 32px !important;
		height: 32px !important;
		line-height: 30px;
		margin-top: -16px !important;
	}
	.sbImgP{
		left: 20px !important;
	}
	.sbImgN{
		right: 20px !important;
	}
	.equipment .bd{
		margin-top: 25px;
	}
	.equipment .hd ul li{
		width: 49%;
		float: left;
		margin-right: 0;
		font-size: 14px;
		line-height: 36px;
		margin-bottom: 8px;
		text-align: center;
	}
	.equipment .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	
	/*news*/
	.news-top{
		padding: 28px 0 0 0;
	}
	.news-top .link{
		margin-top: 25px;
	}
	.news-top .link a{
		line-height: 36px;
		border-radius: 5px;
		margin: 0 4px;
		height: 38px;
		width: auto;
		font-size: 14px;
		padding: 0 15px;
	}
	.stt-ny-more{
		width: 140px;
		line-height: 38px;
		font-size: 16px;
		margin: 30px auto 0;
	}
	.indexNews.ny{
		padding: 28px 0;
	}
	
	/*join*/
	.join{
		padding: 28px 0 0 0;
	}
	.join .info{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
		padding: 0 4%;
	}
	.join .info br{
		display: none;
	}
	.join .pic{
		margin-top: 25px;
	}
	.join .pic img{
		height: 200px;
		object-fit: cover;
	}
	.human{
		padding: 28px 0;
	}
	.human .item h3 .info{
		display: none;
	}
	.human .item h3 .title{
		font-size: 18px;
		line-height: 28px;
	}
	.human .item h3 .dj{
		font-size: 14px;
		padding-right: 15px;
	}
	.human .item h3{
		padding-bottom: 12px;
	}
	.human .item h3 .dj{
		bottom: 12px;
		color: #f8f8f8 !important;
	}
	.human .item h3 .dj #close{
		color: #f8f8f8 !important;
	}
	.human .item{
		margin-bottom: 28px;
	} 
	.human ul li .cont1{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.human ul .ljyp{
		font-size: 14px;
		right: 0;
    	line-height: 16px;
		height: 60px;
		width: 80px;
		background: #e70115 ;
	} 
	.human ul li .cont2{
		width: 100%;
		float: none;
	}
	.human ul li{
		font-size: 14px;
		line-height: 26px;
		padding: 32px 5% 28px 0;
	}
	.human ul li .tit{
		position: relative;
		top: -6px;
	}
	
	/*contact*/
	.contact{
		padding: 28px 0 0 0;
	}
	.contact .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 18px;
		padding: 0 0;
	}
	.contact .hd{
		margin-top: 25px;
	}
	.contact .hd ul li{
		display: inline-block;
		width: 48%;
		margin: 0 0 8px 0;
		text-indent: 18px;
		font-size: 14px;
		height: 45px;
		line-height: 40px;
	}
	.contact .hd ul li i{
		font-size: 20px;
		margin-right: 8px;
	}
	.contact .bd{
		margin-top: 25px;
	}
	.contact .bd ul li{
		height: 250px;
	}
	.message-warp{
		padding: 38px 0; 
	}
	.message .biaodan .box .tit{
		margin: 12px 0;
	}
	.message .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 18px;
	}
	.message .biaodan{
		margin-top: 25px;
	}
	.message .biaodan .box .lb{
		width: 100%;
		float: none;
	}
	.message .biaodan .box .lb:nth-child(1){
		margin-bottom: 5px;
	}
	.magic-radio + label, .magic-checkbox + label{
		font-size: 14px;
		margin-right: 15px;
	}
	.message .tijiao{
		width: 80px;
		height: 80px;
		margin: 20px auto 0;
	}
	
	/*product*/
	.product-top{
		padding: 0 0 28px 0;
	}
	.pro-function .link{
		margin-top: 25px;
	}
	.product-top .pic{
		width: 47%; 
	}
	.pro-sizeSearch{
		margin-top: 28px;
	}
	.pro-sizeSearch .shuru > div{
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.pro-sizeSearch{
		padding-bottom: 20px;	
	}
	.pro-sizeSearch .cldw{
		margin-top: 15px;
	} 
	.pro-search{
		margin-top: 28px;
	}
	.p-unit{
		font-size: 14px;
		margin-top: 15px;
		line-height: 35px;
	}
	.p-unit select{
		font-size: 14px;
		width: 120px;
		height: 35px;
	}
	.pro-search span{
		font-size: 14px;
		line-height: 35px;
	}
	.pro-search .ipt{
		width: 220px;
	}
	.pro-search input[type=text]{
		width: 78%;
		height: 35px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.pro-search input[type=button]{
		width: 22%;
		height: 35px;
	}
	.productList .more{
		width: 140px;
		height: 36px;
		line-height: 34px;
		font-size: 14px;
		margin: 38px auto 0;
	}
	.productList{
		padding: 22px 0 28px;
	}
	.productList table{
		display: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
	
	/*三角块*/
	.stt-triangle{
		height: 25px;
	}
	.stt-triangle.zheng::after,
	.stt-triangle.zheng-l::after{
		border-top: 25px solid transparent;
	}
	.stt-triangle.fan::after,
	.stt-triangle.fan-l::after{
		border-bottom: 25px solid transparent;
	}
	.lxbox .li{
		height: 100px;
	}
}

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.8%;
	} 
	.head{
		height: auto;
		padding: 12px 0; 
	}
	.head.ny.ny2{
		position: relative;
	}
	.head.fixedbg{
		position: fixed !important;
		padding: 12px 0; 
	}
	.stt-menu{
		margin-top: 6px;
	}
	.head-yuyan{
		font-size: 14px;
		margin-top: 4px;
	}
	.head-yuyan .icon-duoyuyan {
		font-size: 16px; 
		margin-right: 6px;
	} 
	.head .container{
		height: auto;
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 24%;
		margin-top: 0;
		top: 0%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	.stt-all-menu .back{
		background: #fff url(../images/stt-cd-back.jpg) no-repeat bottom center;
		background-size: 100% auto;
	}
	.close-stt-menu{
		width: 40px;
		height: 40px;
		right: auto;
		left: 2%;
		margin-top: 0;
		top: 2%;
	}
	.close-stt-menu i{
		font-size: 18px;
	}
	.stt-all-menu .cd{
		display: none;
	}
	.stt-all-menu .link a{
		font-size: 36px;
		line-height: 40px;
		margin-top: 25px;
	}
	.stt-all-menu .gys::after{
		width: 28%;
		display: none;
	}
	.stt-all-menu .gys a{
		margin-right: 32%;
	}
	
	/*index*/
	.SyVideo .line-shwo{
		display: none;
	}
	.SyVideo .Info{
		top: 35%;
	}
	.SyVideo .Info h1{
		font-size: 60px;
		line-height: 75px;
		padding: 0 6%;
	}
	.SyVideo .Info div{
		margin: 12px 0;
	}
	.SyVideo #fengmian{
		height: 84vh;
	}
	
	/*indexProduct*/
	.indexProduct{
		padding: 28px 0;
		min-height: auto;
	} 
	.sy-lm-sub{
		font-size: 28px;
		line-height: 38px;
	}
	.stt-title::after{
		left: 0;
		font-size: 50px;
		line-height: 50px;
	}
	.stt-title::after{
		bottom: auto;
		top: -10px;
	}
	.syProSwiper{
		position: relative;
		bottom: 0;
		margin-top: 25px;
		padding-bottom: 35px;
	}
	.sy-pro-list{
		padding-bottom: 15px;
	}
	.syProSwiper .swiper-wrapper{
		right: 0;
	}
	.syProSwiper .swiper-slide{
		width: 100% !important; 
	}
	.syProSwiper .swiper-slide.swiper-slide-next .sy-pro-list .pic img{
		transform: translate(0%);
	}
	.syProP, .syProN{
		display: none;
	}
	.sy-pro-list .tit{
		font-size: 18px;
		line-height: 60px;
		text-indent: 20px;
		padding-top: 0;
	}
	.sy-pro-list .sub{
		padding: 0 20px;
	}
	.sy-lm-tit{
		font-size: 20px;
	}
	
	/*indexApplication*/
	.sy-hyyy-arc{
		display: none;
	}
	.indexApplication .stt-title .sy-lm-sub{
		font-size: 22px;
    	line-height: 32px;
		margin-top: 15px;
	}
	.indexApplication .stt-title .sy-lm-sub br{
		display: none;
	}
	.indexApplication .stt-title{
		top: 0;
		position: relative;
	}
	.indexApplication::after{
		display: none;
	}
	.indexApplication .stt-title .sy-lm-tit{
		color: #222;
	}
	.indexApplication .stt-title .sy-lm-sub{
		color: #333;
		padding-right: 4%;
	}
	.stt-title::after{
		opacity: 0.02;
	}
	.indexApplication .hd li{
		width: 25%;
		height: 0;
		padding-bottom: 25%;
	}
	.indexApplication .hd li img{
		width: 80px;
		height: 80px;
		display: block;
		margin: 0 auto;
	}
	.indexApplication .hd li .round{
		width: 100px;
		height: 100px;
		margin-left: -50px;
		margin-top: -50px;
	}
	.indexApplication .hd li:nth-child(1){
		left: 4%;
	}
	.indexApplication .hd li:nth-child(2){
		left: 30%;
	}
	.indexApplication .hd li:nth-child(3){
		left: 55%;
	}
	.indexApplication .hd li:nth-child(4){
		left: auto;
		right: 4%;
	}
	.indexApplication .hd li .round span.num{
		font-size: 30px;
		line-height: 30px;
		margin: 20px 0 9px;
	}
	.indexApplication .hd li .round span { 
		font-size: 14px;
		line-height: 22px;
	}
	
	/*indexResearch*/
	.indexResearch{
		height: auto;
		padding: 58px 0 160px 0 ;
	}
	.indexResearch .stt-title .sy-lm-sub{
		font-size: 22px;
		line-height: 32px;
		padding: 0 4%;
		margin-top: 12px;
	}
	.indexResearch .stt-title .sy-lm-sub br{
		display: none;
	}
	
	/*indexNews*/
	.sy-news-more{
		width: 60px;
		height: 60px;
		top: -50px;
	}
	.indexNews .stt-title .sy-lm-sub{
		font-size: 22px;
		line-height: 32px;
		margin-top: 12px;
	}
	.indexNews{
		padding: 28px 0;
	}
	.indexNews ul{
		margin-top: 25px;
	}
	.indexNews ul li .pic{
		width: 100%;
		float: none;
	}
	.indexNews ul li .info{
		position: relative;
		right: 0;
		width: 100%;
		margin-top: 15px;
	}
	.indexNews ul li .info .tit{
		width: 100%;
		float: none;
		-webkit-line-clamp: 1;
		font-size: 18px;
		line-height: 28px;
	}
	.indexNews ul li .info .sub{
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 25px;
		height: 50px;
		-webkit-line-clamp: 2;
	}
	.indexNews ul li .info .time{
		position: relative;
		bottom: 0;
		margin-top: 6px;
	}
	.indexNews ul li{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.stt-news-details{
		height: 72%;
		top: auto;
		bottom: -100%;
		right: 0;
	}
	.stt-news-details.open{
		bottom: 0;
	}
	.stt-news-close{
		width: 60px;
		height: 60px;
		top: -60px;
		left: auto;
		right: 0;
		line-height: 60px;
	}
	.stt-news-close i{
		font-size: 28px;
	}
	.newsDe .inner{
		width: 95%;
	}
	.newsDe{
		padding: 28px 0 40px;
	}
	.newsDe .time span{
		font-size: 50px;
		line-height: 40px;
	}
	.newsDe .title{
		font-size: 24px;
		line-height: 38px;
		margin-top: 20px;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	
	/*Ny*/
	.Nylocation .now-wz{
		font-size: 14px;
		line-height: 45px;
	}
	.Nylocation{
		height: 45px;
	}
	
	/*introduction*/
	.introduction{
		padding: 28px 0 0 0;
	}
	.introduction .en-title{
		font-size: 50px;
		line-height: 50px;
	}
	.introduction .title{
		font-size: 32px;
		line-height: 48px;
	}
	.introduction .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.introduction .sub br{
		display: none;
	}
	.introduction .pic{
		margin-top: 25px;
	}
	.introduction .pic img{
		height: 250px;
		object-fit: cover;
	}
	
	/*.culture*/
	.culture{
		padding: 28px 0;
	}
	.culture .hd{
		width: 100%;
		float: none;
	}
	.culture .titBox{
		top: 18%;
	}
	.culture .titBox .cn{
		font-size: 28px;
		line-height: 38px;
	}
	.culture .titBox .en{
		font-size: 12px;
		line-height: 20px;
		margin-top: 4px;
	}
	.culture .hd ul li{
		height: 50px;
	}
	.culture .hd ul li .num{
		font-size: 16px;
		line-height: 20px;
		margin: 4px 0;
	}
	.culture .hd ul li .tit{
		font-size: 16px;
		line-height: 18px;
	}
	.culture .hd ul li.on .tit{
		font-size: 16px;
	}
	.culture .hd ul li{
		width: 100px;
		margin-left: -50px;
	}
	.culture .bd{
		width: 100%;
		float: none;
		padding-top: 28px;
	}
	.culture .bd ul li .tit{
		padding: 0 25px;
	}
	.culture .bd ul li .tit span{
		font-size: 50px;
		line-height: 50px;
	}
	.culture .bd ul li .tit{
		font-size: 20px;
	}
	.culture .bd ul li .sub{
		padding: 0 25px;
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	
	/*.history*/
	.history .round-tit{
		width: 125px;
		height: 125px;
		top: -60px; 
	}
	.history-list .info{
		padding: 4%;
	}
	.history-list .info .year{
		font-size: 28px;
		line-height: 28px;
	}
	.history-list .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 10px;
	}
	.history .round-tit .cn{
		font-size: 20px;
		line-height: 25px;
		margin-top: 25%;
	}
	.history .round-tit .en{
		font-size: 12px;
		margin-top: 8px;
	}
	.history{
		padding: 48px 0 0;
	}
	
	/*.honor*/
	.honor{
		padding: 28px 0;
	}
	.honor .stt-title .sy-lm-sub{
		font-size: 28px;
		line-height: 42px;
		margin-top: 8px;
	}
	.honor .stt-title .sy-lm-sub br{
		display: none;
	}
	.honor .stt-title{
		float: none;
	}
	.honor .class-num{
		float: none; 
		margin-right: 0;
		margin-top: 20px;
		overflow: hidden;
	}
	.honorN, .honorP{
		top: auto !important;
		bottom: 12px !important;
	} 
	.honor .class-num .lb{
		margin-left: 35px;
	}
	.honor .class-num .lb span{
		font-size: 42px;
		line-height: 42px;
	}
	.honor .class-num .lb p{
		font-size: 14px;
		margin-top: 0;
	}
	.honor .class-num .lb::after { 
		height: 56px; 
		top: 6px;
		right: -20px;
	}
	.honorSwiper{
		margin-top: 28px;
		padding: 5px;
		padding-bottom: 50px;
	}
	.honor-list .pic{
		padding: 8% 4%;
	}
	.honor-list .tit{
		font-size: 14px;
		line-height: 45px;
	}
	
	/*.partner*/
	.partner{
		padding: 0;
	}
	
	/*application*/
	.application ul{
		padding: 0 0 28px; 
		background: none;
	}
	.application ul li{
		margin-bottom: 15px;
		padding-bottom: 15px;
		border-bottom: 1px solid #01999c;
	}
	.application ul li::after{
		display: none;
	}
	.application ul li .pic{
		width: 100%;
		float: none;
	}
	.application ul li .tit{
		position: relative;
		bottom: 0;
		margin-top: 10px;
		font-size: 16px;
	}
	
	/*research*/
	.rdTeam{
		padding: 28px 0 0 0; 
	}
	.rdTeam .titBox{
		margin-top: 0;
		float: none;
		text-align: center;
	}
	.rdTeam .titBox .en{
		font-size: 48px;
		line-height: 48px;
	}
	.rdTeam .titBox .cn{
		font-size: 24px;
		line-height: 28px;
		margin-top: 5px;
	}
	.rdTeam .numBox{
		float: none;
		text-align: center;
		margin-right: 0;
		margin-top: 25px;
	}
	.rdTeam .numBox .lb{
		display: inline-block;
		margin: 0 6px;
	}
	.rdTeam .pic img{
		height: 250px;
		object-fit: cover;
	}
	.rdTeam .cont{
		margin-right: 0;
		float: none;
		font-size: 14px;
		line-height: 26px;
	}
	.rdTeam .pic{
		margin-top: 25px;
		overflow: hidden;
	}
	.process{
		padding: 28px 0;
	}
	.rd-en{
		font-size: 14px;
		margin-top: 2px;
	}
	.process ul{
		background: none;
		padding: 0;
		margin-top: 25px;
	}
	.process ul li{
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #05afbd;
	}
	.process ul li::after{
		display: none;
	}
	.process ul li .info .num{
		font-size: 70px;
		line-height: 70px;
	}
	.process ul li .info .txt{
		margin-top: 8px;
	}
	.process ul li .info .txt .tit{
		font-size: 22px;
		line-height: 28px;
	}
	.process ul li .info .txt .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 8px;
	}
	.process ul li .info{
		width: 100%;
		float: none;
		margin-top: 0;
	}
	.process ul li .pic{
		width: 100%;
		float: none;
		margin-top: 15px;
	}
	.equipment{
		padding: 38px 0;
	}
	
	/*Nybanner*/
	.Nybanner .Nylocation{
		top: 0;
	} 
	.Nybanner .product-top{
		position: relative;
		top: 0;
		padding: 28px 0;
	}
	.pro-function{
		margin-top: 0;
	}
	.pro-function .en{
		font-size: 48px;
		line-height: 48px;
		display: none;
	}
	.sy-lm-sub{
		font-size: 24px;
		line-height: 30px;
		margin-top: 12px;
	}
	.Nybanner .product-top .link{
		margin-top: 25px;
	}
	.pro-function .link a{
		font-size: 14px;
		width: 23%;
		line-height: 35px;
	} 
	.ny-round-tit{
		display: none;
	}
	.equipment .bd ul li .cls{
		display: none;
	}
	.sbImgSwiper{
		width: 100%;
	}
	.equipment .bd ul li .cont{
		width: 100%;
		position: relative;
		right: 0;
		bottom: 0;
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.sbImgSwiper .swiper-slide .tit{
		line-height: 36px;
		font-size: 14px;
	}
	.sbImgN, .sbImgP{
		width: 32px !important;
		height: 32px !important;
		line-height: 30px;
		margin-top: -16px !important;
	}
	.sbImgP{
		left: 20px !important;
	}
	.sbImgN{
		right: 20px !important;
	}
	.equipment .bd{
		margin-top: 25px;
	}
	.equipment .hd ul li{
		width: 49%;
		float: left;
		margin-right: 0;
		font-size: 14px;
		line-height: 36px;
		margin-bottom: 8px;
		text-align: center;
	}
	.equipment .hd ul li:nth-of-type(2n+2){
		float: right;
	}
	
	/*news*/
	.news-top{
		padding: 28px 0 0 0;
	}
	.news-top .link{
		margin-top: 25px;
	}
	.news-top .link a{
		line-height: 36px;
		border-radius: 5px;
		margin: 0 4px;
		height: 38px;
		width: auto;
		font-size: 14px;
		padding: 0 15px;
	}
	.stt-ny-more{
		width: 140px;
		line-height: 38px;
		font-size: 16px;
		margin: 30px auto 0;
	}
	.indexNews.ny{
		padding: 28px 0;
	}
	
	/*join*/
	.join{
		padding: 28px 0 0 0;
	}
	.join .info{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
		padding: 0 4%;
	}
	.join .info br{
		display: none;
	}
	.join .pic{
		margin-top: 25px;
	}
	.join .pic img{
		height: 200px;
		object-fit: cover;
	}
	.human{
		padding: 28px 0;
	}
	.human .item h3 .info{
		display: none;
	}
	.human .item h3 .title{
		font-size: 18px;
		line-height: 28px;
	}
	.human .item h3 .dj{
		font-size: 14px;
		padding-right: 15px;
	}
	.human .item h3{
		padding-bottom: 12px;
	}
	.human .item h3 .dj{
		bottom: 12px;
		color: #f8f8f8 !important;
	}
	.human .item h3 .dj #close{
		color: #f8f8f8 !important;
	}
	.human .item{
		margin-bottom: 28px;
	} 
	.human ul li .cont1{
		width: 100%;
		float: none;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.human ul .ljyp{
		font-size: 14px;
		right: 0;
    	line-height: 16px;
		height: 60px;
		width: 80px;
		background: #e70115 ;
	} 
	.human ul li .cont2{
		width: 100%;
		float: none;
	}
	.human ul li{
		font-size: 14px;
		line-height: 26px;
		padding: 32px 5% 28px 0;
	}
	.human ul li .tit{
		position: relative;
		top: -6px;
	}
	
	/*contact*/
	.contact{
		padding: 28px 0 0 0;
	}
	.contact .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 18px;
		padding: 0 0;
	}
	.contact .hd{
		margin-top: 25px;
	}
	.contact .hd ul li{
		display: block;
		width: 100%;
		margin: 0 0 8px 0;
		text-indent: 18px;
		font-size: 14px;
		height: 45px;
		line-height: 40px;
	}
	.contact .hd ul li i{
		font-size: 20px;
		margin-right: 8px;
	}
	.contact .bd{
		margin-top: 25px;
	}
	.contact .bd ul li{
		height: 250px;
	}
	.message-warp{
		padding: 38px 0;
		background: #fff;
	}
	.message .biaodan .box .tit{
		margin: 12px 0;
	}
	.message .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 18px;
	}
	.message .biaodan{
		margin-top: 25px;
	}
	.message .biaodan .box .lb{
		width: 100%;
		float: none;
	}
	.message .biaodan .box .lb:nth-child(1){
		margin-bottom: 5px;
	}
	.magic-radio + label, .magic-checkbox + label{
		font-size: 14px;
		margin-right: 15px;
	}
	.message .tijiao{
		width: 80px;
		height: 80px;
		margin: 20px auto 0;
	}
	
	/*product*/
	.product-top{
		padding: 0 0 28px 0;
	}
	.pro-function .link{
		margin-top: 25px;
	}
	.product-top .pic{
		width: 100%;
		position: relative;
		float: none;
	}
	.pro-sizeSearch{
		margin-top: 28px;
	}
	.pro-sizeSearch .shuru > div{
		float: none;
		margin-left: 0;
		margin-bottom: 15px;
	}
	.pro-sizeSearch{
		padding-bottom: 20px;	
	}
	.pro-sizeSearch .cldw{
		margin-top: 15px;
	}
	.pro-sizeSearch .cldw.on .magic-radio + label, .magic-checkbox + label{
		display: block;
		float: none;
	}
	.pro-search{
		margin-top: 28px;
	}
	.p-unit{
		font-size: 14px;
		margin-top: 15px;
		line-height: 35px;
	}
	.p-unit select{
		font-size: 14px;
		width: 120px;
		height: 35px;
	}
	.pro-search span{
		font-size: 14px;
		line-height: 35px;
	}
	.pro-search .ipt{
		width: 220px;
	}
	.pro-search input[type=text]{
		width: 78%;
		height: 35px;
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.pro-search input[type=button]{
		width: 22%;
		height: 35px;
	}
	.productList .more{
		width: 140px;
		height: 36px;
		line-height: 34px;
		font-size: 14px;
		margin: 38px auto 0;
	}
	.productList{
		padding: 22px 0 28px;
	}
	.productList table{
		display: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
	.lxbox{
		margin-top: 0;
		padding: 28px 0 0 0;
	}
	.lxbox .li{
		width: 100%;
		margin: 0 0 15px 0 !important;
		font-size: 14px; 
		padding-bottom: 10px;
	}
	.contact .bd .stt-triangle{
		display: none;
	}
	.stt-float-tel{
		width: 62px;
		height: 62px;
		line-height: 62px;
		right: 18px; 
	}
	.stt-float-tel i{
		font-size: 28px;
	}
	
	/*三角块*/
	.stt-triangle{
		height: 25px;
	}
	.stt-triangle.zheng::after,
	.stt-triangle.zheng-l::after{
		border-top: 25px solid transparent;
	}
	.stt-triangle.fan::after,
	.stt-triangle.fan-l::after{
		border-bottom: 25px solid transparent;
	}
} 