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

	/* 公共样式 */
	.banner.swiper-container,
	.header,.pc{
		display: none;
	}
	.section1 .banner{
		display:none;
	}
	.wap{
		display:block;
	}
	.phonebanner img{
		width:100%
	}
	
	.banner .menu{
		width:7rem;
		margin-left:-3.5rem;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		line-height: 1.2rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 9999;
		background: #fff;
		box-shadow: 0 0 4px #a1a0a0;
		display: flex;
		justify-content: space-between;
		align-items: center;

	}

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

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

	.phoneheader .fl img {
		height: .8rem;
		display: inline-block;
	}

	.phoneheader .fr img {

		display: inline-block;
	}

	.phoneheader .fr span {
		font-size: .5rem;
		margin: 0 .1rem;
		color: rgba(0, 136, 162, 1);
		vertical-align: middle;
	}

	.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: 70%;
		height: 100%;
		background: #fff;
		padding: 0.8rem 0.12rem;
		overflow-y: scroll;
	}
	
	.mobile_nav .del {
		position: absolute;
		right: .2rem;
		top: .2rem;
	}
	
	

	.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;
		line-height: .6rem;
	}

	.mobile-container li .sub,
	.mobile-container li .three {
		display: none;
	}
	.mobile-container li .three a{
		display:block;
		padding-left:.2rem;
		font-size:.26rem;
	}
	.mobile-container li .sub>li>a{
		font-size:.28rem;
	}
	.mobile_nav>ul>li:nth-of-type(3){
		background:url(../images/xl2.png) no-repeat right .2rem top .4rem;
	}

	.mobile-container li .sub dt {
		font-size: .3rem;
		line-height: .6rem;

	}

	.mobile-container li .sub dt img {
		width: .5rem;
		margin-right: .2rem;
		display: none;
	}

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

	.mobile-container li .sub dd a {
		font-size: .28rem;
		line-height: .45rem;
		padding-right: 0;
		padding-left: .4rem;
	}


	.mobile_nav>ul>li>a {
		font-size: .32rem;
	}

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

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


	.mobile_nav>ul>li:nth-of-type(2) {
		background: url(/images/xl.png) no-repeat center;

	}
	
	.phonebanner .swiper-pagination-bullet{
		width: 8px;
		border-radius:0;
		height: 8px;
		border-radius:50%;
		background: #FFFFFF;
		opacity: 0.5;
		margin:0 4px;
	}
	.phonebanner .swiper-pagination-bullet-active{
		opacity:1;
	}

	.searchbox {
		position: absolute;
		top: 1.2rem;
		left: 0;
		display: none;
		width: 100%;
		border: 1px solid #eee;
	}

	.searchbox form {
		width: 100%;
		height: 40px;
		background: #fff;
		line-height: 40px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.searchbox .hot {
		background: #fff;
		z-index: 99;
		padding: .3rem;
		line-height: .5rem;
	}

	.searchbox .hot span {
		font-size: .12rem;
		line-height: .3rem;
		margin-bottom: .2rem;
		display: inline-block;

	}

	.searchbox .hot li {
		font-size: .16rem;

		color: #333;
		line-height: .5rem;
		height: .5rem;
	}

	.searchbox button {
		height: 40px;
		line-height: 40px;
		width: 50px;
		background: url(/images/se.png) no-repeat center center/25px;
	}

	.searchbox input {
		width: 80%;
		height: 40px;
		line-height: 40px;
		font-size: 16px;
	}

	.searchbox img {
		width: 20px;
		padding-right: 10px;
	}
	.indexbox6{
		padding:.6rem 5%;
		text-align:center;
	}
	.menus{
		align-items:center;
	}
	.section2,.section3,.section4,.section5,
	.section6,.probox2,.probox3,.probox4,
	.probox5,.probox6{
		padding:.6rem 5%;
	}
	.aboutbox1,.aboutbox{
		padding:.6rem 0%;
	}
	.probox6 li,.aboutbox1 .fl{
		width:100%;
		margin:0 auto .3rem;
		
	}
	.aboutbox1 .fl{
		background:none;
	}
	.aboutbox1 .fr{
		width:100%;
		margin:0.3rem auto 0;
		border: 10px solid #EEEEEE;
	}
	.probox6 li img{
		width:1.5rem;
	}
	.probox6 li p{
		text-indent:0;
		
	}
	.probox1 ul, .probox5 ul, .probox6 ul,
	.probox3 ul, .probox4 ul,.aboutbox ul{
		flex-wrap:wrap;
	}
	.probox1 h2, .probox3 h2, .probox4 h2, .probox5 h2, .probox6 h2,.probox2 .fl h2,.aboutbox h2{
		margin-bottom:.4rem;
		
	}
	.aboutbox li{
		padding:.3rem;
		height:4.5rem;
		box-sizing:border-box;
		width:50%
	}
	.aboutbox li p,.aboutbox li p:last-of-type{
		line-height:.3rem;
		height:.6rem;
		overflow:hidden;
	}
	.probox1 .wrap{
		width:90%
	}
	.probox1{
		padding:.6rem 0;
	}
	.section5 li,.section6 li{
		width:2.1rem;
		height:.8rem;
		line-height:.8rem;
		font-size:.17rem;
		margin:0 .1rem .3rem 0;
	}
	.section6 li:nth-of-type(3n){
		margin-right:0;
	}
	.section6 li:nth-of-type(5n){
		margin-right:.1rem;
	}
	.commonitem{
		margin-bottom:.4rem;
	}
	.section2 .text, .section3 .text{
		position:relative;
		right:auto;
		bottom:auto;
		width:100%;
		text-align:left;
		left:auto;
	}
	/* display */
	.footer .navs,.aboutbox2 .gallery-top .swiper-slide{
		display:block;
	}
	.footer .navs>img{
		width:3rem;
	}
	.footer .navs dl,.gallery-top .swiper-slide>img,
	.gallery-top .swiper-slide .right{
		width:100%;
		margin:0;
	}
	.gallery-thumbs .swiper-slide{
		width:50% !important;
	}
	.section5 ul, .section6 ul{
		width:100%;
	}
	.footer .fl img{
		display:none;
	}
	.section4 ul{
		width:100%;
		margin:0;
		background: url(../images/bg3.png) no-repeat top 1.6rem center/100%,url(../images/bg3.png) no-repeat top 5.2rem center/100%,url(../images/bg3.png) no-repeat top 3.8rem center/100%;
	}
	.section4 li{
		width:25%;
		margin-bottom:.5rem;
	}
	.section4 li p{
		height:.6rem;
	}
	.indexbox6 a{
		margin:.2rem auto;
	}
	
	.indexbox1 .con>img,.indexbox1 .con .right,
	.indexbox5 li,.about img,.commonbox .fr .con1 .left,
	.commonbox .fr .con1 .right{
		width:100%
	}
	.commonbox .fr .con1 .left img{
		height:6rem;
	}
	.section1 .swiper-container{
		height:auto;
	}
	.indexbox1 .con .right .font{
		margin:.5rem 0 .2rem;
	}
	
	/*padding*/
	.menus{
		padding:.3rem 5%
	}
	.indexbox2{
		padding:.6rem 5%
	}
	.footer .search form{
		width:100%;
		height:.8rem;
		line-height:.8rem;
		margin-bottom:.3rem;
	}
	.footer .search button{
		height:.8rem;
		line-height:.8rem;
		width:1rem;
	}
	
	.phonebanner{
		margin-top:1.2rem;
		display:block;
	}
	.newsdetail .chapter{
		display:block;
	}
	.commonbox .fl{
		display:none;
	}
	.about .left input{
		width:95%;
	}
	.commonbox .fr,.about .wrap .left,
	.about .left textarea,.about .left button{
		width:100%
	}
	.pattern ul{
		width:90%;
	}
	.pattern li{
		width:100%;
		margin:0 0 .3rem 0;
	}
	.pattern li>img{
		width:1.5rem;
	}

	/* 字体大小 */
	.footer .fl h3, .footer .fr h3,
	.about .left p{
		font-size:.26rem;
		margin-bottom:.2rem;
	}
	.indexbox3 span.en{
		font-size:1rem;
	}
	.footer .fl p{
		font-size:.3rem;
		text-align:center;
	}
 
		{
		font-size: .4rem
	}
	.indexbox2 h2{
		font-size: .36rem;
		margin-bottom: 0.7rem;
		text-align:center;
	}
	
	.indexbox1 .con .right .font,
	.commonbox .fr .con1 .right p.blue,
	.blogdetail .titles h2{
		font-size: .32rem
	}
	.commonbox .fr .con1 .right a, .commonbox .fr .con2>a{
		width:3rem;
		font-size: .32rem;
		height:.8rem;
		line-height:.8rem;
		margin:0.2rem auto;
		display:block;
	}

	.indexbox2 li .pro .layers span,
	.indexbox4 li span,.probox3 li span, .probox6 li span,
	.probox5 li div span,.about li .font{
		font-size: .34rem
	}
	.about li .font2{
		height:.9rem;
	}

	.about h4,.newsdetail .span span,
	.about li .time{
		font-size: .28rem
	}
	.project .wraps{
		padding:0 5%;
	}

	.section2 .text a, .section3 .text a{
		font-size: .24rem
	}
	.footer .mg{
		margin-bottom:.4rem;
	}
	.blog li a .right>span{
		font-size: .26rem;
	}
	.about li{
		width:100%;
		margin:0 auto .3rem;
		height:2.8rem;
	}
	.about li a img{
		width:2rem;
		height:1.6rem;
	}
	.about li div{
		width:4rem;
	}

	.footer .navs .tel p,.footer .copy p,
	.newsdetail .chapter a,.gallery-top .swiper-slide .right p,
	.about li .font2{
		font-size: .24rem;
		line-height: .45rem
	}
	.newsdetail .chapter a{
		height:.45rem;
		overflow:hidden;
		display:block;
	}
	.newsdetail .chapter a:last-child{
		    background: url(../images/next.png) no-repeat left center;
		    padding-left: 24px;
			margin-top:.2rem;
	}
	.blog li a .right .font2{
		height:auto;
		margin:.2rem 0;
	}
	#dialog_large_image{
		height:6.5rem;
		padding:.3rem;
	}
	.layer2 .close{
		margin-top:-1rem;
	}
	.blog li a img{
		width:100%;
		height:auto;
	}
	.probox2 .fl,.probox2 .fr{
		width:100%
	}
	.layer2 a.prev{
		left:1%;
	}
	.layer2 a.next{
		right:1%;
	}
	.layer2 a.next,.layer2 a.prev{
		width:.5rem;
		height:.5rem;
	}
	.project li p{
		font-size:.26rem;
		height:auto;
	}
	.indexbox5 li .time{
		font-size:.26rem;
		margin-top:.2rem;
		border:none;
	}
	

	.section2 .text p, .section3 .text p,
	.probox3 li p, .probox6 li p,
	.probox5 li div p,.newsdetail .details p{
		font-size: .28rem;
		line-height: .45rem
	}
	.section2 .text a, .section3 .text a{
		margin:.2rem auto 0;
	}


	/* 间距 */
    .commonbox{
		padding:.5rem 3%;
	}
		{
		padding: .5rem 0 .8rem
	}

	.indexbox2 li .pro .layers p,.blog li a .right>span.more{
		margin-top: .3rem;
	}

		{
		margin-bottom: .3rem;
	}
	.indexbox2 li .pro .layers{
		padding:.2rem;
	}


	/* 宽度 */

	.indexbox4 li,.probox3 li{
		width: 100%;
		height:auto;
		padding:.3rem;
		margin:0 auto .3rem;
	}

	.probox1 li,.probox4 li,.probox5 li{
		width: 48%;
		margin: 0 4% .3rem 0
	}
	.commonbox .fr li:nth-of-type(3n){
		margin-right:4%
	}
	.commonbox .fr li:nth-of-type(6n),
	.probox1 li:nth-of-type(2n),
	.probox4 li:nth-of-type(2n),
	.probox5 li:nth-of-type(2n){
		margin-right:0%
	}
	.probox5 li div{
		padding:.2rem;
	}
	.probox1 li i{
		height:1rem;
	}
	.project li img{
		height:2.8rem;
	}
	.page{
		text-align:center;
	}

		{
		width: 32%;
		margin: 0 2% .3rem 0
	}

	.indexbox2 li:nth-of-type(2n) {
		margin-right: 0
	}

	/* 底部 */
	.footer dt {
		font-size: .32rem;
		margin: 0;
		height: .7rem;
		line-height: .7rem;
		background: url(../images/xl2.png) no-repeat right .3rem/.2rem;
		border-bottom: 1px solid #606161
	}

	.footer dt.active {
		background: url(../images/xl3.png) no-repeat right .3rem/.2rem;
	}

	.footer dd {
		font-size: .24rem;
		display: none;
		line-height: .4rem;
	}

	.footer dd a {
		font-size: .24rem;
		line-height: .4rem;
	}
.indexbox5 li .font2{
	height:auto;
}
	.indexbox2 li .pro{
		height:auto;
	}
}


@media screen and (min-width:1000px) and (max-width:1700px) {
	
	 .header .wrap,.footer .wrap{
		width:84%
	}
	.footer .mg{
		margin-left:1.4rem;
	}
	.commonbox{
		padding:0 8% 1rem;
	}
	.header .navs li a{
		font-size:14px;
	}

}

@media screen and (min-width:1000px) and (max-width:1100px) {
	.header .wrap,.footer .wrap{
		width:88%
	}
	
}