/*响应式效果*/
@media ( min-width:1180px ) and ( max-width:1280px ) {
	.f-lm .item{
		margin-left: 40px;
	}
	.WebLink{
		margin-left: 60px;
	}
	.indexApplication{
		height: 480px;
	}
	.sy-yyly-left .hy-sy-more2{
		bottom: -90px;
	}
	.f-ewm{
		margin-left: 45px;
	}
	.contact-info .info{
		padding: 2%;
	}
	.sy-yyly-list1 .info,
	.sy-yyly-list2 .info{
		width: 60%;
		float: right;
		margin-left: 0;
		margin-right: 3%;
	}
	.sy-yyly-left{
		padding: 78px 0 0 0;
	}
} 


@media ( min-width:1060px ) and ( max-width:1179px ) {
	.WebLink{
		margin-left: 35px;
	}
	.WebLink li{
		margin-left: 32px;
	}
	.sy-pro2 .box .info{
		padding: 5%;
	}
	.contact-info .info{
		padding: 2%;
	}
	.sy-yyly-list1 .info,
	.sy-yyly-list2 .info{
		width: 56%;
		float: right;
		margin-left: 0;
		margin-right: 3%;
		padding-top: 15px;
	}
	.sy-yyly-left{
		padding: 78px 0 0 0;
	}
	.indexApplication{
		height: 380px;
	}
	.hy-sy-more{
		margin-top: 10px;
	}
	.sy-yyly-left .hy-sy-more2{
		bottom: -60px;
	}
	.f-lx{
		font-size: 14px;
	}
	.f-ewm{
		display: none;
	}
	.f-lm .item{
		margin-left: 45px;
	}
	.f-lm .item .link.on a{
		font-size: 14px;
	}
	.about-info1 .right{
		width: 50%;
	}
	.about-info1 .right{
		font-size: 14px;
		line-height: 25px;
	}
	.join-one .info{
		padding: 5%;
		font-size: 14px;
		line-height: 25px;
	}
	.about-info2 .info{
		width: 45%;
		font-size: 14px;
		line-height: 25px;
	}
	.sy-yyly-h3{
		margin: 20px 0;
	}
	.product-de1 .info{
		margin-top: 26px;
		font-size: 14px;
		line-height: 25px;
		height: 200px;
	}
} 

@media ( min-width:768px ) and ( max-width:1059px ) {
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.8%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 38%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-yuyan{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.indexProduct{
		padding: 38px 0;
	}
	.hy-sy-h3{
		font-size: 24px;
		line-height: 28px;
	}
	.indexProduct ul{
		margin-top: 25px;
	} 
	.indexProduct ul li .info .title{
		font-size: 20px;
		line-height: 28px;
		margin: 12px 0;
	}
	.indexProduct ul li .info .sub p{
		margin-bottom: 5px;
	}
	.indexProduct ul li .info .sub{
		font-size: 14px;
	}
	.indexProduct ul li{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.sy-pro2 .title{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 20px;
	} 
	.sy-pro2 .box .info{
		padding: 4%;
	}
	.sy-pro2 .box .info{
		height: 80%;
	}
	.hy-sy-more{
		font-size: 14px;
		margin-top: 15px;
	}
	.hy-sy-more2{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		margin: 25px auto 0;
	}
	.sy-pro2 .box .info .sub{
		font-size: 14px;
		line-height: 25px;
	} 
	.indexApplication{
		height: 380px;
	}
	.sy-yyly-left{
		padding: 58px 0 0 0;
	}
	.sy-yyly-list1 > img,
	.sy-yyly-list2 > img{ 
		height: 100%;
		object-fit: cover;
	}
	.sy-yyly-list1 .info,
	.sy-yyly-list2 .info{
		width: 65%;
		float: right;
		margin-left: 0;
		margin-right: 5%;
		padding-top: 12px;
	}
	.indexAbout_Tech{
		padding: 38px 0;
	}
	.indexAbout_Tech .list{
		width: 100%;
		margin: 0 !important;
		float: none !important;
	}
	.indexAbout_Tech .list:nth-child(2){
		margin-top: 25px !important;
		border-top: 1px solid #ccc;
		padding-top: 25px;
	}
	.indexAbout_Tech .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		margin-top: 18px;
	}
	.syBannerPag{
		bottom: 18px !important;
	}
	.about{
		padding: 38px 0;
	} 
	.Nybanner img{
		height: 150px;
	}
	.Nybanner .NyInfo{
		top: 20px;
	}
	.Nybanner .NyInfo .now-lm{
		font-size: 20px;
		margin-top: 8px;
		line-height: 25px;
	}
	.Nybanner .NyInfo .now-wz{
		font-size: 12px;
	}
	.about-info1 .left .txt2{
		font-size: 20px;
		line-height: 25px;
		margin-top: 12px;
	}
	.about-info1 .right{
		font-size: 14px;
		line-height: 26px;
	}
	.about-info1{
		padding-bottom: 25px;
	}
	.about-info2 {
		margin-top: 25px;
	}
	.about-info2 .pic{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.about-info2 .info{ 
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
	}
	.culture{
		padding: 38px 0;
	}
	.about-h3{
		font-size: 24px;
		line-height: 28px;
	}
	.culture .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.qywh-list .tit{
		font-size: 18px;
		margin: 6px 0;
	}
	.qywh-list{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.product{
		padding: 38px 0;
	}
	.product-class{
		width: 100%;
		float: none;
	}
	.product-list-warp{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.product-list-warp .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-list .tit{
		font-size: 14px;
		line-height: 40px;
	}
	.qywh-list .sub{
		font-size: 14px;
	}
	.product-details{
		width: 100%;
		float: none;
	}
	.product-details .title{
		font-size: 24px;
		line-height: 28px;
	}
	.product-de1{
		margin-top: 25px;
	}
	.product-de1 .pic{
		width: 100%;
		float: none;
	}
	.product-de1 .info{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 0;
		padding: 4%;
		height: auto;
		font-size: 14px;
		line-height: 26px;
	}
	.product-tab{
		padding-top: 28px;
		margin-top: 28px;
	}
	.product-tab .tab-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.product-tab .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-tab .cont{
		margin-top: 25px;
	}
	.pro-td{
		padding: 4%;
	}
	.pro-td .txt{
		height: auto;
		font-size: 14px;
		margin-top: 8px;
	}
	.product-tab .cont table td{
		font-size: 12px;
		height: 35px;
	}
	.pro-yyly a{
		width: 100%;
		float: none;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.application{
		padding: 38px 0;
	} 
	.application ul li .tit{
		line-height: 38px;
		font-size: 14px;
	}
	.applicationDe{
		padding: 38px 0;
	}
	.applicationDe .appde-list{
		width: 100%;
		overflow: hidden;
		float: none;
	}
	.appde-cont{
		margin-top: 25px;
	}
	.applicationDe .appde-list a{
		width: 50%;
		float: left;
		padding: 0 15px;
		font-size: 14px;
		line-height: 35px;
	}
	.appde-info{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.appde-cont .info{
		padding: 4%;
	}
	.appde-cont .info .tit{
		float: none;
		font-size: 20px;
	}
	.appde-cont .info .sub{
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
		margin: 12px 0;
	}
	.tech{
		padding: 38px 0;
	}
	.tech ul li a{
		height: 50px;
		line-height: 50px;
		background: #f5f5f5 url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
		padding-left: 45px;
		font-size: 14px;
		padding-right: 55px;
	}
	.tech ul li:nth-of-type(2n+2) a{
		background: #f5f5f5 url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
	}
	.tech ul li:hover a{
		background: #d8e8fb url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
	}
	.tech ul li i{
		width: 30px;
		right: 25px;
		margin-top: -15px;
		height: 30px;
		font-size: 14px;
		line-height: 26px;
	}
	.more-tech{
		height: 150px;
		background-size: 100% 100%;
	}
	.more-tech > div{
		bottom: 0;
	}
	.more-tech p{
		font-size: 14px;
		margin-top: 10px;
	}
	.join-one{
		padding: 38px 0 18px;
	}
	.join-one .txt{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.join-one .box{
		margin-top: 25px;
	}
	.join-one .box .lb{
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	.join-one .box .lb .tit{
		line-height: 40px;
		font-size: 18px;
	}
	.join-one .info{
		height: auto;
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.human{
		padding: 38px 0;
	}
	.human .hy-sy-h3{
		font-size: 18px;
		margin-top: 10px;
	}
	.human-box{
		margin-top: 25px;
	}
	.human-box .item h3 .tit{
		font-size: 16px;
	}
	.human-box .item ul li{
		font-size: 14px;
		line-height: 26px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact .hy-sy-h3{
		font-size: 18px;
	}
	.contact-info{
		margin-top: 25px;
	}
	.contact-info .info{
		 
		background: #5992d6;
		padding: 4%;
	}
	.contact-info .info .tit{
		font-size: 18px;
	}
	.contact-info .info .sub{
		margin-top: 12px;
	}
	.contact-info .info .sub p{
		line-height: 38px;
		font-size: 14px;
	}
	.message{
		padding: 38px 0;
	}
	.message .txt{
		font-size: 14px;
		margin-top: 15px;
	}
	.message .row{
		margin-top: 25px;
	}
	.message .row input[type=text]{
		height: 45px;
		font-size: 14px;
		text-indent: 108px;
	}
	.message .row input[type=text]#name{
		text-indent: 108px;
	}
	.message .row textarea{
		padding: 40px 25px 0;
		font-size: 14px;
	}
	.message .row input[type=button]{
		width: 80%;
		height: 42px;
		font-size: 16px;
		margin: 25px auto 0;
	}
	.message .row .pdg .bq{
		line-height: 45px;
		font-size: 14px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.8%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 38%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-yuyan{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.indexProduct{
		padding: 38px 0;
	}
	.hy-sy-h3{
		font-size: 24px;
		line-height: 28px;
	}
	.indexProduct ul{
		margin-top: 25px;
	}
	.indexProduct ul li .pic{
		width: 100%;
		float: none !important;
	}
	.indexProduct ul li .info{
		width: 100%;
		float: none !important;
		margin-top: 12px;
	}
	.indexProduct ul li .info .title{
		font-size: 20px;
		line-height: 28px;
		margin: 12px 0;
	}
	.indexProduct ul li .info .sub p{
		margin-bottom: 5px;
	}
	.indexProduct ul li .info .sub{
		font-size: 14px;
	}
	.indexProduct ul li{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.sy-pro2 .title{
		font-size: 20px;
		line-height: 28px;
		margin-bottom: 20px;
	}
	.sy-pro2 .box .pic{
		width: 100%;
	}
	.sy-pro2 .box .info{
		position: relative;
		top: 0;
		width: 100%;
		padding: 4%;
	}
	.hy-sy-more{
		font-size: 14px;
		margin-top: 15px;
	}
	.hy-sy-more2{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		margin: 25px auto 0;
	}
	.sy-pro2 .box .info .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.sy-yyly-left{
		width: 100%;
		float: none;
		padding: 38px 0 0 0;
		height: 280px;
	}
	.sy-yyly-list1 > img{
		width: 100%;
		float: none;
		height: 150px;
		object-fit: cover;
	}
	.indexApplication{
		background-size: auto 280px;
		height: auto;
	}
	.sy-yyly-h3{
		font-size: 24px;
		line-height: 28px;
		margin: 12px 0;		
	}
	.sy-yyly-sub{
		font-size: 14px;
	}
	.sy-yyly-list1{
		position: relative;
		width: 100%;
		margin: 20px 0;
	}
	.sy-yyly-list2{
		width: 100%;
		position: relative;
	}
	.sy-yyly-list2 > img{
		width: 100%;
		float: none;
		height: 150px;
		object-fit: cover;
	}
	.sy-yyly-list1 .info,
	.sy-yyly-list2 .info{
		float: none;
		margin-left: 0;
		padding: 5%;
	}
	.sy-yyly-list1 .sy-yyly-h3,
	.sy-yyly-list2 .sy-yyly-h3{
		margin: 0 0 12px;
	}
	.indexAbout_Tech{
		padding: 38px 0;
	}
	.indexAbout_Tech .list{
		width: 100%;
		margin: 0 !important;
		float: none !important;
	}
	.indexAbout_Tech .list:nth-child(2){
		margin-top: 25px !important;
		border-top: 1px solid #ccc;
		padding-top: 25px;
	}
	.indexAbout_Tech .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		margin-top: 18px;
	}
	.syBannerPag{
		bottom: 18px !important;
	}
	.about{
		padding: 38px 0;
	} 
	.Nybanner img{
		height: 150px;
	}
	.Nybanner .NyInfo{
		top: 20px;
	}
	.Nybanner .NyInfo .now-lm{
		font-size: 20px;
		margin-top: 8px;
		line-height: 25px;
	}
	.Nybanner .NyInfo .now-wz{
		font-size: 12px;
	}
	.about-info1 .left .txt2{
		font-size: 20px;
		line-height: 25px;
		margin-top: 12px;
	}
	.about-info1 .right{
		font-size: 14px;
		line-height: 26px;
	}
	.about-info1{
		padding-bottom: 25px;
	}
	.about-info2 {
		margin-top: 25px;
	}
	.about-info2 .pic{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.about-info2 .info{ 
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
	}
	.culture{
		padding: 38px 0;
	}
	.about-h3{
		font-size: 24px;
		line-height: 28px;
	}
	.culture .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.qywh-list .tit{
		font-size: 18px;
		margin: 6px 0;
	}
	.qywh-list{
		border-bottom: 1px solid #ccc;
		padding-bottom: 18px;
		margin-bottom: 18px;
	}
	.product{
		padding: 38px 0;
	}
	.product-class{
		width: 100%;
		float: none;
	}
	.product-list-warp{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.product-list-warp .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-list .tit{
		font-size: 14px;
		line-height: 40px;
	}
	.qywh-list .sub{
		font-size: 14px;
	}
	.product-details{
		width: 100%;
		float: none;
	}
	.product-details .title{
		font-size: 24px;
		line-height: 28px;
	}
	.product-de1{
		margin-top: 25px;
	}
	.product-de1 .pic{
		width: 100%;
		float: none;
	}
	.product-de1 .info{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 0;
		padding: 4%;
		height: auto;
		font-size: 14px;
		line-height: 26px;
	}
	.product-tab{
		padding-top: 28px;
		margin-top: 28px;
	}
	.product-tab .tab-tit{
		font-size: 20px;
		line-height: 25px;
	}
	.product-tab .row{
		margin-left: 0;
		margin-right: 0;
	}
	.product-tab .cont{
		margin-top: 25px;
	}
	.pro-td{
		padding: 4%;
	}
	.pro-td .txt{
		height: auto;
		font-size: 14px;
		margin-top: 8px;
	}
	.product-tab .cont table td{
		font-size: 12px;
		height: 35px;
	}
	.pro-yyly a{
		width: 100%;
		float: none;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
	.application{
		padding: 38px 0;
	}
	.application ul li{
		width: 100%;
		float: none !important;
		margin-bottom: 20px;
	}
	.application ul li .tit{
		line-height: 38px;
		font-size: 14px;
	}
	.applicationDe{
		padding: 38px 0;
	}
	.applicationDe .appde-list{
		width: 100%;
		overflow: hidden;
		float: none;
	}
	.appde-cont{
		margin-top: 25px;
	}
	.applicationDe .appde-list a{
		width: 50%;
		float: left;
		padding: 0 15px;
		font-size: 14px;
		line-height: 35px;
	}
	.appde-info{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.appde-cont .info{
		padding: 4%;
	}
	.appde-cont .info .tit{
		float: none;
		font-size: 20px;
	}
	.appde-cont .info .sub{
		width: 100%;
		float: none;
		font-size: 14px;
		line-height: 26px;
		margin: 12px 0;
	}
	.tech{
		padding: 38px 0;
	}
	.tech ul li a{
		height: 50px;
		line-height: 50px;
		background: #f5f5f5 url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
		padding-left: 45px;
		font-size: 14px;
		padding-right: 55px;
	}
	.tech ul li:nth-of-type(2n+2) a{
		background: #f5f5f5 url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
	}
	.tech ul li:hover a{
		background: #d8e8fb url(../images/tech-pdf-ico.png) no-repeat left 15px center;
		background-size: auto 25px;
	}
	.tech ul li i{
		width: 30px;
		right: 25px;
		margin-top: -15px;
		height: 30px;
		font-size: 14px;
		line-height: 26px;
	}
	.more-tech{
		height: 150px;
		background-size: 100% 100%;
	}
	.more-tech > div{
		bottom: 0;
	}
	.more-tech p{
		font-size: 14px;
		margin-top: 10px;
	}
	.join-one{
		padding: 38px 0 18px;
	}
	.join-one .txt{
		font-size: 14px;
		line-height: 26px;
		margin-top: 25px;
	}
	.join-one .box{
		margin-top: 25px;
	}
	.join-one .box .lb{
		width: 100%;
		float: none;
		margin-bottom: 25px;
	}
	.join-one .box .lb .tit{
		line-height: 40px;
		font-size: 18px;
	}
	.join-one .info{
		height: auto;
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.human{
		padding: 38px 0;
	}
	.human .hy-sy-h3{
		font-size: 18px;
		margin-top: 10px;
	}
	.human-box{
		margin-top: 25px;
	}
	.human-box .item h3 .tit{
		font-size: 16px;
	}
	.human-box .item ul li{
		font-size: 14px;
		line-height: 26px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact .hy-sy-h3{
		font-size: 18px;
	}
	.contact-info{
		margin-top: 25px;
	}
	.contact-info .info{
		position: relative;
		width: 100%;
		background: #5992d6;
		padding: 4%;
	}
	.contact-info .info .tit{
		font-size: 18px;
	}
	.contact-info .info .sub{
		margin-top: 12px;
	}
	.contact-info .info .sub p{
		line-height: 38px;
		font-size: 14px;
	}
	.message{
		padding: 38px 0;
	}
	.message .txt{
		font-size: 14px;
		margin-top: 15px;
	}
	.message .row{
		margin-top: 25px;
	}
	.message .row input[type=text]{
		height: 45px;
		font-size: 14px;
		text-indent: 108px;
	}
	.message .row input[type=text]#name{
		text-indent: 108px;
	}
	.message .row textarea{
		padding: 40px 25px 0;
		font-size: 14px;
	}
	.message .row input[type=button]{
		width: 80%;
		height: 42px;
		font-size: 16px;
		margin: 25px auto 0;
	}
	.message .row .pdg .bq{
		line-height: 45px;
		font-size: 14px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
}