@media screen and (min-width:320px) and (max-width:800px) {
	.indexbox3 .content table{
		width:200%;
	}
	.jsbox .content img{
		max-width:100%;
		display:block;
		margin:0 auto;
	}
	.aboutbox1 p span{
		font-size: .28rem !important;
		line-height: .45rem !important;
	}
	.js .list ul{
		padding:0 3%;
		display:block;
	}
	.js .list li .font{
		font-size:.3rem;
		line-height:.4rem;
		margin-bottom:.2rem;
	}
	.js .list li .font2{
		font-size:.24rem;
		line-height:.4rem;
	}
	.js .list li{
		width:100%;
		padding:.2rem;
		margin:0 auto .3rem;
	}
	.jsbox2>ul>li:hover .text{
		padding-top:7%;
	}
	.indexbox3 .content table .progress-bar:after{
		    border-top: 10px solid transparent;
		    border-left: 10px solid #6fabc0;
		    border-bottom: 6px solid transparent;
	}
	.phoneheader {
		padding: 0 .3rem;
		height: 1.5rem;
		line-height: 1.5rrem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		box-shadow: 0 0 2px #ccc;

	}
	.indexbox3 .content table td{
		line-height:.5rem;
		font-size:.24rem;
	}
	.indexbox3 .content table th{
		line-height:.4rem;
		font-size:.24rem;
	}

	.header,
	.banner {
		display: none;
	}

	.wrap {
		width: 94% !important;
		margin: 0 auto;
	}

	.phoneheader .fr {
		position: absolute;
		right: .3rem;
	}

	.phoneheader .fl img {
		height: .7rem;
	}

	.phoneheader .fr span {
		font-size: .6rem;
		margin: 0 .1rem;
		color: #333;
	}

	.phoneheader .fr img {
		width: .5rem;
		margin-left: .2rem;
	}

	.newszixun {
		margin-top: 1.5rem;
		height: 1.2rem;
	}

	.newszixun .content {
		width: 94%;
		margin: 0 3%;
		padding-top: .4rem;
	}

	.phonebanner {
		display: block;
		margin-top:1.5rem;

	}

	.phonebanner img {
		width: 100%;
		display: block;
	}

	.phonebanner .swiper-pagination {
		left: auto !important;
		width: 86px !important;
		height: 26px;
		background: rgba(0, 0, 0, 0.2);

		right: 15px;
		bottom: 10px !important;
	}

	.phonebanner .swiper-pagination .swiper-pagination-bullet {
		width: 6px;
		height: 6px;
		background: rgba(255, 255, 255, 1);
		margin-top: 15px;
		border-radius: 0;
		margin: 8px 5px !important;
	}

	.phonebanner .swiper-pagination .swiper-pagination-bullet-active {
		background: rgba(72, 136, 143, 1);
	}


	.mobile-container {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		display: none;
		z-index: 99999;
	}

	.mobile_nav {
		position: fixed;
		top: 0;
		right: 0;
		left: auto;
		width: 60%;
		height: 100%;
		background: #fff;
		padding: 0 0.12rem;
		overflow-y: scroll;
	}

	.mobile_nav .top {


		padding: 20px 0 35px;

	}
  
	.mobile_nav .top ul {
		margin-top: .5rem;
	}

	.mobile_nav form {

		width: 200px;
		height: 30px;
		line-height: 30px;
		border: 1px solid #eee;
		margin-right: 30px;
		display: flex;
		margin: 20px auto;
	}

	.mobile_nav form button {
		height: 30px;
		line-height: 30px;
		width: 30px;
		background: url(../images/search.png) no-repeat center center;
	}

	.mobile_nav form input {
		width: 160px;
		padding-left: 10px;
	}

	.mobile_nav .top img {

		width: 3rem;
		display: block;
		margin: 0 auto;
	}

	.mobile-container li,
	.mobile_nav>a {

		line-height: .8rem;
		text-align: left;
		padding-left: .2rem;
		display: block;
		
	}
	.mobile-container>ul>li{
		border-bottom: 1px solid #eee;
	}
.mobile_nav>ul>li:nth-of-type(3) {
    background: url(../images/xl3.png) no-repeat right 10px top .3rem/.3rem;
}
  .mobile_nav .langs{
        padding:0 0 .4rem;
        text-align:center;
    }
  
	.mobile-container li ul.sub {
		display: none;
	}

	.mobile-container li a,
	.mobile_nav>a {
		font-size: .35rem;
		padding-right: 1rem;
		display: block;
	}

	.mobile_nav>ul>li,
	.mobile_nav>a {
		border-bottom: 1px solid rgba(238, 238, 238, 1);

	}



	.mobile-container li ul.sub li a {
		font-size: .3rem;
		line-height: .8rem;
	}

	.mobile-container li ul.sub .subs {
		display: none;
	}

    .indexbox1,.indexbox2{
		padding:.4rem 0 .3rem;
	}
	.indexbox3,.indexbox4,.indexbox5,.aboutbox1,.aboutbox3,.aboutbox4,.aboutbox5,.partners,.career>.content{
		padding:.4rem 0 .6rem;
	}
	.jobsearch{
		padding:.2rem 0;
	}
	.joblist .tab{
		padding:.2rem;
		margin-bottom: .2rem;
	}
	.joblist .tab span.title{
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.joblist .tab .last{
		padding-top:.2rem;
		margin-top:.2rem;
	}
		
	.joblist .tab span.name{
		font-size: .28rem;
	}
	.joblist{
		padding:.2rem 0 .6rem;
	}
	.joblist .tab .last .contact span{
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.partners .content>a, .newslist a.more, .career a.more{
		font-size: .35rem;
	}
	.indexbox5 .left{
		position: relative;
		width: 100%;
		top:.3rem;
	}
    .indexbox1 .wrap .fl,.indexbox1 .wrap img.fr{
		width: 100%;
		padding:0;
	}
	.indexbox5 .left .text{
		top:10%;
		padding:0 2%;
	}	
	.indexbox5 .left .text p.title{
		font-size: .33rem;
		line-height: .4rem;
		margin-bottom: .2rem;
		height: auto;
	}
		
	.indexbox5 .left .text p.font{
		font-size: .25rem;
		line-height: .4rem;
		height: .8rem;
		margin-bottom: .2rem;
	}
	.indexbox5 .left .text span.time{
		font-size: .25rem;
	}
	.indexbox1 .wrap .fl h2,.career>.content h2,.jobsearch h2{
		font-size: .38rem;
		margin-bottom: .2rem;
	}
	.jobsearch select{
		width: auto;
		padding:0 .4rem 0 .2rem;
		font-size: .28rem;
		line-height: .6rem;
		height: .6rem;
		margin:0 .2rem .2rem 0;
		
		background: url(../images/arrow.png) no-repeat right 10px center/.2rem;
		    background-color: #fff;
		padding-left: .2rem;
	}
	.indexbox2 h2, .indexbox3 h2, .indexbox4 h2, .indexbox5 h2,.aboutbox1 h2,.aboutbox3 h2, .aboutbox4 h2, .aboutbox5 h2,.indexbox3 h2.title,.partners h2.title,.newslist h2{
		font-size: .38rem;
		padding-bottom: .2rem;
		margin:0;
	}
	.newslist h2{
		text-align: left;
	}
	.joblist .tab .last .contact{
		padding:.2rem;
	}
	.career>ul>li{
		width: 50%;
	}
	.indexbox3 .text,.partners .text{
		margin-top:.1rem;
	}	
	.indexbox1 .wrap .fl>p,.indexbox1 .wrap .fl .content p,.indexbox2 li .text p,.indexbox3 .text p,.aboutbox1 p,.aboutbox4 .wrap>p, .aboutbox3 .wrap>p,.career>.content p,.aboutbox5 li p,.partners .text p,.partners .content li p,.joblist .tab .last .text p,.joblist .tab .last .contact p,.newslist .wrap>p{
		font-size: .28rem;
		line-height: .4rem;
		height: auto;
	}
	.newslist .wrap>p{
		margin-bottom: .2rem;
	}
	.aboutbox3 ul{
		display: block;
	}	
	.aboutbox2 li{
		width: 50%;
		flex:auto;
	}
	.aboutbox5 li img{
		margin-bottom: .2rem;
	}
	.aboutbox3 li{
		width: 100%;
	margin-bottom: .3rem;
	}
	.aboutbox3 .photo{
		width:50%;
		height: 3rem;
		display: block;
		margin:0 auto .2rem;
	}
	.aboutbox1 p{
		margin-bottom: .2rem;
	}
	.aboutbox3 .photo img{
		position: relative;
		display: block;
		margin:0 auto;
	}
	.aboutbox3 li .text{
		position: relative;
		top:0;
		left: 0;
		width: 100%;
		display: block;
		padding:0;
	}
	.indexbox3 .content{
		overflow-x:scroll;
	}
	.aboutbox3 li.active .photo{
		transform: scale(1);
	}
	.indexbox1 .wrap .fl .content,.indexbox3 .content,.indexbox4 ul,.aboutbox4 ul,.aboutbox5 ul,.partners .content{
		margin-top:.3rem;
	}
	.aboutbox5 li{
		padding:.2rem;
		margin-bottom: .3rem;
	}
	.aboutbox4 li .photo>img{
		position: relative;
		width: auto;
		left: 0;
		display: block;
	}
	.aboutbox4 li .layer .con{
		padding:.2rem;
		    background: url(../images/dh1.png) no-repeat top 10px left 10px/.2rem,url(../images/dh2.png) no-repeat bottom 10px right 10px/.2rem;
			background-color: rgba(229,239,254,0.3);
	}
	.aboutbox4 li .layer .con p{
		height: 1.5rem;
		font-size: .25rem;
		line-height: .5rem;
	}
	.aboutbox4 li .layer{
		padding:.2rem;
	}
	.aboutbox4 li .layer >p{
		font-size: .3rem;
		overflow: hidden;
		height: .4rem;
	}
	.aboutbox4 li>p{
		font-size: .28rem;
		margin:.2rem 0 .4rem;
	}
	.aboutbox3 li .text span.ch{
		font-size: .35rem;
	}
		.aboutbox4 ul{
			display: block;
		}
	.aboutbox4 li,
	.aboutbox4 li .photo>img,
	.aboutbox4 li .photo>div{
		
		width: 100%;
	}
	.footer .fl ul{
		flex-wrap:wrap;
	}
	.footer .copy .fr span{
		text-align:center;
		padding-left:0px;
	}
	.jsbox{
		padding:.5rem 3%;
	}
	.jsbox h2{
		font-size:.4rem;
		margin-bottom:.2rem;
	}
	.jsbox2>ul{
		flex-wrap:wrap;
	}
	.jsbox2>ul>li{
		width:100%;
		flex:auto;
	}
	.jsbox2>ul>li .text span, .jsbox2>ul>li .text2 span{
		font-size:.3rem;
		margin:.2rem 0;
	}
	.jsbox2>ul>li .text2 img,
	.jsbox2>ul>li .text img{
		width:1rem;
	}
	.jsbox2>ul>li .text p{
		font-size:.2rem;
		line-height:.3rem;
		margin:0 auto .2rem;
	}
	.jsbox2>ul>li .text a{
		width:2.4rem;
		height:.6rem;
		line-height:.6rem;
		margin:.2rem auto;
		font-size:.24rem;
	}
	.jsbox p{
		font-size:.24rem;
		line-height:.4rem;
	}
	.aboutbox4 li .photo .text>p,
	.aboutbox4 li .photo .text .con span.more{
		font-size:.28rem;
	}
	.aboutbox4 li .photo .text .con p{
		font-size:.24rem;
		line-height:.7rem;
		height:.7rem;
		margin:0 0 .2rem 0;
		width:100%;
	}
	.aboutbox4 li .photo{
		display:block;
	}
	.aboutbox3 li .text .con{
		    background: url(../images/dh4.png) no-repeat top 10px left 10px/.3rem,url(../images/dh3.png) no-repeat bottom 10px right 10px/.3rem;
		    background-color: #F7F7F7;
		    border-radius: 10px;
		    padding: .2rem .5rem;
		
	}	
	.aboutbox3 li .text span.en{
		font-size: .3rem;
	}
	.aboutbox3 li .text .con p {
		font-size: .28rem;
	}
	.indexbox5 .box{
		width: 100%;
		float: none;
		padding:.2rem;
		margin-top:.5rem;
	}
	.indexbox4 li{
		width: 25%;
		height: 1.5rem;
	}
	.indexbox5 .box li{
		width:100%;
		
	}
	.aboutbox4 li{
		padding:.3rem;
	}
	.indexbox5 .box li img{
		height:auto;
	}
	.contact_map h2{
		font-size: .38rem;
		padding:.4rem 0 .2rem;
	}
	.partners .content li{
		width: 100%;
		padding:.2rem;
		margin-bottom: .3rem;
	}	
	.partners .content li i{
		height: auto;
	}	
	.partners .content li span.title{
		font-size: .32rem;
		margin:.1rem 0 .2rem;
	}
	.indexbox5 .box li p.font,.indexbox5 .box li p.time{
		font-size: .25rem;
		line-height: .4rem;
	}
	.technology .list .text,.technology .list:nth-of-type(2n) .text{
		width: 100%;
		padding:.3rem 3%;
	}
	.technology .list>img{
		width: 100%;
	}
	.technology .list span.title{
		font-size: .3rem;
		width: 100%;
		line-height: .5rem;
		margin-bottom: .2rem;
	}
	.technology .list:nth-of-type(1) .text span.title{
		font-size: .35rem;
		width: 100%;
		line-height: .6rem;
		margin-bottom: .2rem;
	}
		
	.technology .list .text a{
		width: 100px;
		font-size: .28rem;
		line-height: .5rem;
		height: .5rem;
		margin-top:.2rem;
	}
	.technology .list .text p,.technology .list:nth-of-type(1) .text p{
		font-size: .28rem;
		line-height: .5rem;
	}
	.footer .fl img{
		display: block;
		margin:0 auto;
	}
	.footer .copy li{
		width: 32%;
	}
	.footer .copy .fr{
		text-align:center;
	}
		
	.footer .copy li a{
		font-size: .27rem;
	}
	.footer .copy ul,.footer .copy p{
		width: 100%;
		padding:0;
		margin-top:.1rem;
	}
	.footer  .wrap .fr{
		line-height:1.3rem;
	}
	.indexbox5 .box li p.title{
		font-size: .28rem;
		line-height: .4rem;
		margin:.2rem 0;
	}
	.indexbox5 .left .text a{
		width: 100px;
		font-size: .25rem;
		display: block;
		margin:.2rem auto;
		height: .8rem;
		line-height:.8rem;
		float: none;
	}
	.indexbox3 .content .title li{
		font-size: .22rem;
		line-height: .4rem;
		
		
	}
	.indexbox3 .content .title,.indexbox3 .content .tab{
		width: 800px;
	}
	.indexbox3 .tab .list li:last-child{
		width: 14%;
	}
	.progress{
		height: 14px;
	}
	.indexbox3 .tab .list li{
		font-size: .22rem;
		line-height: .4rem;
	}
	.indexbox2 ul{
		margin-top:.4rem;
	}
	.indexbox2 li .photo{
		padding:.2rem 0;
	}
	.indexbox2 li .text{
		padding:.2rem ;
	}
	.indexbox2 li .photo span,.indexbox2 li .text span{
		font-size: .3rem;
	}
	.submenu {
		height: .7rem;
		line-height: .7rem;
	}

	.submenu a,
	.submenu span {
		font-size: .28rem;
	}

	.indexzx {
		padding: 1rem 0 .6rem;
	}

	.indexzx .text h2,
	.indexnews h2 {
		font-size: .38rem;
		margin-bottom: .2rem;
		text-align: center;
	}
.indexnews h2{
	text-align: left;
}
	.indexzx .text p,
	.indexzx li .font p {
		width: 100%;
		font-size: .28rem;
		word-break: break-all;
		line-height: .5rem;
	}

	.indexzx .text a {
		width: 1.5rem;
		height: 0.6rem;
		line-height: .6rem;
		font-size: .22rem;
		margin: .2rem auto 0;
	}

	.indexzx ul {
		height: auto;
		margin-top: .5rem;
	}

	.indexzx li ,.back_work .text4 li,.back_work .text5 li{
		width: 49%;
		margin: 0 2% .3rem 0;
	}
  
	.indexzx li:nth-of-type(2n),.back_work .text4 li:nth-of-type(2n) {
		margin-right: 0;
	}

	.indexzx li img {
		height: 2.4rem;
	}

	.indexzx li .font {
		padding: .2rem .2rem .3rem;
	}

	.indexzx li .font span,
	.indexnews li .text p.title {
		font-size: .32rem;
		padding-bottom: 10px;
		line-height: .4rem;
		height: .4rem;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.indexzx li .font p {
		height: 2rem;
		margin-top: .3rem;
	}

	.indexnews,
	.contact,
	.indexproduct,
	.newslist,
	.indexmessage,
	.indexproducts,
	.productdetail {
		padding: .4rem 0 .6rem;
	}

	.morearticle {
		padding: .4rem 0;
	}

	.morearticle a {
		height: 0.6rem;
		line-height: .6rem;
		font-size: .22rem;

		width: 3rem;
	}

	.indexnews li {
		padding: .2rem 0;
	}

	.indexnews li img {
		width: 40%;
	}

	.indexnews li .text {
		width: 55%;
	}

	.indexnews li .text p.font,
	.indexnews li .text span {
		font-size: .28rem;

	}

	.indexnews li .text p.font {
		line-height: .5rem;
		height: 1rem;
		overflow: hidden;
	}



	.footer {
		padding: .3rem 0 .4rem;
	}

	.footer .fl,
	.footer .fr {
		width: 100%;
	}

	.footer .fl ul {
		display: flex;
		align-items: center;
		justify-content: center;
		line-height: .6rem;
		width: 100%;
	}

	.footer .copy {
		padding: .2rem 3%;
	}

	.footer .copy p {
		font-size: .25rem;
		line-height: .4rem;
	}

	.footer .fl li a {
		font-size: .28rem;
		margin-right: .2rem;
	}

	.about .text1,
	.about .text3 {
		padding: .4rem 0 .6rem;
	}

	.about .text2 {
		width: 100% !important;
		padding: .4rem 3%.6rem;
	}
   .back_work .wrap{
	   max-width: 94%;
   }
	.about .text1 h2,
	.about .text2 h2,
	.Special_research .text h2 ,.back_work .text1 h2,.back_work .text2 h2,.back_work .text3 h2,.back_work .text4 h2,.back_work .text5 h2,.back_work .text5 h2, .back_work .text6 h2{
		font-size: .38rem;
		margin-bottom: .2rem;
		text-align: center;
	}

	.Special_research .text h2,
	.Special_research .contents h2,
	.service .text h2,.service .content h2,.contact .contact_top .fl h2 {
		text-align: left;
		padding-bottom: .2rem;
		font-size: .38rem;
		margin: 0;
	}
.xq_box .xq_title .title_p{
	padding-bottom: .2rem;
	font-size: .38rem;
	margin: 0;
}
.xq_box .xq_title .time{
	font-size: .24rem;
}
.xq_box .content{
	padding-top:.4rem;
}
	.service .text h2 span,.service .content .choose ,.contact .contact_top .fl p{
		font-size: .28rem;
	}

	.Special_research .text .content p,
	.Special_research .text .content p span,.xq_box .content p ,.back_work .text1 p,.back_work .text3 p,.back_work .text5 p,.back_work .text5 p, .back_work .text6 p{
		font-size: .28rem !important;
		word-break: break-all;
		line-height: .5rem !important;
	}

	.Special_research .text,
	.Special_research .contents,
	.service .text,.service .content ,.back_work .text1,.back_work .text2,.back_work .text3,.back_work .text4,.back_work .text5,.back_work .text6{
		padding: .4rem 0 .6rem;
	}

	.about .text1 p,
	.about .text2 p,
	.about .text3 p {
		max-width: 100%;
		font-size: .28rem;
		word-break: break-all;
		line-height: .5rem;
	}

	.Special_research .contents li .ans {
		padding: 0 .2rem .3rem;
		background: url(../images/shou.png) no-repeat left 10px top 10px/15px;
		background-color: rgba(189, 222, 254, 1);
	}

	.Special_research .contents li .ans .text p {
		font-size: .24rem;
	}

	.Special_research .contents li .ans .text {
		padding: .2rem 0 0;
	}

	.Special_research .contents li .ans span.title {
		line-height: .7rem;
		font-size: .28rem;
		padding-left: 20px;
	}

	.Special_research .contents li p.qus {
		line-height: .7rem;
		font-size: .28rem;
		padding-left: 30px;
		height: .7rem;
		background: url(../images/jia.png) no-repeat left 10px center/15px;
	}

	.page a {
		font-size: .22rem;
	}

	.service .text ul,.back_work .text6 ul {
		margin-top: .4rem;
	}

	.service .text li {
		width: 32%;
		margin: 0 2% .4rem 0;
		font-size: .28rem;
		height: 2.3rem;
	}

	.service .text li:nth-of-type(3n) ,.service .text li:nth-of-type(21n){
		margin-right: 0;
	}
	.service .text li:nth-of-type(7n){
		margin-right: 2%;
	}
	.service .content input{
		height: .5rem;
		margin:.2rem 0;
	}
	.service .content form p,.contact .contact_list span.title{
		font-size: .28rem;
	}
	.contact .contact_list span{
		font-size: .24rem;
	}
	.contact .contact_list p{
			font-size: .26rem;
	}
	.service .content form button{
		width:2.5rem;
		line-height: .6rem;
		height: .6rem;
		font-size: .28rem;
		margin-top: .2rem
	}
	.newslist ul{
		margin-bottom: .3rem;
	}
	.contact_top,.contact .contact_top .right{
		margin:0;
		width: 100%;
	}
	.contact .contact_top .fl{
		padding:0;
	}
	.contact .contact_top .right{
		margin-top:.4rem ;
	}
	.contact .contact_top .right input{
		width: 100%;
		height: .6rem;
	}
	.contact .contact_top .right textarea{
			width: 100%;
			margin-top:10px;
			height: 2rem;
	}
	.contact .contact_top .right button,.back_work .text2 a{
		line-height: .6rem;
		height: .6rem;
		font-size: .28rem;
		margin-top: .2rem;
		width:2rem;
	}
	.contact .contact_list{
		margin:.4rem 0 0;
		padding:.2rem 0;
	}
	.contact .contact_list ul{
		display: block;
	}
	.contact .contact_list li{
		width: 100%;
	}
	.back_work .text1 .wrap>Ul{
		height: auto;
		margin-top:.4rem;
		display: block;
	}
	.back_work .text1 .wrap>Ul>li{
		width: 100%;
		margin-bottom: .2rem;
	}
	.back_work .text1 .wrap>Ul>li ul{
		height: auto;
		margin:0;
		padding:.2rem ;
	}
	.back_work .text1 .wrap>Ul>li li{
		font-size: .24rem;
		line-height: .5rem;
		background: url(../images/gou.png) no-repeat left center/15px;
	}
	.back_work .text3 .content{
		margin-top:.4rem;
		    background: url(../images/d1.png) no-repeat top center/80%;
	}
	.back_work .text3 .content ul{
		padding-top:6.5rem;
	}
	.back_work .text3 .content li:nth-of-type(odd),.back_work .text3 .content li:nth-of-type(even){
		width:50%;
		text-align: left;
		margin:0 0% .3rem;
		padding:0 .2rem;
	}
	.back_work .text3 .content li span{
		font-size:.28rem;
			text-align: left;
	}
	.back_work .text3 .content li p{
		height: auto;
		font-size:.24rem;
		margin-top:.2rem;
		text-align: left;
		height: .9rem;
		line-height: .3rem;
	}
	.back_work .text4 ul,.back_work .text5 ul{
		margin-top:.4rem;
	}
	.back_work .text4 li img{
		margin:0 auto .2rem;
	}
	.back_work .text4 li p{
		line-height: .6rem;
		font-size: .24rem;
	}
	.back_work .text5 ul{
		display: block;
	}
	.back_work .text5 li{
		width: 48%;
		padding-right: 0;
	}
	.back_work .text5 li img{
		margin:0 auto .2rem;
	}
	.back_work .text5 li span{
		font-size: .38rem;
		line-height: .4rem;
		margin-bottom:.2rem;
	}
	.back_work .text6 li{
		width: 33%;
		height: 1.5rem;
		padding:0 2%;
		box-sizing: border-box;
	}
	.back_work .text1 .wrap .choose{
		display: block;
		line-height: .7rem;
		font-size: .24rem;
	}
	.layer .popup{
		width: 94%;
		padding:.3rem;
	}
	.layer .popup h2{
		    font-size: .38rem;
		    margin-bottom: .2rem;
		   
		
	}
	.layer .popup p,.layer .popup form p{
		 font-size: .28rem;
	}
	.layer .popup input{
		line-height: .5rem;
		height: .5rem;
		margin:.2rem 0 .1rem;
	}
	.layer .popup button{
		line-height: .7rem;
		width: 2rem;
		font-size: .28rem;
		margin-top:.3rem;
	}
	.layer .popup p span{
		font-size: .3rem;
	}
	.layer .popup img.delete{
		width:.4rem;
	}
	.back_work .text1 .wrap>Ul>li:hover{
		transform: translateY(0px);
		transform: scale(1);
	}
	.service .content .choose div{
		font-size: .28rem;
	}
	.service .content .choose div{
		width:77%;
	}
}


@media screen and (min-width:800px) and (max-width:1200px) {

	.wrap {
		width: 90%;
		margin: 0 auto;
	}
.indexzx .text h2,.indexnews h2,.about .text1 h2, .about .text2 h2,.service .text h2,.service .content h2,.Special_research .contents h2,.Special_research .text h2,.layer .popup h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.header .center>ul>li a{
		font-size: 15px;
		
	}
	.header .center>ul>li{
		margin:0 20px;
	}
	.indexzx li img{
		height: 120px;
	}
	.indexzx li .font span{
		font-size: 20px;
	}
	.footer .fl li a{
		margin-right: 40px;
	}
	.service .text li{
		font-size: 18px;
		height: 130px;
	}
	.contact .contact_top .right{
	   margin-left:2%;
	   width: 45%;
	}
	.contact_top{
		margin:0 4%;
	}
}


@media screen and (min-width:1200px) and (max-width:1550px) {

	.wrap {
		width: 90%;
		margin: 0 auto;
	}
	.indexzx .text h2,.indexnews h2,.about .text1 h2, .about .text2 h2,.service .text h2,.service .content h2,.Special_research .contents h2,.Special_research .text h2,.layer .popup h2{
		font-size: 36px;
		margin-bottom: 30px;
	}
	.indexzx .text p{
		font-size: 20px;
	}
	.indexzx li img{
		height: 140px;
	}
	.service .text ul{
		padding:0 4%;
	}
	.service .text li{
	    margin: 0 3% 20px 0;
		font-size: 20px;
		width: 14%;
		height: 140px;
	}
	.service .text li:nth-of-type(6n){
		margin-right: 0;
	}
	.service .text li:nth-of-type(7n){
		margin-right:3%;
	}
	.contact .contact_top .right{
		margin-left:2%;
	}
	.contact .contact_list{
		margin:100px 0 0;
	}
.contact_top{
	margin:0;
}
.layer .popup{
	width:80%;

}
	
.contact .contact_top .right{
	margin-left:5%;
	width: 45%;
}
}


@media screen and (min-width:1200px) and (max-width:1700px) {
	
	.technology .list .text{
		    padding: 30px 4% 0 5%;
	}
	.technology .list:nth-of-type(2n) .text{
		
    padding: 30px 5% 0 4%;
	}
	.technology .list span.title{
		font-size: 25px;
		margin:15px 0;
	}
	.technology .list:nth-of-type(1) .text span.title{
		font-size: 40px;
		margin-bottom: 20px;
	}
		.technology .list .text a{
			margin-top:20px;
			font-size: 18px;
		}
	.technology .list:nth-of-type(1) .text p,.technology .list .text p{
		font-size: 18px;
		height:400px;
		overflow: hidden;
	}
	.technology .list .text p{
		height: 200px;
	}
.joblist .tab span.title,.joblist .tab .last .contact span,.contact .contact_top .fl p{
	font-size: 20px;
}
	.header .center>ul>li{
		margin:0 10px;
	}
		
	.indexbox3 h2.title,.partners h2.title,.newslist h2,.career>.content h2,.jobsearch h2,.contact .contact_top .fl h2,.contact_map h2,.aboutbox1 h2,.aboutbox3 h2, .aboutbox4 h2, .aboutbox5 h2,.aboutbox3 li .text span.ch{
		font-size: 20px;
	}
	.newslist h2,.career>.content h2,.jobsearch h2{
		margin-bottom: 20px;
	}
	.aboutbox3 li .text span.en,.aboutbox3 li .text .con p,.aboutbox4 li .layer >p,.aboutbox4 li .layer .con p{
		font-size: 14px;
	}
	.aboutbox4 li .layer{
		padding:20px 20px 0;
	}
	.header .center>ul>li{
		margin:0 15px;
	}
	.header .center{
		width: 55%;
		margin-left: -27%;
	}
		
	.newslist .wrap>p,.partners .text p,.partners .content li p,.header .center>ul>li a,.indexbox1 .wrap .fl .content p,.indexbox1 .wrap .fl>p,.indexbox2 li .text p,.indexbox3 .text p,.indexbox3 .tab .list li,.indexbox3 .content .title li,.indexbox5 .left .text p.font,.career>.content p,.aboutbox5 li p{
		font-size: 16px;
	}
	.aboutbox3 .photo{
		height: 300px;
	}
	.indexbox1 .wrap .fl h2{
		font-size: 30px;
		margin-bottom: 20px;
	}
	.indexbox2 h2, .indexbox3 h2, .indexbox4 h2, .indexbox5 h2{
		font-size: 30px;
	}
	.indexbox2 li .photo span,.indexbox2 li .text span,.joblist .tab span.name,.joblist .tab .last .text p,.joblist .tab .last .contact p,.aboutbox1 p,.aboutbox4 .wrap>p, .aboutbox3 .wrap>p{
		font-size: 18px;
	}
		
	.indexbox5 .left .text p.title{
		font-size: 25px;
		margin-bottom: 20px;
	}
	.partners .content li span.title,.partners .content>a, .newslist a.more, .career a.more{
		font-size: 25px;
	}
	.indexbox5 .left .text{
		padding:0 30px;
	}
	.indexbox5 .box li img{
		height: 190px;
	}
	.indexbox4 ul{
		margin-top:60px;
	}
	.partners .content li i{
		height: 100px;
	}
	.newslist .wrap>p{
		margin-bottom: 40px;
	}
	.contact_top{
		margin:0;
	}
	.contact .contact_list{
		margin:50px 0 0;
	}
		
	.header .logo{
		width: 260px;
	}
	.header .logo img{
		height: 35px;
	}
}


@media screen and (min-width:800px) and (max-width:1200px) {
	.header .logo{
		width: 260px;
	}
	.header .logo img{
		height: 35px;
	}
	
	}
	
	@media screen and (min-width:1200px) and (max-width:1600px) {
		.jsbox2>ul>li .text span, .jsbox2>ul>li .text2 span{
			font-size:24px;
		}
		.jsbox2>ul>li .text p{
			font-size:18px;
			line-height:26px;
			margin:0 auto 20px;
		}
		.jsbox2>ul>li .text a{
			width:180px;
			height:50px;
			line-height:50px;
			font-size:18px;
			
		}
		.jsbox2>ul>li:hover .text{
			padding-top:10%;
		}
		
	}
	
	
@media screen and (min-width:1200px) and (max-width:1500px) {
	
	.indexbox3 .content table td{
		font-size:16px;
	}
	
}