﻿/*响应式效果*/
@media ( min-width:1440px ) and ( max-width:1680px ) {
	.WebLink li{
		margin-left: 38px;
	}
	.head::after{
		width: 22%;
	}
	.head-search:hover{
		margin-right: -10px;
	}
	.syJjfaSwiper2 .swiper-slide img{
		height: 50vh;
		object-fit: cover;
	}
	.indexSolution{
		padding: 35px 0 0 0;
	}
	.sy-pro-show .hd{
		top: 20px;
	}
} 


@media ( min-width:1300px ) and ( max-width:1439px ) {
	.head-search:hover{
		width: 100px;
		margin-right: 0;
	}
	.head::after{
		width: 16%;
	}
	.WebLink li{
		margin-left: 38px;
	}
	.sy-pro-show .bd ul li .Pic{
		width: 60%;
	}
	.syJjfaSwiper2 .swiper-slide img{
		height: 48vh;
		object-fit: cover;
	}
	.team .row .pdg{
		padding: 0 15px;
	}
	.foot-lm .item { 
		margin-right: 70px;
		min-width: 120px;
	}
	.f-info{
		margin-top: 25px;
	}
	.productDe .Info .sub{
		height: 152px;
	}
} 

@media ( min-width:1180px ) and ( max-width:1299px ) {
	.WebLink li{
		margin-left: 38px;
	}
	.WebLink li > a{
		font-size: 14px;
	}
	.WebLink{
		margin-left: 0;
	}
	.head::after{
		width: 20%;
	}
	.head-search:hover {
		width: 158px;
		margin-right: -12px;
		transition: all .5s ease;
	}
	.syHbSwiper .swiper-slide img{
		height: 70vh;
		object-fit: cover;
	}
	.syHbPag{
		margin-left: 2.4%;
	}
	.foot-lm .item { 
		margin-right: 58px;
		min-width: 110px;
	}
	.indexAbout .Info{
		width: 42%;
	}
	.sy-abt-num{
		margin-left: 65px;
	}
	.sy-pro-show .bd ul li .Pic{
		width: 68%;
	}
	.sy-pro-show .bd ul li .Info{
		width: 60%;
	}
	.history-next{
		right: 44% !important;
	}
	.history-prev{
		left: 44% !important;
	}
	.team .row .pdg{
		padding: 0 15px;
	}
	.team-list .tit{
		font-size: 20px;
	}
	.team-list .sub{
		font-size: 14px;
	}
	.qywh-list .info{
		padding: 20px;
	}
}

@media ( min-width:768px ) and ( max-width:1179px ) {
	 
}

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		padding: 8px 0; 
	}
	.head::after{
		display: none;
	}
	.head .Logo{ 
		width: 65%;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	.head-language{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/ 
	.syBanner .swiper-slide img{
		height: 56vh;
		object-fit: cover;
	}
	.syBannerPag{
		bottom: 18px !important;
	}
	.syHbInfo .cn{
		font-size: 24px;
		line-height: 28px;
	}
	.syHbInfo .en{
		font-size: 18px;
		margin-top: 8px;
	}
	.indexAbout{
		padding: 38px 0;
	}
	.wb-sy-cn{
		font-size: 24px;
		line-height: 28px;
	}
	.wb-sy-en{
		font-size: 14px;
		line-height: 20px;
		margin-top: 8px;
	}
	.indexAbout .cont{
		font-size: 14px;
		margin-top: 25px;
		line-height: 25px;
	}
	.indexAbout .more{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		margin: 25px auto 0;
	}
	.indexProduct{
		padding: 38px 0;
	}
	.indexProduct .container{
		width: 94%;
	}
	.syProSwiper{
		margin-top: 25px;
		padding-bottom: 45px;
	}
	.indexNews{
		padding: 38px 0;
	}
	.indexNews .row{
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
	}
	.sy-news-list{
		margin-bottom: 20px;
	}
	.sy-news-list .info{
		padding: 4%;
	}
	.indexNews .more{
		width: 120px;
		line-height: 40px;
		font-size: 14px;
		margin: 5px auto 0;
		height: 40px;
	}
	
	.Nybanner img{
		height: 22vh;
		object-fit: cover;
	}
	.Nylocation .now-lm{
		display: none;
	}
	.Nylocation{
		line-height: 43px;
	}
	.Nylocation .now-wz{
		float: left;
		font-size: 12px;
	}
	.about{
		padding: 38px 0;
	}
	.about .Info{
		width: 100%;
		float: none;
	}
	.about .Pic{
		float: none;
		width: 100%;
	}
	.abt-top-tit{
		font-size: 24px;
		line-height: 28px;
	}
	.about .Info .line{
		margin: 18px 0;
	}
	.about .Info .txt{
		font-size: 18px;
	}
	.about .Info .cont{
		font-size: 14px;
		line-height: 25px;
	}
	.culture{
		padding: 38px 0;
	}
	.culture .cont{
		margin-top: 25px;
	}
	.honor{
		padding: 35px 0;
	}
	.honor-list{
		padding: 5%;
	}
	.honorSwiper{
		margin-top: 25px;
	}
	.honor-list .tit{ 
		font-size: 14px;
		padding-top: 15px;
		margin-top: 15px;
		line-height: 25px;
	}
	.product{
		padding: 38px 0;
	}
	.pro-cls{
		display: none;
	}
	.pro-list-box{
		width: 100%;
		float: none;
	}
	.pro-list-box .title{
		font-size: 24px;
		line-height: 28px;
	}
	.pro-list-box .line{
		margin: 18px 0;
	}
	.pro-list-box .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.pro-list-box .row{
		margin-top: 25px;
	}
	.pro-list-box .row{
		margin-left: 0;
		margin-right: 0;
	}
	.productDe{
		padding: 38px 0;
	}
	.pro-cont{
		width: 100%;
		float: none;
	}
	.prodeSwiper{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.prodeN, .prodeP{
		display: none;
	}
	.pro-cont .title{
		font-size: 24px;
		line-height: 28px;
	}
	.pro-cont .line{
		margin: 18px 0;
	}
	.pro-cont .sub{
		font-size: 14px;
		line-height: 25px;
	}
	.prode-tab{
		padding: 38px 0;
	}
	.prode-tab .title{
		font-size: 20px;
		line-height: 25px;
	}
	.prode-tab .cont{
		margin-top: 25px;
		font-size: 14px;
	}
	.prode-tab .cont table tr td{
		font-size: 12px;
		height: 35px;
	}
	.prode-tab .row{
		margin-top: 25px;
	}
	.service{
		padding: 38px 0;
	}
	.fwzc-list .info{
		padding: 4%;
	}
	.fwzc-list .info .tit{
		font-size: 18px;
	}
	.fwzc-list .info .sub{
		font-size: 14px;
		height: auto;
		margin-top: 20px;
	}
	.fwzc-list{
		margin-bottom: 20px;
	}
	.recruit{
		padding: 38px 0 80px;
	}
	.recruit .cont{
		position: relative;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 45px;
	}
	.news{
		padding: 38px 0;
	}
	.news ul li .pic{
		width: 100%;
		float: none;
	}
	.news ul li .info{
		width: 100%;
		float: none;
	}
	.news ul li{
		margin-bottom: 18px;
		padding-bottom: 18px;
	}
	.news ul li .info .title{
		font-size: 16px;
		margin-top: 8px;
	}
	.news ul li .info .title span{
		font-size: 12px;
	}
	.news ul li .info .sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 10px;
	}
	.news ul li .info .more{
		margin-top: 12px;
	}
	.newsDe{
		padding: 38px 0;
	}
	.newsDe .title{
		font-size: 18px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 12px;
		margin-top: 15px;
		padding-bottom: 20px;
	}
	.dePage{
		padding-top: 30px;
		margin-top: 30px;
	}
	.dePage .sxy{
		width: 100%;
		float: none;
	}
	.dePage .return{
		float: left;
		margin-top: 10px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact .top-sub{
		font-size: 14px;
		margin-top: 10px;
		padding: 0 4%;
	}
	.contact .info .sub{
		margin-top: 15px;
		font-size: 14px;
	}
	.contact .info{
		float: none;
	}
	.message{
		width: 100%;
		float: none;
		margin-top: 20px;
	}
	.contact .container{
		margin-top: 25px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 