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

	.header,
	.headernav {
		display: none;
	}
	.indexbox5 .swiper-button-prev{
		left:20%;
	}
	.indexbox5 .swiper-button-next{
		right:20%;
	}
	.cur_wrap_sidebar{
		display: none;
	}
	.indexbox5 .page .swiper-pagination{
		left:38%;
	}
	.scroll{
		display: none;
	}
	
	.banner{
		margin-top:1.3rem;
	}
	
	.mobile_nav .del{
		position: absolute;
		right:10px;
		top:10px;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.3rem;
		line-height: 1.3rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		
	}

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

	.phoneheader .fr img {
		width: .6rem;
	}

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

	.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: 70%;
		height: 100%;
		background: #fff;

		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/search1.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: .88rem;
		text-align: center;

	}

	.mobile-container .sub li {
		padding-left: .1rem;
	}

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

	.mobile_nav .logo {
		display: flex;
		justify-content: space-between;
		padding: .3rem;
		align-items: center;
	}

	.mobile_nav .logo img {
		height: .7rem;
	}

	.mobile_nav .logo img.del {
		width: .3rem;
	}

	.mobile-container li a {
		font-size: .3rem;

	}

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

	}

	.mobile_nav>ul>li:nth-of-type(4),
	.mobile_nav>ul>li:nth-of-type(2),
	.mobile_nav>ul>li:nth-of-type(3) {
		background: url(../images/xl2.png) no-repeat right 20% top .4rem/.3rem;
	}
.mobile_nav>ul>li.active{
	background: url(../images/xl1.png) no-repeat right 20% top .4rem/.3rem;
}
	.mobile_nav>ul>li a {
		display: block;
	}

	.mobile_nav>ul>li .sub li {
		line-height: .7rem;
		height: .7rem;
	}



	.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;
	}
	  .footer{
		   padding:.5rem 0 0; 
	   }
	   .footer .nav {
	       padding: 0rem 3%;
	   }
	   
	   
	   /* 16px   */
	   .footer p.tel{
	   		font-size: .28rem;
	   	}
		.footer p.num {
		    font-size: .5rem;
		}
		.footer p.time, .footer .list p,.indexlist .fr >p {
		    font-size: .24rem;
		    line-height: .45rem;
		}
		.footer .fr {
		    margin-top: .3rem;
		}
		.footer dl {
		    width: 48%;
			display: inline-block;
			vertical-align: top;
		    margin:0 1% 0.3rem 0;
			
		}
		.footer dt {
		    background: url(../images/xl2.png) no-repeat right center/.3rem;
		    width: 100%;
		    font-size: .28rem;
		    margin-bottom: .2rem;
		}
		.footer dt.active{
			background: url(../images/xl1.png) no-repeat right top/.3rem;
		}
		
		.footer .copy {
		    padding: 0 3%;
		}
		.footer .copy p {
		    font-size: .24rem;
		    line-height: .4rem;
		}
		
		.indexnew li,.fc li,.team li,.ywbox .photo li,.case li{
				width: 48%;
				margin:0 4% .3rem 0 !important;
				float: left;
			}
			.indexnew li.swiper-slide{
				margin:0 !important;
				float: none;
				width:100% !important;
				display: block;
			}
			 .indexnew li.swiper-slide:nth-of-type(3n){
				 margin:0 !important;
			 }
			.indexnew .swiper-container{
				padding:0 0 1rem;
			}
			.case li .pro{
				height:2.5rem;
			}
			.case li span{
				font-size: .28rem;
				margin:.2rem 0;
			}
			.ywbox .photo li:nth-of-type(2n),.case li:nth-of-type(2n),
			.indexnew li:nth-of-type(2n){
				margin-right: 0 !important;
			}
			.newdetail{
				padding:.5rem 3%;
			}
			.case li:nth-of-type(3n),.indexnew li:nth-of-type(3n) {
			    margin-right: 4% !important;;
			}
			.case li:nth-of-type(6n) ,.indexnew li:nth-of-type(6n){
			    margin-right: 0% !important;;
			}
			.ywbox .photo li p{
				font-size: .28rem;
				margin-top:.1rem;
			}
			.indexbox5 li{
				margin:0;
			}
			
		
			.indexnew li img{
				height: 
			}
			.indexnew li p.title {
			    font-size: .3rem;
			    margin: .2rem 0;
			    line-height: .4rem;
			    height: .4rem;
			}
			.indexnew li p.font {
			    font-size: .25rem;
			    line-height: .35rem;
			    height: .7rem;
			}
			.indexnew li p.time {
			    padding-top: .2rem;
			    margin-top: .2rem;
			    font-size: .35rem;
			}
			.indexbox1,.indexbox3,.indexbox4,.indexnew,.indexbox2,.case,.casedetail,.indexnew, .join,.contact{
			    padding: .5rem 0%;
			}
			.newdetail .title p.font1 {
			    font-size: .4rem;
			}
			.join table th{
				line-height: .4rem;
			}
			.join .box a.more{
				font-size: .24rem;
				padding-top:.8rem;
				margin:.2rem 0;
				background-size: .6rem;
			}
			.join table td:last-child, .join table th:last-child{
				width: 12% !important;
				padding-right:.2rem;
			}
			.join table th:last-child{
				    background: url(../images/ico13.png) no-repeat right .1rem center/.8rem;
			}
			.join table th:last-child.active{
				    background: url(../images/ico14.png) no-repeat right .1rem center/.8rem;
					    background-color: #C8242B;
			}
			.join table th.subs{
				padding:.3rem !important;
			}
			.join table th.subs span, .join table th.subs p{
				font-size: .24rem;
				line-height: .4rem;
			}
			.join table th.subs .font>div{
				width: 70%;
			}
			.banner .swiper-pagination{
				left:5% !important;
				bottom:.1rem !important;;
			}
			.indexbox1 .fl,.indexbox1 .fr
			,.indexbox3 .fl,.indexbox3 .fr,.indexbox4 .fr,.ywbox .fl,
			.ywbox .fr,.casedetail .box1 .fl,.casedetail .box1 .fr,.casedetail .box1 .fr.img,.contact .box1 .fr{
				width: 100%;
				margin:0;
			}
			.casedetail .box2 .tab{
				margin-top:0
			}
			.casedetail .box1{
				display: block;
			}
			.indexbox1 .fr .swiper-container img{
				width: 100%;
			}
			.indexbox1 .fr .bg{
				height:8rem;
			}
			.indexbox3 .fl li{
				width: 90%;
				font-size: .28rem;
			}
			.indexbox4 .fl{
				display: none
			}
			.indexbox4 .fr img{
				width: 100%;
			}
			.indexbox4 .fr .text{
				padding:.3rem;
				height: auto;
			}
			
			.indexbox1 .fr .swiper-container{
				width: 90%;
			}
			.indexbox1 .fr,.indexbox2{
				margin-top:.4rem;
			}
			.indexbox2 .text{
				width: 90%;
				margin:0 auto;
				text-align: left;
			}
			.indexbox2 .text .swiper-slide p{
				text-align: left;
			}
			.indexbox2{
				background:#f4f6f9;
			}
			.indexbox2 .swiper-button-next{
				right:88%;
				width: .8rem;
				height:.8rem;
				background-size: 100%;
				bottom:0.5rem;
			}
			.submenus .fl a{
				width:1.5rem;
				font-size: .24rem;
			}
			.ywbox .list li i{
				height: 1rem;
			}
			.ywbox .list li img{
				max-height: .8rem;
			}
			.indexbox1 .fl .en, .indexbox2 .text .en, .indexbox3 .fl .en,
			.indexbox1 .fl .ch, .indexbox2 .text .ch, .indexbox3 .fl .ch,.indexbox1 .fl > p, .indexbox2 .text>p, .indexbox3 .fl >p{
				text-align: center;
			}
			.indexbox1 .fl > p, .indexbox2 .text>p, .indexbox3 .fl >p{
				font-size: .24rem;
				margin-bottom: .4rem;
			}
			.indexbox1 .fl .title span{
				font-size: .2rem;
			}
			.case li span.more, .indexbox1 .fl .text a, .indexbox2 .text a, .indexbox3 .fl a, .indexbox4 .text a{
				font-size: .24rem;
				width: 2.2rem;
				height:.6rem;
				line-height: .6rem;
			}
			.indexbox1 .fl .text a{
				margin:.3rem .9rem;
			}
			.newdetail .title p.font2 {
			    font-size: .28rem;
			    margin:.2rem 0;
			}
			.wt .con, .newdetail .con {
			    padding-top: .3rem;
			    margin-top: .3rem;
			}
			.contact .box2 h3{
				font-size: .24rem;
				margin-bottom:.2rem;
			}
			.indexbox1 .fl .text p.font,.indexbox4 .fr .text p ,.ywbox .fl .txt p,
			.casedetail .box1 .fl p,.casedetail .box2 .tab p,
			.newdetail .title p.font3,.newdetail .con p,.contact .box1 .fl p{
			    font-size: .28rem;
			    line-height: .5rem;
			}
			.casedetail .box1 .fl h2,.casedetail .box2 .tab{
				margin-bottom: .3rem;
			}
			.casedetail .box2>h2 a{
				font-size: .24rem;
				margin-right: .3rem;
			}
			.casedetail .box2>h2, .casedetail .box3>h2, .casedetail .box2 .tab>h4{
				height:.8rem;
				line-height: .8rem;
				padding-left:.2rem;
				margin:.2rem 0;
				font-size: .24rem;
			}
			.ywbox .fl .txt p{
				margin-bottom: .2rem;
			}
			.ywbox .fr{
				padding-top:.3rem;
			}
			.ywbox .list li span,.ywbox .list li p{
				font-size: .24rem;
			}
			.submenus .fl a{
				width:1.3rem;
			}
			.newdetail .chapter {
			    margin-top: .4rem;
			    display: block;
			    padding: .2rem 0;
			}
			.recurbox2 .zw {
			    margin: .3rem auto;
			    padding: .2rem;
			}
			.recurbox2 .zw h2, .recurbox2 .zw .type span, .recurbox2 .zw .type span, .recurbox2 .list .tab .sub span, .submenus .left a, .submenus span, .footer p.tel,.detail_top .fr p.p4,
			.chapter a{
			    font-size: .28rem;
			}
		.recurbox2 .zw .type a {
		    font-size: .24rem;
		    padding: 0 .2rem;
		    margin-right: .2rem;
		}
		.recurbox2 .zw .type ,.details .contents{
		    margin-top: .3rem;
		}
		.recurbox2 .list .tab .tit {
		    padding: .3rem 0;
		    background: url(../images/jia.png) no-repeat right .2rem top .4rem/.3rem;
		}
		.recurbox2 .list .tab .tit.active{
			    background: url(../images/jian.png) no-repeat right .2rem top .4rem/.3rem;
		}
		.recurbox2 .list .tab p.title,
		.details .contents .item span, .chapter .item span{
		    font-size: .35rem;
		    padding-left: .2rem;
		}
		
		.contatcts{
			margin:.3rem 0;
			padding:.2rem;
			max-width: 100%;
		}
		.maps{
			max-width: 100%;
		}
		.details .contents .item, .chapter .item{
			padding-bottom:.2rem;
			margin-bottom: .2rem;
		}
		.details .contents .item span, .chapter .item span{
			    border-left: 3px solid rgba(157,26,28,1);
		}
		.details .tab{
			margin-bottom: .4rem;
		}
		.recurbox2 .zw h2{
			margin:0;
		}
		.detail_top .fl,.detail_top .fr{
			width: 100%;
		}
		.recurbox2 .list .tab .sub{
			padding:.3rem;
		}
		
		.contact .box2 h2{
			margin:.3rem 0 .2rem;
		}
		.contact .box1{
			padding-top:.3rem;
		}
		.contact .box1 .fl img{
			margin-bottom: .3rem;
		}
		.contact .box2 input{
			height:.8rem;
			line-height: .8rem;
			font-size: .24rem;
			padding-left: .1rem;
		}
		.contact .box2 button{
			height:.8rem;
			line-height: .8rem;
			font-size: .24rem;
		}
		.contact .box2 textarea{
			font-size: .24rem;
			height:1.5rem;
			padding-left: .1rem;
		}
		.footer .codebtn p{
			font-size: .26rem;
			margin-top:.2rem;
		}
		
		.about .con{
			padding-bottom:1.4rem;
		}
		.about .con p{
			font-size: .28rem;
			line-height:.4rem;
			margin-bottom: .3rem;
		}
		.about .scroll{
			bottom:.2rem;
		}
		.about .scroll img{
			width:1rem;
			
		}
		.product li{
			width:48%;
			margin:0 4% .4rem 0;
		}
		.product li:nth-of-type(2n) {
		    margin-right: 0%;
		}
		.product li .pro>img{
			height: 2rem;
		}
		.case li .pro .layers img{
			width: .6rem;
		}
		
		.product li:nth-of-type(3n) {
		    margin-right: 4%;
		}
		.product li:nth-of-type(6n) {
		    margin-right: 0%;
		}
		.case li p{
			height:.9rem;
			line-height: .3rem;
			font-size: .24rem;
		}
		.detail_top .fl .big{
			height:5rem;
		}
		.detail_top .fl .big img,
		.indexlist .fl,.indexlist .fr{
			width: 100%;
			padding:0;
		}
		.indexlist .fl{
			border:none;
		}
		.indexlist .commontitle{
			padding:0;
			margin:0 0 .3rem;
		}
		.indexlist .commontitle .ch{
			font-size: .4rem;
		}
		.banner{
			display: none;
		}
		.phonebanner{
			opacity:0;
			height:1.3rem;
			
		}
		.phonebanner .swiper-pagination{
			color:#fff;
		}
		.phonebanner img{
			width: 100%;
		}
		.indexlist .fl li .font1{
			font-size: .3rem;
			margin-bottom: 0rem;
		}
		.indexlist .fl li .font2{
			font-size: .24rem;
		}
		.indexlist .fl li .time{
			font-size: .28rem;
			line-height: .5rem;
			margin:0;
		}
		.indexlist .fr p.ch{
			font-size: .35rem;
		}
		.indexlist .fr a{
			width:2rem;
			font-size: .24rem;
			height:.6rem;
			line-height: .6rem;
			margin:.2rem 0 .4rem;
		}
		.indexlist .fl li{
			margin-bottom: .2rem;
		}
		.detail_top .fr{
			margin-top:.3rem;
		}
		.detail_top .fr p.p3{
			font-size: .4rem;
			margin-bottom: .2rem;
		}
		.commontitle .ch{
			font-size: .45rem;
		}
		.commontitle .en{
			font-size: .3rem;
		}
		.commontitle{
			padding:.5rem 3% 1rem;
		}
		.indexlist{
			padding-top:0;
		}
		.section1{
			margin-top:1.2rem;
		}
		.section1 ul{
			margin-top:0rem;
			flex-wrap: wrap;
			justify-content: center;
		}
		.section1 li{
			width:30%;
			padding:.3rem;
			height:1.8rem;
			box-sizing: border-box;
			margin-bottom: .3rem;
			margin:0 .1rem .3rem;
		}
		.commontitle p{
			font-size: .26rem;
			line-height: .4rem;
		}
		.section1 li i{
			height: 1rem;
		}
		.section1 li i img{
			max-height: 80%;
		}
		.section1 li span{
			font-size: .25rem;
		}
		#fullPage.active{
			margin:0;
		}
		.section2 .swiper-father, .section3 .swiper-father{
			margin-top:0rem;
		}
		.section2 .pro{
			height:4rem;
		}
		.section2 .swiper-slide p, .section3 .swiper-slide p{
			font-size: .34rem;
			margin-top:.2rem;
		}
		.section2 .swiper-button-prev, .section3 .swiper-button-prev,.section2 .swiper-button-next, .section3 .swiper-button-next{
			width: .5rem;
			height: .5rem;
			background-size: 100%;
		}
		.section2 .swiper-button-prev, .section3 .swiper-button-prev{
			left:2%;
		}
		.section2 .swiper-button-next, .section3 .swiper-button-next{
			right:2%;
		}
		.section3 .pro{
			height: 4rem;
		}
		.product li .pro{
			height:3rem;
		}
		.product li p{
			font-size: .3rem;
			margin-top:.2rem;
		}
		.footer p.num a{
			    color: #CCCCCC;
		}
			
		.indexbox3 .wrap{
			display: block;
		}
		.indexbox3 .fr{
			margin-top:.3rem;
		}

}

@media screen and (min-width:1100px) and (max-width:1500px) {
	
	.footer .nav {
	    padding: 60px 6%;
	}
	.footer .fl{width: 25%;}
	.footer p.num{
		font-size: 35px;
	}
	.footer dl{
		margin-left: 30px;
	}
	
	.header .wrap{
		width: 90%;
	}
	.header .logo img{
		height: 40px;
	}
	.header .center>ul>li{
		margin:0 10px;
	}
}
@media screen and (min-width:1500px) and (max-width:1800px) {
	
	.footer .nav {
	    padding: 60px 6%;
	}
	.footer .fl{width: 25%;}
	.footer p.num{
		font-size: 35px;
	}
	.footer dl{
		margin-left: 40px;
	}
}

@media screen and (min-width:1100px) and (max-width:1350px) {
	
	.footer .nav {
	    padding: 40px 4%;
	}
	.footer .fl{width: 25%;}
	.footer p.num{
		font-size: 30px;
	}
	.footer dl{
		margin-left: 20px;
	}
	
}

@media screen and (min-width:1100px) and (max-width:1300px) {
	.header .center>ul>li a{
		font-size: 14px;
	}
	.header .logo img{
		height:35px;
	}
	.header .fr{
		padding:0;
	}
	.header .fr .langs select{
		margin-left: 15px;
	}
	.header .center{
		width:60%;
		margin-left: -27%;
	}
	.header .wrap{
		width: 94%;
	}
	
}

@media screen and (min-width:1100px) and (max-width:1600px) {

.indexbox1 .fl .title{
	width:140%;
}

}