@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) {   
	.sroll_top{
		bottom:10%;
	}
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 2.4%;
	} 
	.head-language-search{
		display: none;
	}
	.banner-kj-warp{
		display: none;
	}
	.menus{
		padding: 10px 0;
	}
	.menus .Logo{ 
		width: 12%;
	}
	footer{
		display: none;
	}
	.foot{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}    
	.menus .land_Htel{
		display: none;
	}
	.menus .WebLink{
		display: none;
	}
	.indexProduct{
		padding: 30px 0;
	}
	.jt-sy-h4{
		font-size: 20px;
		line-height: 25px;
	}
	.jt-sy-line{
		margin: 14px auto 0;
	}
	#pro-top{
		margin-top: 28px;
	}
	#pro-top .swiper-slide .Info{
		width: 100%;
		padding: 5%;
	}
	#pro-top .swiper-slide .Pic{
		width: 100%;
	}
	#pro-top .swiper-slide .Info span{
		width: 120px;
		font-size: 12px;
		line-height: 32px;
		background: url(../images/sy-pro-plus.png) no-repeat right 16px center;
		margin-top: 12px;
	}
	#pro-top .swiper-slide:hover .Info span{
		background: #e7141a url(../images/sy-pro-plus-bs.png) no-repeat right 16px center;
	}
	#pro-top .swiper-slide .Info .tit{
		font-size: 18px;
		line-height: 25px;
		padding-bottom: 12px;
	}
	#pro-top .swiper-slide .Info .sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
		min-height: auto;
	}
	.sy-pro-tab-warp{
		display: none;
	}
	.sy-yy-tab{
		display: none;
	}
	.index_News_Video{
		padding: 32px 0;
	}
	.indexNews{
		width: 100%;
	}
	.index_News_Video .top-tit{
		font-size: 20px;
		line-height: 30px;
	}
	.indexNews ul{
		margin-top: 25px;
	}
	.indexNews ul li{
		padding-top: 12px;
		margin-bottom: 18px;
	}
	.indexNews ul li .tit{
		font-size: 16px;
	}
	.indexNews ul li .sub{
		font-size: 14px;
		margin: 8px 0;
	}
	.indexNews ul li .time{
		font-size: 12px;
		background-size: 15px auto;
	}
	.indexVideo{
		width: 100%;
		border-top: 2px solid #ccc;
		padding-top: 20px;
		margin-top: 25px;
	}
	.indexVideo .sy-sp{
		margin-top: 25px;
	}
	.abs-jt{
		top: 32px;
	}
	#yy-top .swiper-slide{
		height: 200px;
		background-size: cover;
	}
	.indexAbout{
		padding:10px 0 32px 0;
	}
	.indexAbout .sy-abt-cont .title{
		font-size: 20px;
	}
	.indexAbout .sy-abt-cont .line{
		margin: 12px 0 18px;
	}
	.indexAbout .sy-abt-cont .sub{
		font-size: 14px;
		line-height: 25px;
		-webkit-line-clamp: 50;
	}
	.indexAbout .sy-abt-cont .box .list{
		margin-right: 0 !important;
		width: 49%;
	}
	.indexAbout .sy-abt-cont .box .list:nth-child(2){
		float: right;
	}
	.indexAbout .sy-abt-cont .box .list::after{
		display: none;
	}
	.indexAbout .sy-abt-cont .box{
		overflow: hidden;
		margin-top: 22px;
	}
	.indexAbout .sy-abt-pic{
		width: 100%;
		display: none;
	}
	.indexAbout .sy-abt-cont{
		width: 100%;
	}
	.maxsize{
		display: none;
	}
	.slogan{
		padding: 150px 0 140px;
	}
	.abt-tit{
		font-size: 20px;
	}
	.abt-sub{
		font-size: 14px;
		margin-top: 18px;
	}
	.abt-pic-info{
		margin-top: 26px;
		margin-bottom: 28px;
	}
	.video .abt-tit{
		font-size: 20px;
		background-size: 22px auto;
		padding-left: 38px;
	}
	.video ul{
		margin-top: 25px;
	}
	.video ul li p{
		font-size: 14px;
		margin-top: 12px;
	}
	.abt-pic{
		width: 100%;
	}
	.abt-info{
		width: 100%;
		padding: 3%;
	}
	.abt-info .bt{
		font-size: 18px;
		margin-top: 6px;
	}
	.fieldDe-warp{
		margin-top: 30px;
	}
	.abt-info .sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
		padding-bottom: 25px;
	}
	.left-link{
		display: none;
	}
	.right-content{
		width: 100%;
		padding: 3%;
	}
	.ny-content .container{
		margin-top: -65px;
	}
	.abt-tc-sp{
		width: 90% !important;
		height: 30% !important;
	}
	.video ul li .Pic::after{
		background-size: 25px 25px;
	}
	.history-warp{
		margin-top: 28px;
	}
	.history-warp .Img{
		width: 100%;
	}
	.history-warp .Img img{
		display: block;
		width: 100%;
	}
	.history-box{
		width: 100%;
		background: none;
	}
	.history-box .item{
		padding-left: 0;
		background: none;
	}
	.history-box .item .year{
		font-size: 22px;
		line-height: 25px;
		margin-bottom: 4px;
	}
	.item-border{
		padding-bottom: 12px;
	}
	.culture .right-content ul{
		margin-top: 26px;
	}
	.culture .right-content ul li .Pic{
		width: 100%;
	}
	.culture .right-content ul li .Info{
		width: 100%;
		padding: 3%;
	}
	.culture .right-content ul li .Info img{
		margin: 0 auto;
	}
	.culture .right-content ul li .Info .t1{
		font-size: 18px;
		line-height: 25px;
	}
	.culture .right-content ul li .Info .t2{
		font-size: 14px;
	}
	.honor-warp{
		margin-top: 28px;
	}
	.honor-warp .Img{
		width: 100%;
	}
	.honor-warp .Img img{
		display: block;
		width: 100%;
	}
	.honor-warp ul{
		width: 100%;
		margin-top: 25px;
	}
	.honor-warp ul li{
		line-height: 45px;
	}
	.honor-warp ul li .tit{
		min-height: 45px;
		font-size: 14px;
	}
	.honor-warp ul li .ck{
		font-size: 12px;
		background-size: 15px auto;
		padding-left: 20px;
	}
	.pro-class{
		width: 100%;
	}
	.pro-class h3{
		height: 45px;
		line-height: 45px;
		font-size: 16px;
	}
	.pro-class ul li{
		font-size: 14px;
		line-height: 35px;
	}
	.pro-class ul li::after{
		right: 8%;
	}
	.pro-cont{
		width: 100%;
		padding: 3%;
	}
	.pro-cont .pro-bt{
		font-size: 20px;
	}
	.pro-cont .pro-sub{
		font-size: 14px;
		line-height: 25px;
		margin-top: 8px;
	}
	.imgShowPC{
		display: none;
	}
	.imgShowMobile{
		display: block;
	}
	.imgShowMobile .swiper-pagination{
		width: 100% !important;
	}
	.pro-tab .tit{
		font-size: 18px;
	}
	.pro-tab{
		margin-top: 28px;
	}
	.pro-tab .content{
		margin-top: 20px;
		font-size: 14px;line-height: 25px;
	}
	.pro-tab .content table tr{
		font-size: 14px !important;
		line-height: 25px !important;
		font-size: 12px !important;
	}
	.pro-tab .content table tr td{
		padding: 6px !important;
	}
	.proDeImgShow{
		margin-top: 20px;
	}
	.field{
		padding: 3%;
	}
	.field-h4{
		font-size: 20px;
	}
	.field .ulBd{
		margin-top: 28px;
	}
	.field .ulBd .title{
		font-size: 18px;
	}
	.field .ulBd ul li{
		padding: 3%;
	}
	.field .ulBd ul li .Pic{
		width: 100%;
	}
	.field .ulBd ul li .Info{
		width: 100%;
		margin-top: 15px;
	}
	.field .ulBd ul li .Info .sub{
		font-size: 14px;
		line-height: 25px;
		min-height: 50px;
		margin-top: 12px;
		margin-bottom: 10px;
	}
	.field .ulBd ul li .Info span{
		float: left;
		margin-top: 15px;
	}
	.fieldDe .className a{
		background-size: 16px auto;
		padding-left: 22px;
	}
	.field-show .item-list .content{
		display: none;
	}
	.field-show .item-list{
		line-height: 35px;	
		margin-bottom: 5px;
		transition: all .5s ease;
	}
	.field-show .item-list.on{
		transition: all .5s ease;
	}
	.field-show .item-list .tit{
		position: relative;
		top: 0 !important;
		left: 0 !important;
		background: #ddd;
		color: #000;
		border-right: none;
		font-size: 14px;
		padding: 0;
	}
	.field-show .item-list.on .tit{
		color: #fff;
	}
	.field-show .item-list .tit{
		height: auto !important;
		line-height: 35px !important;
		transition: all .5s ease;
	}
	.field-show .item-list .tit span{
		background: none !important;
		margin-top: 0 !important;
		padding-top: 0 !important;
		line-height: 40px;
		padding-left: 0 !important;
		text-align: center;
	}
	.field-show .item-list.on .tit{
		background: #e82328;
	}
	
	.field-show .item-list{
		width: 31% !important;
		margin: 0 1% 5px 1%	;
	}
	.field-show{
		margin-top: 42px;
	}
	.fieldDe{
		padding: 3%;
	}
	.fieldDe .className{
		font-size: 20px;
	}
	.fieldDe-warp .field-content{
		width: 100%;
		padding: 3% 3% 6% 3%;
	}
	.fieldDe-warp .field-title h4{
		font-size: 18px;
	}
	.fieldDe-warp .field-title ul{
		margin-top: 12px;
		background: none;
	}
	.fieldDe-warp .field-title ul li{
		float: left;
		width: 25%;
		line-height: 40px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 0;
		margin-bottom: 8px;
		min-height: 40px;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.news-top{
		display: none;
	}
	.fieldDe-warp .field-title ul li.on{
		border-bottom: 1px solid #e7141a;
	}
	.fieldDe-warp .field-title ul li a{
		background: none;
		padding-left: 0;
		line-height: 35px;
		text-align: center;
		font-size: 14px;
	}
	.fieldDe-warp .field-content .tit{
		font-size: 18px;
	}
	.fieldDe-warp .field-content .cont{
		font-size: 14px;
		line-height: 25px;
		margin-top: 15px;
	}
	.fieldDe-warp .field-title{
		width: 100%;
	}
	.news{
		padding: 3%;
	}
	.Inside-bt{
		font-size: 20px;
	}
	.news-top{
		margin-top: 30px;
	}
	.news-top .left{
		width: 100%;
	}
	.news-top .right{
		width: 100%;
		margin-top: 25px;
	}
	.news-top .left .bt .tit{
		margin-left: 6%;
		width: 70%;
		font-size: 14px;
		min-height: 42px;
		line-height: 42px;
	}
	.news-top .right .item-list .Pic{
		display: none;
	}
	.news-top .right .item-list .Info{
		width: 100%;
	}
	.news-top .right .item-list:first-child{
		padding-bottom: 16px;
		margin-bottom: 12px;
	}
	.news-top .right .item-list .Info .tit{
		font-size: 16px;
	}
	.news-top .right .item-list .Info .time{
		font-size: 12px;
	}
	.news-top .right .item-list .Info .sub{
		font-size: 14px;
	}
	.news-top .left .bt{
		height: 42px;
	}
	.news-top .left .bt .time .day{
		line-height: 18px;
		font-size: 16px;
		padding-top: 2px;
	}
	.news ul{
		margin-top: 16px;
	}
	.news .Inside-bt{
		background-size: 25px auto;
		padding-left: 42px;
	}
	.news ul li{
		padding: 3%;
	}
	.news ul li .time-box{
		display: none;
	}
	.news ul li .content hr{
		display: none;
	}
	.news ul li .content .Info{
		width: 100%;
		margin-left: 0;
	}
	.news ul li .content{
		width: 100%;
		padding-bottom: 15px;
	}
	.news ul li .content .Pic{
		width: 100%;
		margin-top: 8px;
	}
	.news ul li .content .Info .tit{
		font-size: 16px;
	}
	.news ul li .content .Info .key{
		font-size: 12px;
		margin: 4px 0;
	}
	.news ul li .content .Info .sub{
		font-size: 14px;
		line-height: 25px;
		min-height: 50px;
	}
	.newsDe{
		padding: 3%;
	}
	.newsDe hr{
		width: 100%;
		height: 2px;
		margin: 15px 0 0 0;
	}
	.newsDe .time-box .day{
		font-size: 24px;
		line-height: 30px;
	}
	.newsDe .content-warp{
		width: 100%;
	}
	.newsDe .content-warp .top-box .tg .bt{
		font-size: 16px;
		line-height: 25px;
		margin-top: 10px;
		
	}
	.newsDe .content-warp .top-box .tg{
		width: 100%;
	}
	.newsDe .content-warp .top-box .tg .key{
		font-size: 12px;
		margin-top: 8px;
	}
	.de-share{
		width: 36%;
		float: left;
		margin-top: 15px;
		text-indent: 14%;
	}
	.newsDe .content{
		font-size: 14px;
		line-height: 26px;
	}
	.de-fy .sxy{
		width: 100%;
	}
	.de-fy .sxy a{
		line-height: 25px;
		font-size: 14px;
	}
	.de-fy .return{
		line-height: 42px;
		float: left;
		margin-top: 8px;
	}
	.contact{
		padding: 3%;
	}
	.lx-h4{
		font-size: 20px;
	}
	.lx-sub{
		margin-top: 6px;
		font-size: 14px;
		line-height: 25px;
	}
	.jt-contact{
		margin-top: 28px;
	}
	.jt-contact .Info{
		width: 100%;
	}
	.message{
		width: 100%;
		margin-top: 25px;
	}
	.jt-contact .Info .tit{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.jt-contact .Info p{
		line-height: 45px;
		font-size: 14px;
	}
	.jt-contact .Info p.tel a{
		font-size: 16px;
	}
	.indexVideo video{
		height: auto !important;
	}
	.indexVideo .sy-sp .sp-ks{
		background-size: 45px auto;
		display: none !important;
	}
	.ui-loop{
		display: none;
	}
	#bannerPag{
		display: block;
	}
	#yyPag{
		display: block;
	}
	.PC{
		display: none;
	}
	.MB{
		display: block;
	}
	.sySp{
		width: 100%;
		left: 0;
		margin-left: 0;
		top: 30%;
	}
	#vClose,.vClose{
		right: 5%;
	}
}