@media(max-width:768px){
	.header{
		position: fixed;
		height:6rem;
		overflow: initial;
		width: 100%;
        background: #fff;
		z-index: 9999;
		box-shadow: #ccc 0px 0px 10px;
	}
	.header .top{
		display:none;
	}
	.header .content{
		height: 6rem;
	}
	.header .content .logo{
		height: calc(100% - 1rem);
        width: auto;
        margin: 0.5rem;
		width:50%;
		float:left;
	}
	.header .content .logo img{
		width:70%;
		height: auto;
        margin: 5% 0
	}
	.header .content .sp_nav{
		display: block;
        width: 5rem;
        height: 3.5rem;
        position: relative;
        top: 0.5rem;
        right: 0rem;
        padding-top: 1.5rem;
        z-index: 5;
        float: right;
	}
	.header .content .sp_nav i{
		display: block;
        background: #333;
        width: 3rem;
        height: 0.2rem;
        position: absolute;
        left: 0;
		margin-left: 1rem;
        transition: all ease .35s;
	}
	.header .content .sp_nav i:nth-of-type(2){
		top: 2.5rem;
	}
	.header .content .sp_nav i:nth-of-type(3){
		top: 3.5rem;
	}
	.header .content .head_search{
		width: 5rem;
	}
	.header .content .head_search img{
		height: 2rem;
		width:auto;
        padding: 0.9rem;
	}
	.head_search .li_son .search_con .stxt{
		width:80%;
	}
	.header .content .head_search .head_search_son{
		top: 5rem;
		box-shadow: rgb(221, 221, 221) 0px 0px 13px 0;
        -webkit-box-shadow: rgb(221, 221, 221) 0px 0px 5px;
	}
	.header .content .head_search .li_son .search_con{
		width: 100%;
        padding: 1rem 0;
	}
	.header .content .head_search .li_son .search_con form{
		width:100%;
	}
	.header .content .head_search .li_son .search_con p{
		display: none;
	}
	.header .content .head_search .li_son .search_con .stxt{
		color: #949494;
        width: 70%;
        line-height: 3rem;
	}
	.header .content .head_search .li_son .search_con .sbtn{
		margin-right: 5%;
		height: 2rem;
		width: 2rem;
		padding: 0 1rem;
	}
	.head_search .li_son .search_word{
		width:75%;
		font-size:1.4rem;
		 -webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.header .content .column{
		float:left;
		width: 100%;
		position: relative;
        background: #33333394;
		overflow:hidden;
	}
	.header .content .column .menu-head-container{
		width:100%;
		height:100%;
		overflow:hidden;
	}
	.header .column .menu{
		/*margin-top: 5rem;*/
		width: 80%;
        background: #fff;
		height:100%;
		float: left;
		overflow-y: auto;
	}
	.header .column .menu .language{
		margin-top: 0rem;
		overflow: hidden;
		height: 5rem;
		width: 100%;
		margin-left: 2rem;
	}
	.header .column .menu .language a{
		overflow: hidden;
	}
	.header .column .menu .language a img{
		height: 4rem;
		float: left;
		padding:0.5rem;
		opacity: 0.4;
	}
	.header .column .menu .language a img.EN{
		opacity: 1;
	}
	
	.header .column>ul>li{
		width:100%;
	}
	.header .column ul li a{
		width:70%;
		float:left;
		line-height: 4;
		padding-right: 0px;
		text-align: left;
        margin-left: 5%;
	}
	.header .column ul li img{
		float:right;
		margin-top: 4%;
		padding: 1.5rem;
		transform: rotate(-90deg);
	}
	.header .column ul li ul.sub-menu{
		display: block;
		position: initial;
		height: auto;
		width: 100%;
		border: 0;
		padding-bottom: 1rem;
	}
	.header .column ul li ul.sub-menu li{
		width: 90%;
		margin: 0;
		float: none;
		padding-left: 10%;
	}
	.header .column ul li ul.sub-menu li a{
		font-size: 1.6rem;
        font-weight: 500;
		width: 73%;
	}
	.header .column ul li ul.sub-menu li ul li a{
		 -webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.header .column ul li ul.sub-menu li ul li{
		background: url(../images/join02.png) no-repeat left center;
		background-size: 1.6rem;
	}
	.banner{
		height: 25rem;
        padding-top: 6rem;
	}
	
	.banner .content{
		display:none;
	}
	.banner .img{
		width:100%;
	}
	.banner .img .san{
		display:none;
	}
	
	.process,.ab_f{
		width:100%;
	}
	
	.inNews h2,.ab_f h2,.in_appli h2,.process h2{
		font-size:2.5rem;
	}
	
	.inNews p.txt,.ab_f p.txt,.in_appli p.txt,.process p.txt{
		max-width: 90%;
        font-size: 1.6rem;
	}
	.process ul li{
		width: 94%;
        padding: 0 3%;
	}
	.process ul li .imag{
		margin-right: 0%;
		width: 100%;
		margin-bottom: 2rem;
		aspect-ratio: 4 / 3;
		overflow:hidden;
		border-radius: 0.5rem;
		display: flex;
		flex-wrap: wrap;
		align-content: center;
		justify-content: center;
	}
	.process ul li .text{
		 width: 100%;
	}
	.in_appli ul li{
		width: 94%;
		padding: 0 3%;
		margin: 0;
		margin-bottom:2rem;
		
	}
	.in_appli ul li .imag p{
		display:none;
	}
	.in_appli ul li .gli{
		top:0;
		height: auto;
		width: 94%;
		border-radius: 1rem;
		overflow: hidden;
	}
	.in_appli ul li .text{
		top: 0;
		position: absolute;
		z-index: 3;
		overflow: hidden;
		background: #055eb28c;
	}
	.ab_f .ab_fl{
		width: 94%;
		margin: 0.5rem 3%;
		margin-bottom: 5rem;
		float:none;
	}
	.ab_f .index_ab h4 a{
		 width: 28%;
      font-size: 1.2rem;
	}
	.ab_f .index_ab h4 p{
		width: 35%;
	}
	.ab_f .ab_fr{
		width: 94%;
		float: none;
		margin: 0.5rem 3%;
	}
	.ab_f .ab_fr:before{
		width: 100%;
		aspect-ratio: 1 / 1;
	}
	.ab_f .ab_fr:after{
		left: 20%;
		top: -59%;
		height: 558px;
		width: 200px;
	}
	.inNews h2,.inNews p.txt{
		margin-left:5%;
	}
	.inNews ul li{
	    width: 94%;
        margin: 2rem 3%;
	}
	.a-btn{
		width: 96%;
        margin: auto;
	}
	.a-btn ul a{
		width: 50%;
		display: block;
		padding: 0;
		float: left;
		text-align: left;
		margin-bottom: 1.5rem;
		 -webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.aCont .img{
		width: 94%;
		float: none;
		margin: auto;
	}
	.aCont .text{
		width: 94%;
		float: none;
		margin: auto;
	}
	.a-material .text ul li{
		width: 50%;
		margin-bottom: 1.5rem;
		overflow: hidden;
	}
	.a-material .text ul li a{
		padding: 1rem 0;
	}
	.aCont p.txt{
		width: 94%;
		float: none;
		margin: auto;
	}
	.a-quality ul{
		margin-top: 3rem;
	}
	.aCont ul li .img{
		width: 94%;
		float: none;
		margin: auto;
	}
	.aCont ul li .text{
		width: 94%;
		float: none;
		margin: auto;
	}
	.a-mission ul li{
		width: 94%;
		float: none;
		margin: auto;
	}
	.mater_lists .mater_series{
		padding-top:0;
	}
	.mater_lists .mater_series .top .text{
		width: 94%;
		float: none;
		margin: auto;
	}
	.mater_lists .mater_series .top .img{
		width: 94%;
		float: none;
		margin: auto;
		margin-top: 2rem;
	}
	.mater_lists .mater_series .top .text h3{
		font-size:2rem;
	}
	.text_alik a{
		width: 50%;
		margin: 0;
		border: 0;
		float: left;
		padding: 0.5rem 0;
		 -webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 1.4rem;
	}
	.text_alik a:first-child{
		margin: 0;
	}
	.list_data ul li{
		width: 94%;
		margin: auto;
		float: none;
	}
	.list_data ul li .text h5{
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.pro_lists .pro_lists_t{
		width: 94%;
        margin: 2.5rem auto;
	}
	.pro_lists .pro_lists_left{
		width: 100%;
        float: none;
	}
	.pro_lists .pro_lists_right{
		width: 100%;
	}
	.pro_lists .pro_lists_right li{
		width: 50%;
	}
	.pro_lists .pro_lists_right li p{
		font-size:1.5rem;
	}
	.pro_lists .pro_lists_b{
		width: 94%;
        margin: auto;
	}
	.pro_lists .pro_lists_b ul li{
		width: calc(48.5% - 2px);
		margin-right: 3%;
	}
	.pro_lists .pro_lists_b ul li h3{
		font-size:1.6rem;
		-webkit-line-clamp: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.pro_lists .pro_lists_b ul li span{
		font-size:1.4rem;
	}
	.pro_lists .pro_lists_b ul li:nth-child(2n){
		margin-right: 0%;
	}
	.pro_case h2{
		text-align: center;
	}
	.pro_case ul{
		width: 94%;
        margin: 2rem auto;
	}
	.pro_case ul li{
		width: 100%;
	}
	.pro_lists .pro_lists_a{
		width: 94%;
		margin: 2rem auto;
	}
	.pro_lists .pro_lists_a ul li{
		width: 47.5%;
		margin-right: 3%;
	}
	.pro_lists .pro_lists_a ul li:nth-child(2n){
		margin-right: 0%;
	}
	.pro_lists .pro_lists_a ul li h3{
		font-size: 1.6rem;
		line-height: 1.75;
	}
	.pro_lists .pro_lists_a ul li span{
		font-size: 1.4rem;
	}
	.artPro .topPro{
		width: 94%;
		margin: auto;
	}
	.artPro .topPro .img{
		display: none;
	}
	.artPro .topPro .text{
		width: 100%;
	}
	.artPro .textPro{
		padding: 3rem 3%;
	}
	.artPro .textPro .d-table{
		overflow:hidden;
		width:100%;
		margin:auto;
		overflow-x: auto;
	}
	.artPro .textPro .d-table table{
		min-width:1000px;
		
	}
	.appli_cont .appTop .img{
		display: none;
	}
	.appli_cont .appTop .text{
		width: 94%;
		float: none;
		margin: auto;
	}
	.appli_cont h3{
		font-size:2rem;
	}
	.appli_cont ul li h3{
		font-size: 1.5rem;
		text-align: center;
		line-height: 3;
      margin: 0;
	}
	.appli_cont ul li p{
		font-size: 1.3rem;
		-webkit-line-clamp: 3;
	}
	.appli_cont ul li span{
		font-size: 1.3rem;
	}
	.appli_cont .conte{
		width: 94%;
		margin: auto;
	}
	.appli_cont .conte .d-table{
		overflow:hidden;
		width:100%;
		margin:auto;
		overflow-x: auto;
	}
	.appli_cont .conte .d-table table{
		min-width:1200px;
		
	}
	.s_material ul li .text{
		width: 94%;
		margin: auto;
		float: none;
	}
	.s_material ul li .text p{
		font-size: 1.6rem;
	}
	.s_material ul li .img{
		display: none;
	}
	.s_material .tabAppli{
		width: 94%;
		margin: auto;
	}
	.s_material .tabAppli h3{}
	.s_material .tabAppli .d-table{
		overflow:hidden;
		width:100%;
		margin:auto;
		overflow-x: auto;
	}
	.s_material .tabAppli .d-table table{
		min-width:1000px;
		
	}
	.s_material .related{
		width: 94%;
		margin: auto;
	}
	.s_material .related ul li{
		width: 47.5%;
	}
	.s_material .related ul li:nth-child(2n){
		margin-right:0;
	}
	.s_material .related ul li:nth-child(3n){
		display: none;
	}
	.s_material .related ul li .text{
		top:0;
	}
	.mater_lists .mater_series .bot{
		width: 94%;
		margin: auto;
	}
	.mater_lists .mater_series .bot ul li{
		width: calc(47.5% - 2px);
	}
	.mater_lists .mater_series .bot ul li:nth-child(3n){
		margin-right:3%;
	}
	.mater_lists .mater_series .bot ul li:nth-child(2n){
		margin-right:0;
	}
	.mater_lists .mater_series .bot ul li .text{
		display: none;
	}
	.s_material ul li{
		width: 94%;
		margin: auto;
		padding: 1rem 0;
	}
	.s_material ul li:nth-child(2n) .img{
		width: 100%;
	}
	.s_material ul li .text .text_bottom .dli{
		width: 100%;
	}
	.s_material .tab{
		width: 94%;
		margin: auto;
		margin-top: 3rem;
	}
	 .s_material .tab .d-table{
		overflow:hidden;
		width:100%;
		margin:auto;
		overflow-x: auto;
	}
	.s_material .tab .d-table table{
		min-width:1000px;
	}
	.s_material .related ul li .text{
		display: none;
	}
	.conews .content{
		width: 94%;
		margin: auto;
		padding: 2rem 0;
	}
	.conews .content li{
		width: 100%;
		float:none;
		margin-right:0;
	}
	.conews .content li .new_bottom span:nth-child(2n){
		margin: 0;
		margin-left: 30%;
	}
	.artNews .thead h1{
		font-size: 2rem;
		line-height: 1.75;
		margin-bottom: 3rem;
	}
	.artNews .thead p{
		font-size: 1.3rem;
	}
	.artNews .thead p span:nth-child(2n){
		display:none;
	}
	.artNews .tcont{
		width: 94%;
		margin: auto;
	}
	.artNews .tcont img{
		max-width: 90%;
		height: auto;
	}
	.artNews .tcont .prev{
		width: 100%;
		font-size: 1.5rem;
		margin: 1rem 0;
	}
	.artNews .tcont .next{
		width: 100%;
		text-align: left;
		margin: 2rem 0;
	}
	.listCase{
		width: 94%;
		margin: auto;
	}
	.listCase ul li,.listCase ul li:first-child, .listCase ul li:nth-child(2){
		width:100%;
	}
	.listCase ul li .img{
		width:100%;
	}
	.listCase ul li .text{
		width:100%;
	}
	.contus{
		width: 94%;
		margin: auto;
	}
	.contus .text{
		width: 100%;
		float: none;
	}
	.contus .tab{
		width: 100%;
		float: none;
	}
	.contimg{
		display: none;
	}
	.imgWindow .cha img{
		margin-top:7rem;
	}
	.artNews .tcont p{
		font-size:1.4rem;
	}
	.artNews .tcont h3{
		line-height: 1.75;
        font-size: 1.6rem;
	}

	.footer .center{
		width: 94%;
        padding: 4rem 0;
	}
	.footer .f_left{
		width: 100%;
        margin: 0;
	}
	.footer .f_cont{
		display: none;
	}
	.footer .f_right{
		width: 100%;
        margin-top: 2rem;
	}
	.totop{
		right: 3%;
	}
	
}