@media (max-width: 1199px) {
	.pc{
		display: none !important;
	}

	.fl , .fr{
		float: none;
	}
	.clear{
		display: none;
	}
	.main{
		width: 95%;
		margin: 0 auto;
	}
	.head_top{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header .head_top .seach{
		margin: 0;
		width: 40%;
	}
	.header .head_top .seach form{
		display: flex;
	}
	.header .nav{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.header .nav_list .nav_xiala{
		top: 50px;
		left: 0;
	}
	.header .nav_list a{
		font-size: 16px;
	}
	.header .nav .tel{
		font-size: 22px;
		display: none;
	}
	.header .nav .nav_list{
		padding: 0 15px;
	}

	.sy_product , .sy_product .product_main , .sy_fa{
		margin-top: 40px;
	}
	.product_main .swiper-slide .name , .box .more a{
		font-size: 16px;
		height: 34px;
		line-height: 34px;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	.box .more{
		margin-top: 25px;
	}
	.sy_fa .fa_main{
		margin-top: 40px;
	}
	.jjfa-b{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.sy_fa .fa_list .name{
		font-size: 16px;
		line-height: 26px;
	}
	.sy_fa .fa_list .text{
		font-size: 14px;
		line-height: 24px;
	}
	.sy_fa .fa_main .fa_list:hover .name{
		padding: 5px 5px;
	}
	.fa-b-left{
		margin-right: 20px;
	}
	.sy_news{
		margin-top: 40px;
	}
	.sy_news .news_main{
		margin-top: 40px;
		display: flex;
		justify-content: space-between;
		background: none;
	}
	.sy_news .sy_news_main{
		width: 45%;
		margin-right: 2%;
	}
	.sy_news .text_main{
		width: 53%;
	}
	.news_main .top_news_img img{
		width: 100%;
	}
	.sy_news .sy_news_main .name{
		height: 36px;
		line-height: 36px;
		border-bottom: 1px solid #d2d2d2;
		color: #111111;
		font-size: 18px;
		margin-top: 10px;
	}
	.sy_news .sy_news_main .text{
		line-height: 26px;
		padding: 5px 0;
	}
	.sy_news .news_list .name{
		font-size: 18px;
	}
	.sy_news .news_list .text{
		margin-top: 10px;
		line-height: 26px;
	}
	.sy_news .news_list .data{
		margin: 20px 0;
	}
	.sy_news .news_list .datas {
		width: 180px;
		float: right;
		background: #eee;
		/* text-align: right; */
	}
	.footer{
		margin-top: 40px;
	}
	.footer .top{
		display: flex;
		font-size: 22px;
	}
	.footer .center .text_main{
		width: 80%;
	}
	.footer .text_mains , .foote-lx{
		display: flex;
	}
	.footer .text_mains .text_mains_list{
		width: 33%;
		padding-right: 1%;
		margin-right: 1%;
	}
	.footer .center .img.fr{
		margin-right: 0;
		padding: 10px 10px;
		width: 20%;
	}
	.ewm img{
		width: 100%;
	}
	.footers .navs{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.footers .navs .navs_list{
		padding: 0 10px;
	}
	.box.product{
		margin-top: 40px;
	}
	.pro-box{
		display: flex;
	}
	.pro-box .celan{
		width: 25%;
		margin-right: 2%;
		box-shadow: none;
	}
	.pro-box .celan .class_list{
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.product .product_main {
		width: 73%;
		margin-bottom: 40px;
	}
	.product_main .title{
		font-size: 24px;
	}
	.product_main .products{
		margin-top: 40px;
		text-align: center;
	}
	.product_main .product_list{
		float: left;
		margin-right: 2%;
		width: 31.3%;
		margin-bottom: 20px;
	}
	.product_main .product_list .name{
		font-size: 16px;
	}
	.products:after {
		clear: both;
		display: table;
		content: " ";
	}
	.img_s{
		width: 100%;
	}
	.img_s .tb-s310, .tb-s310 a {
		height: auto;
		width: 100%;
	}
	.img_s .tb-s310, .tb-s310 img{
		max-height: inherit;
		max-width: 100%;
		width: 100%;
	}
	.product_main .products .describe{
		width: 100%;
		margin-top: 30px;
	}
	.product_main .describe .text_main{
		text-align: left;
	}
	.product .product_main .class_tab{
		display: flex;
		margin-top: 30px;
	}
	.product .class_tab .tab_list a{
		font-size: 18px;
	}
	.product .class_tab .tab_list{
		padding: 0 25px;
	}
	.product .product_main .tab_main{
		margin-top: 30px;
		padding-bottom: 30px;
	}
	.product .tab_main .name{
		width: 100%;
	}
	.product .tab_main .text_main{
		width: 100%;
		line-height: 26px;
		font-size: 16px;
	}
	.product .tab_main#fhbz .text_main{
		padding: 0;
	}
	.product .tab_main#pj .text_main{
		font-size: 16px;
		min-height: inherit;
		line-height: 34px;
	}
	.box.solution{
		margin-top: 40px;
	}
	.solution_main .title{
		font-size: 24px;
	}
	.solution .solution_main{
		width: 70%;
	}
	.solution_main .solutions{
		margin-top: 40px;
	}
	.solution_main .solutions .solution_list{
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.solution_main .solutions .solution_list:after{
		clear: both;
		display: table;
		content: " ";
	}
	.solution_main .solutions .img{
		width: 37% !important;
		float: left;
	}
	.solution_main .solutions .text{
		width: 60%;
		float: right;
	}
	.solution_main .solution_list .name a{
		padding: 10px;
	}
	.solution_main .solution_list .name{
		font-size: 16px;
	}
	.solution_main .solution_list .text_main , .solution_main .solution_list .more{
		margin-top: 10px;
	}
	.guides .title{
		font-size: 24px;
	}
	.guides .guides_main{
		margin-top: 40px;
		display: flex;
	}
	.guides .guides_list .name{
		font-size: 18px;
	}
	.guides .guides_list .class2_names{
		font-size: 16px;
	}
	.guides .guides_main .guides_list{
		width: 31%;
		margin-right: 2%;
	}
	.product_main .characteristic{
		margin-top: 40px;
	}
	.img_s .tb-pic a{
		display: block;
	}
	.box.download{
		margin-top: 40px;
	}
	.download .celans{
		width: 25%;
		margin-right: 2%;
		height: 100%;
	}
	.download .celans .top{
		line-height: 26px;
		font-size: 18px;
		margin-top: 0;
		padding: 10px 0;
	}
	.download .celans .name {
		font-size: 16px;
	}
	.download .celans .contacts_list{
		font-size: 14px;
		margin-bottom: 10px;
		display: flex;
	}
	.download .celans .names{
		width: 85px;
		font-size: 14px;
	}
	.download .download_main{
		width: 73%;
		display: flex;
		flex-direction: column;
	}
	.download .download_main .searchs{
		display: flex;
		height: 38px;
	}
	.download_main .searchs .inputs{
		width: 78%;
	}
	.download_main .searchs .inputs input{
		height: 40px;
		padding: 0 10px;
		font-size: 16px;
	}
	.download_main .searchs .submits{
		margin-left: 2%;
		width: 20%;
	}
	.download_main .searchs .submits input{
		margin-left: 0px;
		width: 100%;
		font-size: 16px;
		height: 38px;
		line-height: 38px;
	}
	.download_main .downloads .download_list{
		padding-bottom: 20px;
		margin-bottom: 20px;
		display: flex;
		justify-content: space-between;
	}
	.download_main .downloads .img{
		width: 40%;
		height: auto;
	}
	.download_main .download_list .text{
		width: 58%;
	}
	.download_main .download_list .name{
		font-size: 16px;
		height: 32px;
	}
	.news{
		margin-top: 40px;
	}
	.news .title{
		font-size: 24px;
	}
	.news .b_b{
		margin: 15px auto 40px;
	}
	.news .news_list{
		display: flex;
		margin-bottom: 30px;
		justify-content: space-between;
	}
	.news .news_list .img{
		width: 40%;
		height: 100%;
	}
	.news .news_list .text_main{
		width: 58%;
	}
	.news .news_list .name{
		font-size: 16px;
		height: 60px;
	}
	.news .news_list .text{
		height: auto;
		line-height: 30px;
		margin: 10px 0;
		font-size: 16px;
	}
	.technology{
		margin-top: 40px;
	}
	.technology .title{
		font-size: 24px;
	}
	.technology .b_b{
		margin: 15px auto 40px
	}
	.technology_list{
		display: flex;
		justify-content: space-between;
		margin-bottom: 30px;
	}
	.technology .technology_list .img{
		width: 34%;
		height: 100%;
	}
	.technology .technology_list .text_main{
		width: 64%;
	}
	.technology .main{
		width: 100%;
	}
	.technology .technology_list .text{
		line-height: 26px;
		height: auto;
	}
	.technology .technology_list .more{
		margin-top: 20px;
	}
	.technology .technology_list .name{
		font-size: 16px;
		height: 30px;
	}
	.repair{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.repair .title{
		font-size: 24px;
	}
	.repair .repair_main{
		margin-top: 60px;
	}
	.repair .repair_main{
		display: flex;
		justify-content: space-between;
	}
	.repair .repair_main .repair_list{
		margin: 0;
		padding: 1%;
		height: auto;
	}
	.repair .repair_main .repair_list:first-child{
		width: 34%;
	}
	.repair .repair_main .repair_list:nth-child(2){
		width: 60%;
	}
	.repair .repair_main .text{
		height: 64px;
		font-size: 16px;
		line-height: 64px;
	}
	.repair .repair_list:nth-child(1) .text_main{
		margin-top: 30px;
	}
	.repair .repair_list:nth-child(2) .text_main{
		width: 85%;
	}
	.text_main ul:after{
		display: table;
		content: '';
		clear: both;
	}
	.repair .repair_list:nth-child(2) li:nth-child(7) input{
		width: auto;
	}
	.technology .main{
		margin: 0 auto 40px;
	}
	.about.box{
		margin-top: 40px;
		margin-bottom: 40px;
	}
	.about .main{
		display: flex;
	}
	.celan {
		width: 25%;
		margin-right: 2%;
		height: 100%;
	}
	.about .about_main{
		width: 73%;
	}
	.about .about_main .title{
		font-size: 24px;
	}
	.about .about_main .about{
		margin-top: 20px;
		font-size: 16px;
		line-height: 24px;
	}
	.del{
		margin-top: 40px;
	}
	.del .main .title{
		font-size: 24px;
	}
	.del .main .del_main{
		margin-top: 40px;
		font-size: 16px;
		line-height: 24px;
	}
	.pages{
		margin-top: 40px;
		height: 40px;
		line-height: 40px;
		box-sizing: border-box;
		margin-bottom: 40px;
	}
	.pages:after{
		clear: both;
		display: table;
		content: " ";
	}
	.del_p , .pages .left , .pages .right{
		display: flex;
	}
	.contact{
		margin-top: 30px;
	}
	.about .about_main .text_main{
		height: auto;
		width: 90%;
		padding: 10px 0;
	}
	.about .about_main .name{
		height: 40px;
		line-height: 40px;
		font-size: 18px;
	}
	.about .text_main .text_mains{
		width: 80%;
	}
	.about .text_main .text_list{
		display: flex;
	}
	.about .text_main .text{
		width: 80%;
	}
	.about .about_main .honor{
		margin-top: 30px;
	}
	.about .about_main .honor_list{
		margin-bottom: 30px;
	}
	.about .about_main .join{
		margin-top: 30px;
	}
	.about .about_main .join_list{
		margin-bottom: 30px;
	}
	.about .join_list .text{
		font-size: 16px;
	}
	.about .about_main .kh{
		margin-top: 30px;
		clear: both;
		display: table;
		content: " ";
	}
	.about .about_main .kh_list{
		width: 31%;
		float: left;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.about .about_main .kh_list:nth-child(3n){
		margin-right: 0;
	}
	.about .about_main .kh_list:nth-child(4n) {
		margin-right: 2%;
	}
	.about .about_main .name{
		font-size: 16px;
		height: auto;
		line-height: 28px;
	}
	.loginsb {
		position: absolute;
		top: 20%;
		right: 20%;
		width: 60%;
	}
	.map_box{
		width: 95%;
		position: relative;
		margin: auto;
		right: 0;
	}
}

@media (max-width: 767px) {
	body {
		margin-top: 75px;
	}
	.header{
		height: 75px;
	}
	.header .head_top .seach , .header .login{
		display: none;
	}
	.header .menu {
		display: block;
	}
	.header .menu img {
		height: 30px;
	}
	.header .nav{
		display: none;
	}
	.sy_product .product_main{
		margin-top: 20px;
	}
	.sy_product .swiper-container2{
		padding: 0;
	}
	.sy_product .swiper-slide{
		padding: 5px 0;
	}
	.sy_fa .fa_main {
		margin-top: 20px;
		padding: 20px 0;
	}
	.jjfa-b{
		display: block;
	}
	.fa-b-left{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.fa-b-right{
		width: 100%;
	}
	.fa-b-right .fa_list{
		margin-bottom: 20px;
	}
	.sy_news .news_main{
		flex-direction: column;
	}
	.sy_news .sy_news_main{
		width: 100%;
	}
	.sy_news .sy_news_main .name{
		font-size: 16px;
	}
	.sy_news .sy_news_main .text{
		font-size: 14px;
	}
	.box .more{
		margin-top: 10px;
	}
	.sy_product .more a,.sy_fa .more a{
		margin: auto;
	}
	.sy_news .more a {
		display: inline-block;
	}
	.product_main .swiper-slide .name, .box .more a{
		font-size: 14px;
	}
	.sy_news .text_main{
		width: 100%;
		margin-top: 20px;
	}
	.sy_news .news_list .name{
		font-size: 16px;
	}
	.sy_news .news_list .text{
		font-size: 14px;
	}
	.sy_news .news_list .data{
		margin: 10px 0;
	}
	.news_list{
		margin-bottom: 20px;
	}
	.footer {
		margin-top: 0px;
		padding-bottom: 20px;
	}
	.footer .top img{
		width: 120px;
	}
	.footer .top{
		font-size: 16px;
		height: 35px;
		line-height: 35px;
	}
	.foote-lx{
		/*display: none;*/
		display: block;
	}
	.footer .text_main_list .text a{
		padding: 0 7px;
	}
	.footers .navs , .text_main_list{
		display: none;
	}
	.pro-box .celan{
		display: none;
	}
	.product .product_main{
		width: 100%;
	}
	.product_main .title{
		font-size: 20px;
	}
	.product_main .product_list{
		float: none;
		width: 100%;
		margin-right: 0;
	}
	.product_main .characteristic{
		margin-top: 20px;
	}
	.product .class_tab .tab_list{
		padding: 0 5px;
	}
	.product .class_tab .tab_list a{
		font-size: 16px;
	}
	.product_main .characteristic .name , .product .tab_main .name{
		font-size: 18px;
	}
	.product_main .describe .text_main , .product_main .characteristic .text_main , .product .tab_main#fhbz .text_main{
		font-size: 14px;
	}
	.product .tab_main .text_main{
		font-size: 14px;
	}
	.product .tab_main#pj .text_main{
		font-size: 14px;
	}
	.solution_main .title{
		font-size: 20px;
	}
	.solution .solution_main{
		width: 100%;
	}
	.solution_main .solutions .solution_list{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.solution_main .solutions .img{
		width: 100% !important;
	}
	.solution_main .solutions .text{
		width: 100%;
		margin-top: 10px;
	}
	.solution_main .solution_list .text_main{
		font-size: 14px;
	}
	.guides .title{
		font-size: 20px;
	}
	.guides .guides_main{
		flex-direction: column;
	}
	.guides .guides_main .guides_list{
		width: 100%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.guides{
		margin-bottom: 10px;
	}
	.guides .guides_list .name{
		text-align: center;
	}
	.news .news_list .img{
		width: 100%;
	}
	.news .news_list{
		flex-direction: column;
	}
	.news .news_list .text_main{
		width: 100%;
	}
	.news .news_list .name{
		margin-top: 20px;
	}
	.download .celans{
		display: none;
	}
	.download .download_main{
		width: 100%;
	}
	.download_main .downloads .download_list , .repair .repair_main{
		flex-direction: column;
	}
	.download_main .downloads .img{
		width: 100%;
		margin-bottom: 10px;
	}
	.download_main .download_list .text{
		width: 100%;
	}
	.download_main .download_list .more{
		margin-top: 10px;
	}
	.repair .repair_main .repair_list{
		width: 98% !important;
	}
	.repair .repair_list ul li{
		width: 100%;
		text-align: center;
	}
	.repair .repair_list:nth-child(2) .text_main{
		width: 98%;
		padding: 20px 1% 0;
	}
	.repair .repair_list:nth-child(2) .baoxiu_list label{
		margin: 0 10px;
	}
	.technology .technology_list{
		flex-direction: column;
		margin-bottom: 20px;
	}
	.technology .technology_list .img , .technology .technology_list .text_main{
		width: 95%;
		margin: auto;
	}
	.technology .technology_list .img{
		margin-bottom: 10px;
	}
	.celan{
		display: none;
	}
	.about .about_main{
		width: 100%;
	}
	.del_p{
		flex-direction: column;
	}
	.pages .left, .pages .right{
		width: 100%;
		border-radius: 6px;
	}
	.pages .name{
		width: 80%;
		font-size: 16px;
	}
	.pages{
		height: auto;
		line-height: 32px;
	}
	.pages .jiaotou , .pages .name{
		height: auto;
	}
	.pages .left{
		margin-bottom: 10px;
	}
	.about .about_main .text_main{
		margin: 0;
		width: 100%;
	}
	.about .text_main .text_mains{
		width: 100%;
		margin: 20px auto 0;
		padding: 20px 2%;
	}
	.about .about_main .name {
		height: 30px;
		line-height: 30px;
		font-size: 16px;
	}
	.about .about_main .kh_list{
		width: 49%;
		margin-right: 0;
	}
	.about .about_main .kh_list:nth-child(2n){
		float: right;
		margin-right: 0;
	}
	.kh_list .img img{
		width: 100%;
	}
	.repair .repair_main .ffe{
		margin-top: 40px;
	}
	.loginsb {
		top: 15%;
		right: 10%;
		width: 80%;
	}
	.loginsb .name{
		font-size: 20px;
	}
	.loginsb .name span {
		width: 60px;
	}
	.login_main {
		margin-top: 20px;
	}
	.login_main {
		margin-top: 20px;
		height: auto;
		padding: 20px 10px;
	}
	.login_main .input {
		height: 36px;
		width: 100%;
		margin-bottom: 20px;
	}
	.login_main .input input {
		height: 36px;
		line-height: 36px;
		font-size: 16px;
	}
	.login_main .submits {
		margin-top: 30px;
	}
	.login_main .submits input{
		font-size: 18px;
	}
	.header .on{
		display: block;
		/*height: 600px;*/
		overflow: scroll;
		right: 0;
		-webkit-transition-property: right, visibility;
		-o-transition-property: right, visibility;
		transition-property: right, visibility;
		-webkit-transition-duration: 0.35s;
		-o-transition-duration: 0.35s;
		transition-duration: 0.35s;
		-webkit-transition-timing-function: ease;
		-o-transition-timing-function: ease;
		transition-timing-function: ease;
	}
	.header .head{
		background: rgba(255, 255, 255, 0.9);
	}
	.header .nav .nav_list{
		background: none;
	}
	.header .nav_list .nav_xiala{
		position: relative;
		width: 100%;
		top: 0;
		background: none;
	}
	.sy_product .text_main {
		width: 100%;
		margin: 15px auto 0;
	}
	.header .nav_xiala .xiala_xiala {
		position: relative;
		left: 0;
		margin-top: 0;
		width: 100%;
		border-left: none;
		box-sizing: border-box;
		padding: 5px 5px 20px 15px;
		background: none;
	}
	.header .nav_xiala .xiala_list .xialas_list {
		width: 100%;
	}
	.sy_product .text_main .text {
		width: 90%;
		font-size: 14px;
		margin: 30px auto 0;
	}
	.sy_product .text p {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		overflow: hidden;
		line-height: 26px;
	}
	.swiper-button-prev2{
		right: 0;
	}
	.swiper-button-next2{
		left: 0;
	}
	.technology .technology_list .img img{
		width: 100%;
		height: auto !important;
	}
	.fanhui {
		position: absolute;
		top: 20px;
		left: 0;
		font-size: 16px;
	}
	.ditu .dt_box {
		top: 25%;
		/* transform: translate(-50%,-50%); */
		width: 100%;
		position: absolute;
		background: #fff;
		border-radius: 2px;
		box-shadow: 0 1px 3px rgba(0,0,0,.3);
		box-sizing: border-box;
		margin-bottom: 20px;
		left: 0;
	}
	#map{
		height: 225px !important;
	}
	.banner{
		margin-top: 75px;
	}
	.footer .center .text_main{
		width: 100%;
		border-bottom: none;
	}
	.footer .text_mains{
		display: block;
	}
	.footer .text_mains .text_mains_list{
		width: 100%;
		padding-right: 0;
		margin-right: 0;
		border-right: none;
		border-bottom: 1px solid #23b5e4;
		padding-top: 10px;
	}
	.footer .center .img.fr{
		width: 100%;
		margin-top: 20px;
	}
	.ewm{
		text-align: center;
	}
	.ewm img {
		width: auto;
		max-width: 100%;
	}
	.map_box{
		width: 95%;
		position: relative;
		right: 0;
		margin: auto;
	}
	.sy_product .swiper-slide img{
		height: 165px;
	}
	.swiper-button-next2, .swiper-button-prev2 {
		width: 15px;
		height: 30px;
		margin-top: 0px;
		background-size: 15px 25px;
	}
}