@media (max-width: 1200px){
.box{
	width:100%
}
}
@media (max-width: 1190px){
.service .list dl{
	width:31.333%;
	margin:1%
}
.service .list dt img{
	width:100%
}
.service .box{
	width:96%
}
}
@media (max-width: 1165px){
.xu_about .one,.xu_about .tow .t_one{
	display:inherit	
}
.xu_about .one .img,.xu_about .one .txt,.xu_about .tow .t_one0 .txt,.xu_about .tow .t_one .txt,.xu_about .tow .t_one .img{
	width:96%;
	margin:0 auto
}
.xu_about .tow .t_one:nth-child(2) .img {
	float:none
}
.xu_about .one .img {
	display:none
}
.xu_about .tow .t_one .img,.xu_about .tow .t_one .txt,.xu_about .tow .t_one .img, .xu_about .tow .t_one:nth-child(2) .txt{
	float:none;
	height:inherit
}
.xu_about .tow .t_one .img img{
	width:100%
}
.xu_about .tow .t_one .txt{
	padding-top:0;
	padding-left:0;
	padding: 0.6rem;
}
}
@media (max-width: 1150px){
.pc_nav li {
    margin-left: 3%;
}
}
@media (max-width: 1025px){
.product .list:nth-child(odd) .txt, .product .list:nth-child(even) .img，.product .list:nth-child(odd) .img, .product .list:nth-child(even) .txt,.product .list .img img,.product .list .img{
	float:none;
	width:100%
}
}
@media (max-width: 1020px){
.pc_nav {
	display:none
}
.m_nav{
	display:block
}
.wap_nav{
	padding:0
}
.nav.box,.apple a,.apple .box{ 
  width:96%;
}
}
@media (max-width: 980px){
.header .top span:nth-child(even){
	display:none
}
#xu_service .list:nth-child(1), #xu_service .list:nth-child(2), #xu_service .list:nth-child(3){
	width:100%;
	margin-bottom:5%
}
#xu_service.xu_service{
	padding:0
}
.contact .cont_left,.contact .cont_right{
	width:100%
}
}
@media (max-width: 910px){
.c_list_fl,.c_list_fr{
	width:100%;
	float:none
}
.c_list_fl p{
	line-height:26px
}
}
@media (max-width: 790px){
.xu_service dl{
	width:49%;
	float:left;
	margin:0;
	margin-bottom:2%
}
.xu_service dl:nth-child(even){
	float: right
}
.xu_service .list:nth-child(1){
	margin-bottom:1%
}
.xu_service .list:nth-child(1), .xu_service .list:nth-child(2),.xu_service .list:nth-child(3), .xu_service .list:nth-child(4), .xu_service .list:nth-child(5){
	width:96%;
	margin:2% auto;
	float:none
}
.p_foot{
	display:none
}
.m_foot{
	display: block
}
.m_foot dl{
	padding:0 0.5rem;
	position: relative
}
.m_foot dt{
	width:25%
}
.m_foot dd{
	width:65%;
	position:absolute;
    top: 50%;
    right: 0.5rem;
    transform: translate(-0%, -50%);
	font-size:15px;
	line-height:30px
}
.footer{
	padding-top:0.5rem
}
.xu_service dd p{
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
font-size:14px;
line-height:20px
}
.xu_service dd {
    padding: 0.225rem 0.125rem;
}
.xu_service dd h4{
	font-size:16px;
	height: 22px;
	font-weight:bold
}
.xu_service {
	padding:0 2%
}
}
@media (max-width: 660px){
#marquee2{
	height: auto;
}	
.xu_about .tow .t_one .txt h2 b{
	font-size: 17px;
	font-weight:normal;
}
.c_list_fl dl{
	padding-bottom:0.2rem
}
.c_list_fl dd{
	top: 40%;
}
.xu_about .tow .t_one .txt {
    padding: 0.5rem;
}	

.news.bg_blue{
	padding-bottom:0.5rem
}
.contact .cont_right p{
	padding:0;
	line-height: 28px;
    font-size: 16px;
	margin-bottom:0.235rem
}
.platform ul.mobile li.active .hover{
	display:none
}
.marqueeleft li img{
	width:4.5rem
}
.marqueeleft li{
	margin:0 5px
}
.marqueeleft li .txt {
    padding: 10px 0;
    font-size: 16px;
}
.laboratory.bg_blue,.platform.bg_blue{
	padding:0 3%
}	
.platform ul.mobile li{
	width:100%;
	margin-bottom:0.4rem
}
.platform ul.mobile li{
	margin:0;
	margin-bottom:0.4rem
}
.platform ul.mobile{
	display:inline-block;
}
.platform{
	background-size:100% 16rem;
	height:16rem
}
.process ul{
	padding:0 0.5rem
}

}
@media (max-width: 640px){
.job_tow .job_list .job_hide{
	padding:0.5rem
}
.job_tow .job_list .clo_5,.bot h1,.bot .lefts p{
	font-size:15px
}
.process h1{
	font-size:15px;
	padding: 0.5rem;
	line-height:24px;
	padding-top:0
}
.bot .lefts p{
	line-height:24px
}
.job_tow .job_list .clo_5 i,.job_tow .job_list.active .clo_5 i{
	width:15px;
	height:15px;
	background-size:15px 15px
}
.news .list .txt h2{
	font-size:18px;
	display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news .list .txt p,.news .list .txt h5{
	display:none
}
.news .list .txt h2 {
    margin: 0.23875rem 0;
}
#news{
	padding:0.5rem
}
.fenpage h5 a{
	position:inherit
}
.product .list .txt p{
	font-size:14px
}
#service{
	padding:0 0.5rem
}
.banner img{
	height:3.2rem;
	object-fit: cover;
}
.xu_about .one .txt h2 b{
	font-size:18px;
	font-weight:bold
}	
.nav.box .logo img{
	width:2rem
}
.xu_about .tow .t_one .txt p,.xu_about .there li,.xu_about .there li:nth-child(2){
	width:100%;
	float:none
}
.xu_about .there li,.xu_about .there li:nth-child(2){
	width:95%;
	margin:0 auto 15px auto
}
.xu_about .there{
	height:inherit
}
.xu_about .one .txt p, .xu_about .tow .t_one .txt p{
	font-size:14px;
	line-height:24px;
}
.nav.box .m_nav  img{
	width:0.51rem
}
.pub_logo .list li{
	width:31.333%;
	margin:1%;
}
.platform ul.mobile li dl{
	height:auto;
	font-size:16px;
	padding:0.325rem 0
}
.platform{
	background-size:100% 16.3rem;
	height:16.3rem
}
.platform ul.mobile li dt{
	padding:0;
	padding-bottom:0.325rem
}
.ppd_add img,.apple img {
    width: 20px;
}
.pub_tit img{
	width:6rem
}
.bg_blue {
    padding:0 3%;
}
.service .box{
	background:none
}
.service .list dl{
	width:48.5%;
	float:left;
	margin:0;
	margin-bottom:3%;
	display:none
}
.service .list dl:nth-child(even){
	float:right
}
.service .list dl:nth-child(1),.service .list dl:nth-child(2),.service .list dl:nth-child(3),.service .list dl:nth-child(4){
	display:block
}
.href a {
    margin: 0.5rem auto;
    width: 2.825rem;
	padding:0.21rem 0
}
}