@media screen and (min-width:320px) and (max-width:800px) {
	
	.header,#fp-nav
		{
			display: none;
		}
		
	.banner{
		margin-top:1.2rem;
	}
	.banner .swiper-slide{
		height:7rem !important
	}
	.phonebanner .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		background: #F5F5F5;
		opacity: 0.5;
		border-radius: 50%;
		margin:0 5px !important
	}
	.phonebanner .swiper-pagination-bullet-active{
		width: 38px;
		height: 10px;
		background: #FFFFFF;
		opacity: 1;
		border-radius:10px;
	}
	.phonebanner .swiper-pagination{
		bottom:10px !important
	}
	#fullPage{
		margin-top:1.2rem;
	}
	
	.section,.fp-tableCell{
		height: 7rem !important;
	}
	.section img.bg{
		display: none;
	}
	.joinbox1{
		background:none !important
	}
	.banner.swiper-container{
		margin-top:0;
	}
	.section1{
		/* background:url(../images/bn1.jpg) no-repeat top center/cover; */
		height: 7rem !important;
	}
		.phoneheader {
			padding: 0 .3rem;
			height: 1.2rem;
			line-height: 1.2rem;
			display: block;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 999;
			background: #000;
			
			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: .7rem;
		}
	
		.phoneheader .fr span {
			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: 70%;
			height: 100%;
			background: #fff;
			padding: 0 0.12rem;
			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;
			display: block;
		}
	
		.mobile_nav>ul>li {
			border-bottom: 1px solid rgba(238, 238, 238, 1);
	
		}
	
		
		.mobile_nav>ul>li:nth-of-type(2),.mobile_nav>ul>li:nth-of-type(1){
			background: url(../images/xl.png) no-repeat right 10px top .4rem;
			
		}
	
		.mobile-container li ul.sub li a {
			font-size: .26rem;
			line-height: .6rem;
			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: 1.5rem;
			position: relative;
		}
	
		.phonebanner img {
			width: 100%;
		}
		.banner .text{
			top:3%;
			left: 2%;
		}
		.banner .text h2{
			font-size: .45rem;
			margin-bottom: .2rem;
		}
		.banner .text p{
			font-size: .28rem;
			line-height: .3rem;
			width: 90%;
			height:.6rem;
			overflow: hidden;
		}
		.banner .text3 a{
			width: 2rem;
			font-size: .26rem;
			margin:.2rem 0 0;
			height:.4rem;
			line-height: .4rem;
		}
		.banner .text .down{
			margin-top:.3rem;
		}
		.banner .text .down a{
			width: 2.6rem;
			font-size: .3rem;
			line-height: .6rem;
			height: .6rem;
			padding-left: 1rem;
			margin:0 0 .2rem 0;
			background: url(../images/ico1.png) no-repeat left .2rem center/.4rem;
			    background-color: #F46368;
		}
		.banner .text .down a.andriod{
			background: url(../images/ico2.png) no-repeat left .2rem center/.4rem;
			    background-color: #5698EC;
		}
		.banner .text .down img{
			width: 1.5rem;
			height: 1.5rem;
		}
	
		.wrap {
			width: 94% !important;
			margin: 0 auto;
		}
		.planbox1 img{
			margin:0 auto .3rem;
		}
		.planbox1 h2{
			font-size: .47rem;
			margin:0 auto .5rem;
		}
		.planbox1 .con p{
			font-size: .32rem;
			line-height: .5rem;
			margin:0 auto .2rem;
		}
		.planbox2 .fl h2{
			font-size: .4rem;
			text-align: center;
			margin:0 auto .3rem;
		}
		.recurbox1 li>div,.recurbox1 li:nth-of-type(2n) div{
			padding:.4rem 0;
		}
		.recurbox1 li span.txt{
			font-size: .34rem;
			margin:.3rem 0;
		}
		.recurbox1 li p{
			font-size: .26rem;
			line-height: .45rem;
		}
		.recurbox1 li>div span.num{
			width: 1.5rem;
			height: 1.5rem;
		}
		.recurbox1 li>div span.num i{
			font-size: .4rem;
			height: 1rem;
			margin-top:.5rem;
		}
		.recurbox2 .zw .type{
			margin-top:.3rem;
		}
		.joinbox1 .titles, .joinbox3 .titles{
			padding-bottom: .3rem;
			margin-bottom: .3rem;
		}
		.joinbox2 .titles, .joinbox3 .titles{
			margin-bottom: .3rem;
		}
		.joinbox2 .tab1 .left p,.joinbox2 .tab1 .left span{
			font-size: .34rem;
		}
		.joinbox2 .tab1 .left{
			background:none;
			height: auto;
		}
		.joinbox2 .tab1 .left p{
			padding:.2rem 0;
			text-align: center;
		}
		.joinbox2 .tab1 .left span,.joinbox2 .tab1 .left span.num,.joinbox2 .tab1 .left span.txt{
			padding:0;
			display: block;
			text-align: center;
		}
		.joinbox2 .tab1 .left span.num{
			font-size: .4rem;
		}
		.joinbox2 .tab1 .left span.txt{
			font-size: .28rem;
			    background: url(../images/border4.png) no-repeat bottom center;
		}
		.joinbox2 .tab1 ul.fr{
			margin:.3rem 0 0;
			display: flex;
			justify-content: space-between;
		}
		.joinbox2 .tab1 ul.fr li{
			width: auto;
			margin:0;
			padding:0 .2rem;
		}
		.joinbox2 .tab1 .fr li img{
			height: .8rem;
			margin-bottom: .2rem;
		}
		.joinbox1{
			    background:none;
		 }
		 .joinbox1 .wrap>img{
			 max-width: 100%;
		 }
		 .joinbox2 .tab1{
			 margin-bottom: .5rem;
		 }
		.joinbox4 .num h2{
			font-size: .46rem;
			margin:.3rem 0;
		}
		.joinbox4 .tab .con .tit h2,.joinbox4 .num li span{
			font-size: .4rem;
		}
		.joinbox5 .bottom .form h2,.joinbox4 .tab .con .tit p,.joinbox4 .num li p,.joinbox4 .num li span i{
			font-size: .34rem;
		}
		.joinbox5 .bottom .form h2{
			margin-bottom: .3rem;
		}
		.joinbox5 .bottom .form .list input{
			width: 76%;
		}
		.joinbox5 .bottom .form select{
			width: 31%;
		}
		.joinbox5 .bottom .form input.short{
			width: 42%;
		}
		.joinbox5 .center .con .txt p{
			font-size: .34rem;
			line-height: .5rem;
			margin-top:.3rem;
		}
		.joinbox4 .tab,.joinbox4 .tab .con,.joinbox5 .bottom .form button{
			width: 100%;
			display: block;		
		}
		.joinbox4 .tab .con .tit{
			height: 1.6rem;
			padding-top:.3rem;
		}
		.joinbox4 .tab .con .ph{
			height: auto;
			padding:.3rem 0;
			margin-bottom: .4rem;
		}
		.joinbox4 .num ul{
			flex-wrap: wrap;
			width: 100%;
		}
		.joinbox4 .num li{
			width: 2.5rem;
			height: 2.5rem;
			margin:0 2%;
			padding-top:.6rem;
		}
		.joinbox5 .tops li span{
			font-size: .34rem;
			padding:.2rem 0;
		}
		.joinbox5 .tops li p{
			font-size: .28rem;
		}
		.joinbox5 .center .con{
			display: block;
		}
		.joinbox5 .center .con img,.joinbox5 .center .con .txt,.joinbox5 .bottom .form,.joinbox2 .tab1 .news .tab{
			width: 100%;
		}
		.joinbox5 .bottom .form{
			padding:.3rem;
			margin-top:.3rem;
			height: auto;
		}
		.joinbox2 .tab1 .news .tab span{
			font-size: .34rem;
			padding:.2rem;
		}
		.joinbox2 .tab1 .news{
			display: block;
			margin-top:.3rem;
		}
		.joinbox2 .tab1 .news .tab{
			margin-bottom: .3rem;
		}
		.subs{
			margin-top:1.5rem;
		}
		.joinbox3 li .qus{
			font-size: .28rem;
			line-height: .75rem;
			    padding-left: .2rem;
		}
		.joinbox3 li .qus span{
			margin-right: .2rem;
			font-size: .28rem;
			width: .6rem;
			height: .6rem;
		}
		.joinbox3 li .ans p{
			font-size: .24rem;
			line-height: .45rem;
		}
		.ads{
			height: 3rem;
		}
		.ads .fr{
			padding:.5rem 0 0;
		}
		.ads .fr input,.ads .fr input.long{
			width: 44%;
		}
		.ads .fr button{
			display: block;
			margin:.2rem auto 0;
		}
		.joinbox3 li .ans{
			padding:0 0 .2rem .2rem;
		}
		.joinbox2 .tab1 .news .tab p{
			font-size: .28rem;
			padding:0 .2rem;
			height: auto;
		}
		.joinbox5 .bottom,.joinbox5 .center,.joinbox5 .tops,.joinbox5,.joinbox4,.joinbox3,.joinbox2,.joinbox1,.product,.culturebox3,.aboutbox1,.aboutbox2,.aboutbox3,.footer,.honor,.culturebox2,.commonbox,.planbox1,.planbox2,.recurbox1,.recurbox2{
			padding:.5rem 0;
		}
		.w-1,.planbox2 .fr,.recurbox1 li img, .recurbox1 li>div,.joinbox2 .tab1 .news{
			width: 100% !important;
		}
		.planbox2 .fr{
			text-align: center;
		}
		.planbox2 .fr img{
			width: 2.5rem;
			height: 2.5rem;
		}
		.commontitle{
			text-align: center;
		}
		.recurbox2 .zw .type span{
			margin-right: .2rem;
		}
		.recurbox2 .zw .type a{
			font-size: .24rem;
			padding:0 .2rem;
			margin-right: .2rem;
		}
		.recurbox2 .list .tab .tit{
			padding:.3rem 0;
			background: url(../images/jia.png) no-repeat right .2rem top .4rem/.3rem;
		}
		.recurbox2 .list .tab .sub{
			padding:.2rem;
		}
		.recurbox2 .list .tab p.title{
			font-size: .35rem;
			padding-left: .2rem;
		}
		
		.titles .ens{
			position: relative;
			font-size: .28rem;
			width: 100%;
			padding:0;
			line-height: .45rem;
			border:none;
			text-align: center;
			margin-top:.2rem;
		}
		
		/* /30px; */
		.commontitle span.ch{
			font-size: .4rem;
			width: 100%;
		}
		.recurbox2 .list .tab .sub p{
			font-size: .24rem;
		}
		/* /18px; */
		.joinbox2 .tab2 .tit .fr p,.recurbox2 .list .tab .sub span,.recurbox2 .zw .type span,.recurbox2 .zw h2,.commontitle span.en,.aboutbox1 .text p,.title2 span.en,.planbox2 .fr span{
			font-size: .28rem;
		}
		.joinbox5 .bottom>p,.joinbox2 .tab1 .fr li p,.planbox2 .fl p,.aboutbox1 .text p,.aboutbox2 .swiper-slide p,.product p.txt{
			font-size: .28rem;
			line-height: .45rem;
			margin:0 0 .2rem;
		}
		/* /36px; */
		.aboutbox2 .swiper-slide span,.title2 span.ch,.product h2{
			font-size: .45rem;
		}
		/* /24px; */
		.footer dt,.culturebox3 li>div span,.joinbox2 .tab2 .tit .fl h2,.joinbox2 .tab2 .tit .fl p{
			font-size: .34rem;
			margin-bottom: .2rem;
		}
		.joinbox2 .tab2 .tit{
			padding:.3rem;
			height: 3rem;
			margin-bottom: .3rem;
		}
		.joinbox2 .tab2 .tit .fl{
			width: 60%;
		}
		.joinbox2 .tab2 .tit .fr span{
			font-size: .4rem;
		}
		/* /16px; */
		.culturebox3 li>div p{
			font-size: .26rem;
			line-height: .4rem;
			height: 1.2rem;
			overflow: hidden;
		}
		
		.footer dd, .footer dd a,.footer dd.erweima span{
			font-size: .26rem;
			line-height: .45rem;
		}
		.footer dd.erweima img{
			width: 2rem;
			margin:.2rem 0;
			height: 2rem;
		}
		.footer dd.erweima{
			justify-content: center;
		}
		
		.footer dl,.joinbox4 .commontitle{
			margin-bottom: .3rem;
		}
		.footer dl:nth-of-type(3),.footer dl:nth-of-type(4){
			display: inline-block;
			margin-bottom: 0;
			vertical-align: top;
			width: 48%;
		}
		.joinbox5 .tops h2, .joinbox5 .center h2, .joinbox5 .bottom >h2{
			font-size: .46rem;
			margin-bottom: .3rem;
		}
		
		.aboutbox1 .text{
			border:none;
			padding:0;
			margin-top:.3rem;
		}
		.culturebox3 .con,.aboutbox2 .swiper-container,.aboutbox3 ul,.culturebox2 .con img,.zeren .photos{
			margin:.3rem auto 0;
		}
		.aboutbox3 li{
			width: 31%;
			height:2rem;
			margin:0 2% .2rem 0;
		}
		.aboutbox3 li:nth-of-type(3n){
			margin-right: 0;
		}
		
		.footer .wrap{
			display: block;
		}
		
		.honor .titles{
			padding-bottom: .3rem;
		}
		.honor .list{
			margin-top:.3rem;
		}
		.honor .list >li>div{
			padding: .3rem 0 0 .2rem;
			  margin-left: 0px;
		}
		.honor .list >li>span{
			width: 2.5rem;
			font-size: .34rem;
			height: 1rem;
			line-height: 1rem;
			margin:0;
			background: url(../images/border.png) no-repeat center center/100%;
		}
		.joinbox5 .tops ul{
			flex-wrap: wrap;
		}
		
		.honor .list >li>div li,.joinbox2 .tab2 li,.joinbox5 .tops li{
			width: 48%;
			margin:0 2% .3rem 0;
		}
		.joinbox2 .tab2 li:nth-of-type(3n){
			margin-right: 2%;
		}
		.honor .list >li>div li:nth-of-type(2n){
			margin-right: 0;
		}
		.honor .list >li>div li p{
			font-size: .28rem;
			line-height: .4rem;
			margin:0;
			padding:.2rem;
			overflow: hidden;
			height: .8rem;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		.honor .list >li>div li span{
			font-size: .24rem;
			padding:0 .2rem;
		}
		.honor .list >li>div li .pro{
			height: 2rem;
			padding:.2rem;
		}
		
		.culturebox1 ul{
			flex-wrap: wrap;
		}
		.culturebox1 li{
			width: 50%;
			flex:auto;
			padding:.3rem .2rem 0;
			height: 3rem;
			border-bottom: 1px solid #999;
		}
	.culturebox1 li span{
		font-size: .5rem;
		margin-bottom: .2rem;
	}
	.culturebox1 li p{
		font-size: .38rem;
	}
	.culturebox1 li:nth-of-type(2n){
		border-right:none;
	}
	
	.culturebox3 li{
		width: 100%;
	}
	.culturebox3 li>div{
		padding:.6rem .3rem 0;
	}
	.culturebox3 li>img, .culturebox3 li>div{
		height: 3.4rem;
	}
	
	.culturebox3 li:nth-of-type(n+4) >img {
	    float: left;
	}
	.culturebox3 li:nth-of-type(2n) >img{
		float: right;
	}
	.zeren .photos li{
		width: 48%;
		margin:0 2% .3rem 0;
		height: 4.6rem;
		padding:.3rem;
	}
	.zeren .photos{
		flex-wrap: wrap;
	}
	.zeren .photos li p{
		display: block;
		font-size: .26rem;
		margin-top:0rem;
		line-height: .4rem;
		height: 1.6rem;
	}
	.zeren .photos li span{
		font-size: .34rem;
	}
	.zeren .photos li i{
		height: 1.2rem;
	}
	.zeren .photos li i img{
		max-height: 80%;
	}
	.print .commontitle{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	.print .swiper-container{
		width: 90%;
		margin:0 auto;
		padding-bottom: 1rem;
	}
	.print .swiper-slide p{
		font-size: .28rem;
		margin-top:.3rem;
	}
	.print .swiper-button-next,.print .swiper-button-prev{
		width: .5rem;
		height: .5rem;
		background-size: 100% !important;
		bottom:.4rem;
		left: 0;
	}
	.print .swiper-button-next{
		left: 10%;
	}
	.banner .text2{
		position: relative;
		width: 100%;
		bottom:0;
		left: 0;
		    background: #008AFF;
	}
	.banner .text2 li{
		width: 100%;
		padding:.2rem;
	}
	.banner .text2 ul{
		flex-wrap: wrap;
	}
	.banner .text2 li span{
		font-size: .26rem;
	}
	.banner .text2 li img{
		margin-right: .2rem;
		width: 1rem;
	}
	.submenus{
		overflow: scroll;
	}
	.submenus a{
		font-size: .26rem;
		padding:0 .2rem;
	}
	.submenus .wrap{
		display: flex;
		width: 200% !important;
	}
	
	.product h2{
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	
	
	.product .cite{
		margin:.3rem 0;
	}
	.product .cite a{
		font-size: .26rem;
		width: 1.4rem;
		height: .6rem;
		line-height: .6rem;
		margin:0 .2rem .2rem 0;
	}
	.product .list li p{
		height: .8rem;
		line-height: .8rem;
		font-size: .28rem;
	}
	.product .list li{
		width: 48%;
		margin:0 2% .3rem 0;
	}
	.product .list li img{
		height: 3.4rem;
	}
	.page,.xq_box .xq_title .time{
		margin-top:.3rem;
	}
	.page a{
		padding:.2rem;
	}
	.commonbox li{
		width: 100%;
		margin:0 0 .3rem 0;
	}
	.commonbox li span.f1{
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.commonbox li span.time{
		font-size: .24rem;
	}
	.commonbox li p,.xq_box .xq_title .time{
		font-size: .28rem;
		line-height: .45rem;
	}
	.xq_box{
		margin-top:0rem;
	}
	.xq_box .xq_title .title_p{
		font-size: .4rem;
	}
	.chapter{
		padding-top:.2rem;
		display: block;
	}
	.chapter a{
		display: block;
		width: 100%;
	}
	.recurbox2 .zw{
		margin:.3rem auto;
		padding:.2rem;
	}
	.section2 a.more, .section3 a.more, .section4 a.more, .section5 a.more{
		bottom:1rem;
	}
	.section2 a.next, .section3 a.next, .section4 a.next, .section5 a.next{
		bottom:.4rem;
		width: .5rem;
		height: .5rem;
	}
	.section a.next img{
		width: .5rem;
	}
	.section3 .text,.section4 .text,.section5 .text,.section2 .text{
		left:2%;
		top:4%;
		width: 92%;
	}
	.section3 .text span.ch,.section4 .text .fl p.en,.section5 .text h2{
		font-size: .4rem;
	}
	.section5 .text h2{
		margin-bottom: .2rem;
	}
	.section5 .text .swiper-slide p{
		font-size: .28rem;
		margin-top:.2rem;
	}
	#video{
		height: 3rem;
	}
	
	.VideoBtn img{
		width: 1rem;
	}
	.section3 li span,.section4 .text .fl h2,.section2 .text h2{
		font-size: .45rem;
	}
	.section2 .text{
		top:10%
	}
	.section5 .swiper-button-prev{
		right:35px;
	}
	.section2 .text h2{
		text-align: center;
	}
	.section2 .text p{
		font-size: .28rem;
		margin:.2rem  0 0;
		text-align: center;
	}
	.section3 .text span.font,.section3 li p{
		font-size: .3rem;
		margin:.1rem 0 .2rem;
		padding:0;
	}
	.section4 .text .fl p.font{
		font-size: .38rem;
		line-height: .55rem;
	}
	.section4 .text .fr{
		width: 100%;
	}
	
	.section4 .text .fr li{
		width: 2.7rem;
		height: 2.7rem;
		padding-top:45px;
		background-size:100% !important
;
	}
	.section5 .swiper-button-next,.section5 .swiper-button-prev{
		width: .5rem;
		height: .5rem;
		background-size:100%;
	}
	.section4{
		height: 11rem !important;
	}
	.section3{
		height: 9rem !important;
	}
	.section2,.section2 .fp-tableCell{
		height: 6rem !important;
	}
	.section5 .text .swiper-container{
		width: 100%;
		margin:0;
	}
	.section4 .text .fr li span{
		font-size: .35rem;
	}
	.section4 .text .fr li p{
		font-size: .3rem;
	}
	
	.section3 .text span.en{
		font-size: .3rem;
	}
	.section3 ul{
		margin-top:.3rem;
		display: block;
	}
	.section4 .fl,.section4 .fr{
		width: 100%;
	}
	.section4 .text .fl h2,.section4 .text .fl p.en{
		margin-bottom: .2rem;
	}
	.section5 .text .swiper-wrapper{
		margin-left: 0;
	}
	.casebox1 .con{
		display: block;
		padding-bottom: .6rem;
	}
	.casebox1 .con>img{
		max-width: 100%;
		margin:0 auto;
		width: auto;
	}
		
	.casebox1 .con .right{
		width: 100%;
	}
	.casebox1 .con span{
		font-size: .32rem;
	}
	.casebox1 .con p{
		font-size: .28rem;
		margin:.2rem 0 .4rem;
	}
	.casebox2{
		padding:.4rem 0 0;
	}
	.casebox2 >p,.casebox2 li p,.casebox3 >p{
		max-width: 100%;
		font-size: .28rem;
		line-height: .4rem;
	}
	.casebox2 ul{
		padding:0 2%;
	}
	.casebox3 ul{
		margin-top:.4rem;
	}
	.casebox2 li{
		width: 32%;
		margin:0 0 .3rem 0;
	}
	.casebox2 li img{
		max-width: 80%;
	}
	.casebox2 li span{
		font-size: .3rem;
		margin:.2rem 0;
	}
	.ads2 p{
		font-size: .42rem;
	}
	.casebox4{
		padding:.5rem 0;
	}
	.casebox6 .box, .casebox4 .list1, .casebox4 .list2, .casebox4 .list3{
		padding:.3rem;
	}
	.casebox4 .list1 .con{
		display: block;
	}
	.casebox4 .list1 .con .left, .casebox4 .list1 .con .right{
		width: 100%;
		padding:.2rem;
		margin-bottom: .3rem;
	}
	.casebox4 .list1 .con p{
		font-size: .24rem;
		line-height: .3rem;
	}
	.casebox6 .box li{
		padding:.3rem;
	}
	.casebox5 ul{
		margin:0 auto .3rem;
	}
	.casebox6 .box h3, .casebox4 .list2 h3, .casebox4 .list3 h3{
	    font-size: .28rem;
	    width: 80%;
	    top: -30px;
	    text-align: center;
	    height: 46px;
	    display: flex;
	    align-items: center;
	    justify-content: center;
	}
	.casebox5 li{
		width: 49%;
		margin:0 2% .3rem 0;
	}

.casebox5 li:nth-of-type(2n){
		margin-right: 0%;
	}
	.casebox5 li:nth-of-type(4n){
		margin-right: 0%;
	}
	
	.casebox4 .list2 li,.casebox4 .list3 li,.casebox6 .box li{
		width: 100%;
		margin:0 0 .3rem 0;
	}
	.casebox4 .list3 ul, .casebox6 .box ul{
		display: block;
	}
}


@media screen and (min-width:1200px) and (max-width:1500px) {
	
	.header .fl img{
		margin-top:25px;
	}
	.header{
		padding:0 4%;
	}
	.header .fr li a{
		padding:0 14px;
	}
	.banner .text2{
		bottom:10px;
	}
	.wrap{
		width: 80%;
	}
	.section4 .text .fr li{
		width: 270px;
		height: 270px;
		background-size:100% !important
;
padding-top:100px;
	}
	.section4 .text .fr{
		width: 54%;
	}
	/* 47px */
	.section4 .text .fl h2{
		font-size: 33px;
		margin-bottom: 40px;
	}
	.section4 .text .fl p.en{
		margin-bottom: 50px;
	}
	/* 41px */
	.section3 li span{
		font-size: 30px;
	}
	/* 37px */
	.product h2,.section4 .text .fr li span,.section4 .text .fl p.en{
		font-size: 26px;
	}
	/* 35px */
	.section4 .text .fl p.font{
		font-size: 24px;
		line-height: 54px;
	}
	.joinbox4 .num h2{
		font-size: 26px;
		margin:40px 0;
	}
	.joinbox5 .tops h2, .joinbox5 .center h2, .joinbox5 .bottom >h2{
		font-size: 26px;
		margin-bottom: 40px;
	}
	
	/* 28px */
	.section4 .text .fr li p{
		font-size: 20px;
	}
	/* 56px */
	.section3 .text span.ch{
		font-size: 40px;
	}
	.section5 .text .swiper-container{
		width: 90%;
	}
	.joinbox2 .tab1 .fr li{
		margin-left: 40px;
	}
	.joinbox2 .tab1 .left{
		width: 31%;
		
	}
	/* 24px */
	.joinbox4 .tab .con .tit p,.joinbox2 .tab1 .left p,.joinbox2 .tab1 .left span{
		font-size: 17px;
	}
	/* 30px */
	.joinbox4 .tab .con .tit h2,.joinbox2 .tab1 .left span.num,.commontitle span.ch{
		font-size: 21px;
	}
	/* 18px */
	.titles .ens{
		font-size: 14px;
	}
	.joinbox4 .tab .con .tit{
		height: 125px;
		padding-top: 40px;
	}
	.joinbox4 .num li{
		margin:0 20px;
	}
	
	.product .list li img{
		height: 280px;
	}
}

@media screen and (min-width:1200px) and (max-width:1300px) {
	.header{
		padding:0 2%;
	}
}