﻿/*响应式效果*/
@media ( min-width:1180px ) and ( max-width:1300px ) {
	.container{
		max-width: 1160px;
	}
	.sy-pro-right{
		width: 74.7%;
	}
	.sy-pro-list img{
		height: 224px;
	}
	.head-menu .search{
		width: 325px;
	}
	.indexAdvantage ul li .info{
		margin-left: 26px;
	}
	.indexAdvantage ul li:nth-of-type(2n+2) .info{
		margin-right: 26px;
	}
	.syAppN{
		right: -10px !important;
	}
	.syAppP{
		left: -10px !important;
	}
	.syHonorN{
		right: -8px !important;
	}
	.syHonorP{
		left: -8px !important;
	}
	.syHzhbSwiper{
		width: 66% !important;
	}
	.sy-news-right .list{
		padding: 16px 26px;
	}
	.sy-news-left .box{
		padding: 15px 20px 24px;
	}
	.sy-news-left .list1 .info{
		margin-top: 20px;
	}
	.foot-ewm{
		margin-left: 20%;
	}
} 

@media ( min-width:1000px ) and ( max-width:1179px ) {
	.container{
		max-width: 960px;
	}
	.head-menu .search{
		width: 248px;
	}
	.head-menu .link li > a{
		width: 110px;
		font-size: 15px;
	}
	.sy-pro-left{
		width: 225px;
	}
	.sy-pro-right{
		width: 74.5%;
	}
	.sy-pro-list img{
		height: 158px;
	}
	.sy-pro-left .tel{
		padding: 25px 0 0 0;
	}
	.indexAdvantage ul li .info{
		width: 44%;
		margin-left: 30px;
	}
	.indexAdvantage ul li:nth-of-type(2n+2) .info{
		margin-right: 25px;
	}
	.sy-about-left .num-box .lb{
		margin-left: 25px;
		padding-left: 20px;
	}
	.syHzhbSwiper{
		width: 63%;
	}
	.foot-ewm{
		margin-left: 16%;
	}
	.sy-news-right .list{
		padding: 15.7px;
	}
}

/*手机效果*/
@media ( max-width:767px) {    
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.4%;
	} 
	.head{
		padding: 8px 0; 
	}
	.head.fixedbg{
		position: fixed;
		top: 0;
	}
	.head .container{
		padding: 0;
	}
	.head-menu{
		display: none;
	}
	.head.fixedbg{
		padding: 8px 0; 
	} 
	.head .Logo{ 
		width: 12%;
	}
	.head .Logo-txt .txt1 h2{
		font-size: 20px;
		line-height: 25px;
		margin: 0;
	}
	.head .Logo-txt .txt2{
		display: none;
	}
	.head .Logo-txt .txt1 h6{
		font-size: 12px;
		line-height: 20px;
		margin-top: 2px;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	.head-tel{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}
	
	/*index*/
	.syBannerPag{
		bottom: 8px !important;
	}
	.indexProduct{
		padding: 38px 0 15px;
	}
	.mt-sy-h2{
		font-size: 24px;
		line-height: 30px;
		padding-bottom: 24px;
	}
	.mt-sy-h6{
		font-size: 14px;
		margin-top: 10px;
	}
	.indexProduct .container:nth-child(2){
		margin-top: 25px;
	}
	.sy-pro-right .row{
		margin-left: 0;
		margin-right: 0;
	}
	.sy-pro-right .row .pdg:nth-of-type(2n+1){
		padding: 0 5px 0 0;
	}
	.sy-pro-right .row .pdg:nth-of-type(2n+2){
		padding: 0 0 0 5px;
	}
	.sy-pro-right .row .pdg:last-child{
		display: none;
	}
	.sy-pro-list img{
		height: 130px;
	}
	.sy-pro-list{
		margin-bottom: 10px;
	}
	.sy-pro-left{
		display: none;
	}
	.sy-pro-right{
		width: 100%;
		float: none;
	}
	.sy-pro-right h4{
		line-height: 42px;
		text-indent: 20px;
		font-size: 18px;
	}
	.sy-pro-list .tit{
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		text-align: center;
		padding: 0 10px;
	}
	.sy-pro-list .tit span{
		top: 8px;
		display: none;
	}
	.indexAdvantage .titBox{
		background-size: cover;
		padding: 38px 0;
	}
	.indexAdvantage .titBox .mt-sy-h2 span{
		font-size: 36px;
		margin-right: 2px;
	}
	.indexAdvantage ul li .pic{
		width: 100%;
		float: none !important;
	}
	.indexAdvantage ul li .info{
		width: 96%;
		float: none !important;
		max-width: 100%;
		margin-left: 0;
		margin: 25px auto !important;
	}
	.indexAdvantage ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.indexAdvantage ul li .info .sub p{
		margin-bottom: 15px;
		background: url(../images/sy-ys-jt.png) no-repeat left top 7px;
	}
	.indexAdvantage ul li .pic .biaoqian p{
		font-size: 20px;
		line-height: 30px;
	}
	.indexAdvantage ul li .pic .biaoqian i{
		font-size: 26px;
	}
	.indexAdvantage ul li .pic .biaoqian{
		height: 160px;
		background-size: auto 100%;
	}
	.indexAdvantage ul li .pic img{
		height: 300px;
	}
	.indexAdvantage ul li .info .title .txt{
		font-size: 20px;
		line-height: 30px;
	}
	.indexAdvantage ul li .info .title .num{
		font-size: 66px;
		line-height: 64px;
	}
	.indexAdvantage ul li .info .line{
		margin: 18px 0;
	}
	.indexApplication{
		padding: 38px 0;
	}
	.syAppSwiper{
		width: 100%;
		padding: 15px;
		padding-bottom: 40px;
	}
	.sy-app-list .tit{
		margin: 8px 0;
	}
	.sy-app-list{
		padding: 13px;
	}
	.sy-app-list .more{
		margin-top: 12px;
	}
	.syAppN, .syAppP{
		display: none;
	}
	.indexAbout{
		height: auto;
		padding: 38px 0;
	}
	.sy-about-left{
		width: 100%;
		float: none;
	}
	.sy-about-right{
		width: 100%;
		float: none;
		background: rgba(0,0,0,0.45);
		padding: 4%;
		border-radius: 10px;
		margin-top: 25px;
	}
	.sy-about-right h2{
		font-size: 20px;
	}
	.sy-about-right .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 15px;
		text-align: justify;
	}
	.sy-about-right .more{
		margin-top: 25px;
	}
	.sy-about-left h2{
		font-size: 24px;
		line-height: 30px;
	}
	.sy-about-left h6{
		font-size: 16px;
		line-height: 28px;
		margin-top: 15px;
	}
	.sy-about-left .num-box .lb{
		padding-left: 18px;
		margin-left: 25px;
	}
	.sy-about-left .num-box .lb .num sup {
    	font-size: 18px; 
		top: -13px;
	}
	.sy-about-left .num-box .lb .num span{
		font-size: 28px;
		line-height: 28px;
	}
	.sy-about-left .num-box{
		margin-top: 25px;
	}
	.sy-about-left .num-box .lb .num{
		font-size: 14px;
	}
	.sy-about-left .num-box .lb .txt{
		font-size: 14px;
		margin-top: 3px;
	}
	.indexHonor{
		padding: 38px 0;
	}
	.sy-honor-show{
		margin-top: 25px;
		padding-bottom: 14px;
	}
	.syHonorSwiper{
		padding-bottom: 45px;
	}
	.syHonorN, .syHonorP{
		display: none;
	}
	.indexHonor .container:nth-child(2){
		margin-top: 25px;
	}
	.indexHonor .container:nth-child(2) .titBox{
		position: relative;
		width: 100%;
		padding: 4%;
	}
	.syHzhbSwiper{
		width: 100%;
		float: none;
	}
	.indexHonor .container:nth-child(2) .titBox .en{
		font-size: 24px;
		line-height: 28px;
	}
	.indexHonor .container:nth-child(2) .titBox .cn{
		font-size: 24px;
		line-height: 30px;
	}
	.syHzhbSwiper{
		padding: 12px 0;
	}
	.syHzhbN, .syHzhbP{
		width: 32px !important;
		height: 60px !important;
		line-height: 60px;
		margin-top: 0 !important;
		top: 13% !important;
	}
	.indexNews{
		padding: 38px 0;
	}
	.indexNews .container{
		margin-top: 25px;
	}
	.sy-news-left{
		width: 100%;
		float: none;
	}
	.sy-news-right{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.sy-news-left .list1 .pic{
		width: 100%;
		float: none;
	}
	.sy-news-left .list1 .info{
		width: 100%;
		float: none;
		margin-left: 0;
		margin-top: 0;
		padding: 4%;
	}
	.sy-news-left .list1 .info .tit{
		font-size: 18px;
	}
	.sy-news-left .list1 .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	.sy-news-left .list1 .info .more{
		margin-top: 16px;
	}
	.sy-news-left .list2{
		font-size: 14px;
		padding: 0 100px 0 20px;
	}
	.sy-news-left .list2 span{
		font-size: 12px;
	}
	.sy-news-right .list{
		padding: 4%;
	}
	.sy-news-right .list .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 12px;
	}
	
	/*ny*/
	.Nylocation{
		margin-top: 18px;
	}
	.Nylocation .now-wz{
		line-height: 36px;
		font-size: 12px;
	}
	.about{
		padding: 38px 0;
	}
	.about-cn{
		font-size: 24px;
		line-height: 30px;
	}
	.about-en{
		margin-top: 12px;
	}
	.about .info{
		width: 100%;
		float: none;
		padding: 5%;
	}
	.about .container:nth-child(2){
		margin-top: 25px;
	}
	.about .pic{
		width: 100%;
		position: relative;
	}
	.about .info .title{
		font-size: 20px;
	}
	.about .info .line{
		margin: 15px 0;
	}
	.about .info .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.culture{
		padding: 38px 0;
	}
	.culture .row{
		margin-top: 25px;
	}
	.qywh-list{
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.qywh-list .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.product .sy-pro-list img{
		height: auto;
	}
	.productDe .imgShow{
		width: 100%;
		float: none;
	}
	.proDeSwiper{
		width: 78%;
	}
	.productDe .info{
		width: 100%;
		float: none;
		margin-top: 25px;
	}
	.productDe .info .title{
		font-size: 18px;
		line-height: 28px;
	}
	.productDe .info .sub{
		font-size: 14px;
		line-height: 26px;
		height: auto;
		margin-top: 20px;
	}
	.productDe .info .ljzx{
		height: 43px;
		margin-top: 25px;
		line-height: 40px;
		font-size: 14px;
	}
	.product-tab .top-tit{
		line-height: 40px;
		font-size: 18px;
	}
	.product-tab{
		margin-top: 25px;
	}
	.productDe .info .ljzx i{
		font-size: 20px;
	}
	.pro-cpyy img{
		height: 130px;
	}
	.pro-cpyy .tit{
		font-size: 14px;
		line-height: 40px;
		padding: 0 10px;
	}
	.pro-cpyy{
		margin-bottom: 15px;
	}
	.application{
		padding: 38px 0;
	}
	.application .pro-cpyy img{
		height: auto;
	}
	.newsDe{
		padding: 38px 0;
	}
	.newsDe .title{
		font-size: 24px;
		line-height: 28px;
	}
	.newsDe .time{
		font-size: 12px;
		margin-top: 15px;
		padding-bottom: 15px;
	}
	.dePage{
		padding-top: 25px;
		margin-top: 25px;
	}
	.dePage a{
		width: 100%;
		float: none;
		margin-bottom: 5px;
		padding: 4%;
	}
	.news{
		padding: 20px 0 38px;
	}
	.news ul li{
		padding: 12px 0 0 0;
		border-bottom: 1px solid #e5e6e6;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.news ul li i{
		display: none;
	}
	.newsDe .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.contact{
		padding: 38px 0;
	}
	.contact h2{
		font-size: 24px;
		line-height: 30px;
	}
	.contact h6{
		font-size: 14px;
		margin-top: 15px;
	}
	.contact .box{
		margin-top: 25px;
		height: auto;
		padding: 5%;
	}
	.contact .box .sub{
		float: none !important;
		margin-left: 0 !important;
		border-bottom: 1px solid rgba(255,255,255,0.5);
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.contact .box .sub:nth-child(2){
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	.contact .box .sub{
		font-size: 14px;
		line-height: 24px;
	}
	.news ul li .info .tit{
		font-size: 18px;
		line-height: 25px;
	}
	.news .time{
		display: none;
	}
	.news .line{
		display: none;
	}
	.news ul li .info{
		width: 100%;
		float: none;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none !important;
	}
} 