@media screen and (min-width:320px) and (max-width:1000px) {

	.header
	{
		display: none;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		line-height: 1.2rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
	    background: #1F4D8B;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

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

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

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

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

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

	.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: 1rem  0.12rem 0;
		overflow-y: scroll;
	}

	.mobile_nav .top {


		padding: 20px 0 35px;

	}

	.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: 130px;
		display: block;
		margin: 0 auto;
	}

	.mobile-container li {

		line-height: .8rem;
		text-align: left;
		padding-left: .3rem;
	}
	
	.mobile-container .sub li{
		padding-left: .1rem;
	}

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

	.mobile-container li a {
		font-size: .35rem;
		padding-right: 1rem;
	}

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

	}

	.mobile_nav>ul>li:nth-of-type(3) ,.mobile_nav>ul>li:nth-of-type(1){
		background: url(../images/xl.png) no-repeat right 10px top .4rem;
	}
	.mobile_nav>ul>li:nth-of-type(1) .sub >li{
		background: url(../images/xl2.png) no-repeat right 10px top .4rem;
	}

	.mobile-container li ul.sub li a {
		font-size: .26rem;
		line-height: .4rem;
		padding-right: 0rem;
	}

	.mobile-container li ul.three li a {
		font-size: .24rem;
		padding-right: 0;
	}
	.mobile-container li ul.three li{
		line-height: .35rem;
	}

	.mobile-container .lang {
		padding: .5rem 0 .2rem;
		text-align: center;
	}

	.mobile-container .lang a {
		margin: 0 0.2rem;
	}

	.mobile-container .lang a.active {
		color: #339A2C;
	}

	.phonebanner {
		display: block;
		margin-top: .2rem;
		position: relative;
	}

	.phonebanner img {
		width: 100%;
	}
	
	.phoneheader  a.login{
		width: 2.2rem;
		height: .6rem;
		
		border-radius: .3rem;
		line-height: .6rem;
		box-sizing: border-box;
		font-size: .28rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		padding-left: .7rem;
		background:url(../images/ico1.png) no-repeat left .2rem center/.35rem,linear-gradient(180deg, #0077E1 0%, #005BAC 100%);
		
	}
	.phoneheader  a.fr{
		
		font-size: .28rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
	}
	
	.banner{
		margin-top:1.2rem;
	}
	
	.indexbox .box,.footer{
		padding:.4rem 0 .6rem;
	}
	.indexbox .box h2{
		font-size: .5rem;
	}
	.indexbox .box a{
		font-size: .28rem;
		background: url(../images/arrow.png) no-repeat right center/.3rem;
		top:100%;
	}
	.indexbox .box .swiper-container{
		margin-top:.6rem;
	}
	.indexbox .box .swiper-button-prev,.indexbox .box .swiper-button-next{
		display: none;
	}
	.footer .fl,.footer .fr{
		width: 100%;
		padding:0;
	}
	.footer .fr{
		margin-top:.3rem;
	}
	.footer .fl span{
		font-size: .28rem;
	}
	.footer .fr li a{
		font-size: .28rem;
		padding:0 .25rem 0 0;
	}
	.footer .fl p{
		font-size: .26rem;
	}
	.footer .fr li,.footer .fr ul{
		
	
		border:none;
		line-height: .45rem;
	}
	.copy{
		padding:.4rem 0;
	}
	.copy img{
		width: 40%;
		margin:0 auto .2rem;
	}
	.copy p, .copy a{
		font-size: .26rem;
	}
	
	.case{
		margin-top:1.2rem;
	}
	.case .box{
		padding:.7rem 0 .5rem;
	}
	.case .box h2{
		font-size: .5rem;
		margin-bottom: .3rem;
	}
		
	.case .box .title div{
		width: 62%;
	}
	.case .box .title>img{
		max-width: 35%;
	}
	.aboutbox2 .swiper-slide .photo .layer span,
	.case .box .title div span, .case .box .title div p,.case .box .text p,.aboutbox1 .con>div p,
	.aboutbox2 .swiper-slide .photo .layer p,.aboutbox3 li p.qus,.aboutbox4 li div span, .aboutbox4 li div p{
		font-size: .28rem;
	}
	.aboutbox3 li p.ans{
		font-size: .24rem;
		line-height: .35rem;
	}
	.case .box .list{
		margin-top:.4rem;
		padding-top:.3rem;
		display: block;
	}
	.case .box .list li{
		width: 100%;
		height: 4rem;
		margin-bottom: .2rem;
	}
	.case .box .text{
		margin:.3rem 0;
		padding:.2rem .2rem .3rem;
	}
	.case .box .part a{
		width: 2.1rem;
		height: 2.1rem;
		margin:0 3% .2rem 0 ;
		vertical-align: top;
	}
	
	.case .box .part a:nth-of-type(3n){
		margin-right: 0;
	}
	.case .box:nth-of-type(even) .title p{
		text-align: left;
	}
	
	.aboutbox1{
		margin-top:1.2rem;
		padding:.4rem 0 .6rem;
	}
	.yewubox1 .con .wrap{
		width: 94%;
	}
	.aboutbox1 h2,.aboutbox2 h2,.aboutbox3 h2,.aboutbox4 h2{
		font-size: .5rem;
		margin-bottom: .35rem;
		text-align: center;
	}
	.aboutbox2,.aboutbox3,.aboutbox4,.yewubox4{
		padding:.4rem 0 .6rem;
	}
	.aboutbox1 .con{
		padding:.3rem ;
	}
	.aboutbox1 .con>div,.aboutbox1 .con>img{
		width: 100%;
	}
	.aboutbox2 .wrap{
		width: 94%;
	}
	.aboutbox2 .swiper-slide .photo{
		
       max-width: 80%;
       margin: 0 auto;
	}
	.aboutbox2 .swiper-button-prev,.aboutbox2 .swiper-button-next{
		width: .4rem;
		height: .8rem;
		top:40%;
	}
	.aboutbox2 .swiper-slide>span.title,.aboutbox2 .swiper-slide .photo .layer span.title{
		font-size: .32rem;
	}
	.aboutbox2 .swiper-slide>span.zw,.aboutbox2 .swiper-slide .photo .layer span.zw,.yewubox4 li span.fr{
		font-size: .26rem;
	}
	.aboutbox2 .swiper-slide .photo .layer{
		padding:.2rem;
	}
	.aboutbox3 li{
		padding:.2rem;
		    background: url(../images/ico5.png) no-repeat right 0 top .2rem/.3rem;
	}
.aboutbox3 li.active{
	  background: url(../images/ico6.png) no-repeat right 0 top .2rem/.3rem;
}
.aboutbox4 li{
	width: 100%;
	margin-bottom: .25rem;
}
.aboutbox4 ul{
	display: block;
}
.aboutbox4 li span.title,.yewubox1 .con li .right span,.yewubox3 .con li p.title{
	font-size: .32rem;
	margin-bottom: .2rem;
}
.yewubox1{
	margin-top:1.2rem;
}
.yewubox1 .text, .yewubox2 .text, .yewubox3 .text{
	padding:.4rem 0;
}
.yewubox1 .text h2, .yewubox2 .text h2, .yewubox3 .text h2,.yewubox4 h2{
	font-size: .5rem;
	margin-bottom: .3rem;
}
.yewubox1 .text p, .yewubox2 .text p, .yewubox3 .text p,.yewubox3 .con li p.font,.yewubox4 li span.fl{
	font-size: .28rem;
}
.yewubox1 .con li{
	padding:.4rem 0 .6rem;
	background: url(../images/bg2.png) no-repeat bottom center/100%;
}
.yewubox3 .con{
	padding-top:.4rem;
}
.yewubox1 .con li img,.yewubox1 .con li:nth-of-type(2n) img,.yewubox3 .con li >img{
	width: 100% !important;
	padding:0;
}
.yewubox1 .con li .right,.yewubox1 .con li:nth-of-type(2n) .right,.yewubox3 .con li .right{
	width: 100% !important;
	padding-top:.2rem;
	text-align: left;
}
.yewubox1 .con li .right p{
	font-size: .24rem;
	line-height: .35rem;
}
.yewubox3 .con li{
	margin-bottom: .4rem;
}
.yewubox3 .con .wrap{
	width: 94%;
}
.yewubox3 .con li .photo{
	margin-top:.3rem;
}
.yewubox3 .con li .photo img{
	width: 2rem;
	height: 1rem;
}
.yewubox4 li span.fl{
	width: 75%;
	height: .7rem;
}
.yewubox4 li{
	height: .7rem;
	line-height: .7rem;
}
.yewubox3 .con li p.title span{
	font-size: .28rem;
	width: .7rem;
	height: .7rem;
}
.yewubox2 .con{
	padding:.3rem 0;
	background:url(../images/c5.png) no-repeat top .3rem center/100%;
	width: 94%;
	min-height: 7rem;
}
.yewubox2 .con li span{
	font-size: .28rem;
}
.yewubox2 .con li p{
	font-size: .24rem;
	line-height: .3rem;
	height: .6rem;
	overflow: hidden;
}
.yewubox2 .con li:nth-of-type(1){
	bottom:1.2rem;
}
.yewubox2 .con li:nth-of-type(2){
	bottom:2.5rem;
}
.yewubox2 .con li:nth-of-type(3),.yewubox2 .con li:nth-of-type(4){
	bottom:3.8rem;
	width: 30%;
}
.yewubox2 .con li{
	width: 60%;
}
.yewubox2 .con li:nth-of-type(5){
	bottom:80%;
	width: 50%;
}
.aboutbox4 li div{
	margin-bottom: .1rem;
}
.target-fix {  

   position: relative;

   top: -1.2rem;

   display: block;

   height: 0;  

   overflow: hidden; 

}
}







@media screen and (min-width:1000px) and (max-width:1600px) {
	
	.footer .fl{
		width: 55%;
	}
	.footer .fr{
		width: 38%;
	}
	.footer .fr li a{
		padding-left: 20px;
	}
	
	
}