@media screen and (max-width: 768px) {

	.part_1{ flex-direction: column; margin-top: 0px;}
	.part_1 .content{ line-height: 1.5; margin-right: 0px; margin-bottom: 20px; flex:none; width: 100%;}
	.part_1 .video{ width: 100%;}
	.part_2 ul li:nth-child(1){ display: none;}
	.part_2 ul li{ font-size: 12px;}
	.part_2 ul li .title{ font-size: 18px;}
	.part_2 ul li .lab{ margin-bottom: 5px;}
	.index_bt .eng{ font-size: 25px; margin-bottom: 6px;}
	.index_bt .title{ font-size: 20px;}
	.index_bt{ margin-bottom: 20px;}
	.part_3 .index_bt{ margin-bottom: 20px;}
	.index_bt .more img{ width: 20px;}
	.index_product ul li{ width: 100%;}
	.index_product ul li a .box .title{ font-size: 18px;}
	.index_product ul li a .box{ padding: 0px 20px 15px;}
	.index_product ul li a .more img{ width: 10px;}
	.index_service ul li .title{ font-size: 16px;}
	.index_service ul li .desc{ font-size: 12px;}
	.index_service ul li a{ font-size: 12px;}
	.index_service ul li a img{ width: 10px; margin-left: 6px;}
	.index_service ul{grid-template-columns: repeat(2, 1fr);    grid-gap: 15px 15px;}
	.index_service ul li{ padding: 20px 10px 10px;}
	.index_service ul li .pic img{ width: 50px;}
	.index_service ul li .title{ margin-top: 15px; margin-bottom: 10px;}
	.index_news ul li a .title{ font-size: 14px; line-height: 22px; height: 44px;}
	.index_case1 ul li a .title{ font-size: 16px; }
	
	.index_solu ul li a .box{ padding: 15px; width: 50%;}
	.xfoot{ display: block;}
	.online{ display: none;}
	.serch_bullet .formbit input{ font-size: 16px;}
	.index_solu ul li a .box .title{ margin-bottom:10px}
	.index_solu .prev{ left:3%;}
	.index_solu .next{ right:3%;}
	
.case_class .items .box .list ul li a{ height: 30px;}
.case_class{ line-height: 30px;}
.select-ui .select .button{ height: 30px; line-height: 30px; border-radius: 5px;}
.select-ui{ border-radius: 5px;}
.case_class .items .box .list ul li a{ border-radius: 5px;}
.case_list ul{grid-template-columns: repeat(2, 1fr);}
.case_list ul li a .title{ font-size: 16px;}
.case_list ul li a .desc{ font-size: 14px;}
.case_list ul li a .lab span{ font-size: 12px; padding: 0px 3px;}
.case_list ul li a .box{ padding: 15px 15px;}
.case .bigtitle{ font-size: 20px;}
.smltitle{ font-size: 18px;}
.case_class .items .tpleft{ font-size: 16px; width: 80px;}
.case_class .items .box .list ul li a{ font-size: 14px;}
.case_class .items .box .list ul{grid-template-columns: repeat(2, 1fr);}
.select-ui .select .button .text{ font-size: 14px;}
.sear_one{ margin-bottom: 15px;}
.smltitle{ margin-bottom:15px;}
.case_class .items{ margin-bottom: 20px;}
.sear_one .box{ padding: 0px 10px;}
.case_list ul li a .lab{ gap:5px}
.page1 a{ font-size: 14px;}
.case_show1{ flex-direction: column;}
.case_show1 .photo{ width: 100%;}
.case_show1 .box{ width: 100%; padding: 30px 5%;}
.case_show1 .box .content{ width: 100%;}
.case_show1 .box .content .title{ font-size: 19px;}
.case_show1 .box .content .lab{ font-size: 14px; margin-top: 10px; margin-bottom: 15x;}
.case_show1 .box .content .infor{ font-size: 14px;}
.case_show1 .box .content .more{ font-size: 16px; border-radius: 5px; line-height: 2.4;}
.case_show1 .box .content .infor{ margin-bottom: 15px;}
.case_show2{ margin-top: 35px; padding: 15px 0px 20px; font-size: 14px;}
.case_bt{ font-size: 20px; margin-bottom: 15px;}
.goback{ padding-top: 7px; margin-bottom: 20px;}
.goback a{ font-size: 14px;}
.goback a img{ width: 12px;}
.index_case1 ul li a .box{ padding: 15px;}
.index_case1 ul li a .desc{ font-size: 14px;}
.index_case1 ul li a .lab span{ font-size: 12px; padding: 0px 4px;}
.index_case1 ul li a .lab{ gap:7px}
.local{ font-size: 12px; padding: 15px 0px;}
.pro_tit .title{ font-size: 20px;}
.pro_tit .desc{ font-size: 14px;}
.pro_tit .list ul li a{ font-size: 14px; border-radius: 5px;}
.pro_tit .list ul{ gap:9px;}
.pro_tit .desc{ margin: 15px 0px;}
.la_class a{ font-size: 14px; border-radius: 5px;}
.la_class { gap:9px;}
.la_class{ margin-bottom: 20px;}
.index_bt.no3{ margin-bottom: 15px;}
.dance2{ margin-top: 30px;}
.index_product.no4{ margin-bottom: 35px;}
.case_bt.no1{ font-size: 18px;}
.case_class .items .box .list ul{gap:10px; margin-bottom: 10px;}
.pro_show2 .items .title{ font-size: 16px;}
.pro_show2 .items{ font-size: 14px; line-height: 1.6; margin-bottom: 25px;}
.pro_show2{ margin-top: 30px;}
.pro_show2 .items p{ margin-bottom: 20px;}
.ques_list ul li{ font-size: 14px;}
.ques_list ul li .title{ padding: 15px 15px; line-height: 1.3;}
.ques_list ul li .title .icon{ width: 13px; height: 13px;}
.ques_list ul li .content{ padding: 0px 15px 25px;}
.ques_list{ margin-top: 30px;}
.ques_list ul li{ border-radius: 5px;}
.part_4.no5{ margin-top: 35px;}
.case.no3 .desc1{ font-size: 14px;}
.manual_list ul li{ border: 1px var(--graycolor) solid; display: flex; flex-direction: column; align-items: flex-start; padding: 15px; margin-bottom: 12px;}
.manual_list ul li .txt{ font-size: 16px;}
.manual_list ul li .model{ margin-left: 0px; width: 100%; font-size: 12px; margin: 6px 0px 12px;}
.manual_list ul li .function a{ font-size: 14px; padding: 0px 10px; margin-left: 0px; margin-right: 10px; border-radius: 5px;}
.manual_list{ margin-bottom: 20px;}
.case .view{ font-size: 12px; margin-top: 10px; margin-bottom: 20px;}
.video_list{ margin-bottom: 25px;}
.video_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);  grid-gap: 15px 15px;}
	.video_list ul li .title{ font-size: 14px; padding: 15px 10px;}
	.video_list ul li .video .icon{ width: 25px; height: 25px;}
	.case .list4 ul{ gap:9px;}
	.case .list4 ul li a{ font-size: 14px; border-radius: 5px;}
	.case .list4{ margin-bottom: 25px;}
	.solu_list ul li{ font-size: 14px; border-radius: 5px; margin-bottom: 10px; padding: 0px 15px;}
	.case.no11 .smltxt{ font-size: 14px; margin-bottom: 10px;}
	.case.no11 .bigtitle{ margin-bottom: 5px;}
	.show_2{ font-size: 14px;}
	.show_2 .title{ font-size: 20px;}
	.show_2 .date{ padding: 13px 0px; margin-bottom: 20px;}
	.fany_1 ul{ flex-direction: column;}
	.fany_1 { padding-top: 10px;}
	.fany_1 ul li{ width: 100%; padding: 6px 0px;}
	.fany_1 ul li:last-child{ text-align: left;}
	.fany_1 .back{ position: static;transform: translate(0%, 0%); margin-top: 10px;}
	.fany_1 .back img{ width: 14px;}
	.book{ width: 100%; max-width: 100%;}
	.book .book_cont{ flex-direction: column;}
	.book .book_cont .box{ width: 100%;}
	.book .book_cont .box .formbit{ height: 40px; font-size: 14px; padding: 0px 14px; border: 1px var(--graycolor) solid; border-radius: 5px;}
	.bigtitle1{ font-size: 20px;}
	.book .book_cont ul li .select-ui{ border: 1px var(--graycolor) solid; }
	.book .book_cont ul li .select-ui .select .button{ height: 38px; line-height: 38px;}
	.book .book_cont ul li .select-ui .select .button .text{ font-size: 14px;}
	.book .book_cont ul li .textarea1{ font-size: 14px; border-radius: 5px; border: 1px var(--graycolor) solid; height: 100px;}
	.book_one .btn{ font-size: 16px; border-radius: 5px; height: 40px; padding: 0px 20px; margin-right: 10px;}
	.part_1 .content .pic{ margin-bottom: 10px;}
	.culture_1{ flex-direction: column;}
	.culture_1 .photo{ width: 100%; margin-bottom: 15px;}
	.culture_1 .content{ flex:none; margin-left: 0px; width: 100%;}
	.culture_1 .content .title{ font-size: 18px; margin-bottom: 3px;}
	.culture_1 .content .desc{ font-size: 14px; margin-bottom: 10px;}
	.innova .photo{ margin-bottom: 10px;}
	.process ul li{ width: 100%;}
	.process ul li .box .txt{ font-size: 16px;}
	.process ul li .box .link{ font-size: 10px;}
	.honor_1 ul li{ width: 100%;}
	.honor_1 ul li .title{ font-size: 16px; padding: 15px 10px;}
	.our_service ul{ flex-direction: column;}
	.our_service ul li{flex:none; width: 100%;}
	.our_service ul{ margin-bottom: 15px;}
	.innova{ font-size: 14px;}
	.Employ ul li { border-radius: 5px;}
	.Employ ul li .title{ font-size: 14px;}
	.Employ ul li .title .box{ display: none;}
	.Employ ul li .title{ padding: 10px 15px;}
	.Employ ul li .title .icon{ width: 13px; height: 13px;}
	.Employ ul li .content{ flex-direction: column; padding: 0px 15px 20px;}
	.Employ ul li .content .tpleft{ width: 100%; margin-bottom: 15px;}
	.Employ ul li .content .tit{  font-size: 14px;}
	.Employ ul li .content .box{ flex:none; width: 100%; margin-right: 0px;}
	.Employ ul li .content .tpleft p img{ width: 12px;}
	.Employ ul li .content .box .desc{ padding-bottom: 15px; margin-bottom: 15px;}
	.Employ ul li{ font-size: 14px;}
	.contact_1{ margin-bottom: 25px; justify-content: space-between;}
	.contact_1 .tpleft{ font-size: 14px; width: auto;}
	.contact_1 .tpleft .tit{ font-size: 16px;}
	.contact_1 .list{ width: auto;}
	.contact_1 .list ul{ justify-content: flex-start;}
	.contact_1 .list ul li{ margin-right: 15px; font-size: 14px;}
	.contact_1 .list ul li img{ width: 80px;}
	.contact_1 .tpright{ width: 200px; height: 170px; font-size: 12px; display: none;}
	.contact_1 .list{ margin: 15px 0px;}
	.contact_1 .tpright .big{ font-size: 16px;}
	.contact_2{ flex-direction: column;}
	.contact_2 .photo{ display: none;}
	.contact_2 .book{ flex:none; width: 100%;}
	.contact_3{ margin-top: 25px;}
	.contact_5 ul{ grid-template-columns: repeat(2, 1fr);}
	.contact_5 ul li{ font-size: 12px; padding: 15px;}
	.contact_5 ul li .txt{ font-size: 16px;}
	.case .smltitle.no2{ font-size: 13px;}
	.case.no13{ margin-bottom: 30px;}
	.probox{ flex-direction: column; align-items: flex-start;}
	.probox .bigtitle1{ margin-bottom: 15px;}
	.updown_1{ padding-bottom: 7px; }
	.updown_2{ padding: 15px 0px;}
	.updown_2 .select-ui{ width: 150px;}
	.updown_2 .select-ui .select .button{ height: 30px; line-height: 30px;}
	.updown_2 .select-ui .select .button .text{ font-size: 14px;}
	.reg_cont ul li .input1 .formbit{height: 40px;
        font-size: 14px;
        padding: 0px 14px;
        border: 1px var(--graycolor) solid;
        border-radius: 5px;}
		.register{ font-size: 14px; width: 100%;}
		.reg_cont ul li .input1 .get{ position: static; margin-top: 10px;}
		.register .lab_1{ font-size: 15px; margin-bottom: 15px;}
		.reg_cont ul li .input1 .get{ width: auto; padding: 0px 15px; font-size: 14px; border-radius: 5px; height: 40px;}
		.reg_cont ul li{ margin-bottom: 15px;}
		.register .affirm a img{ width: 12px;}
		.member_1 ul li img{ width: 15px;}
		.register .affirm{ margin-bottom: 25px; margin-top: 5px;}
		.register .tip{ margin-top: 25px;}
		.tag{ margin-bottom: 15px;}
		.video_23{ width:100%; margin-bottom:15px;}
		}

@media (max-width:750px){
	.swiper2,
	.swiper1{ overflow:hidden;}
	.video-popup .closebtn{width:20px; height:20px; top:10px; right:10px;}
}

@media (max-width:450px){
	.sear_one{ width: 100%;}
	.case_list ul{  grid-template-columns: repeat(1, 1fr);}
	.contact_1 .list ul{ flex-direction: column; width: 100px;}
	.contact_1 .list ul li{ font-size: 12px; text-align: center; margin-right: 0px; margin-bottom: 12px;}
	.contact_1 .list{ margin: 0px;}
	.contact_1 .list ul li img{ width: 60px;}
}