@media screen and (min-width:320px) and (max-width:1000px) {
	.header,.banner{
		display: none;
	}
	.wt li{
		width:100%;
		margin:0 0 .3rem 0;
	}
	
	.wt li>img{
		height:5rem;
	}
	.wt li>p{
		font-size: .3rem;
		left:.2rem;
		bottom:.2rem;
	}
	.wt li .layers{
		padding:.2rem;
	}
	.wt li .layers span{
		font-size: .3rem;
		margin-bottom:.2rem;
		padding-bottom:.2rem;
	}
	.wt li .layers p{
		font-size: .23rem;
		line-height: .4rem;
	}
	.process_list{
		max-width: 100%;
	}
	.phoneheader {
		padding: 0 .3rem;
		height: 1.2rem;
		line-height: 1.2rem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		    background: #1F1A17;
		
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.footer .fr{
		width: 100%;
	}
	.wt .con .aboutbox{
		display: block;
	}
	.wt .con .texts img,.wt .con .aboutbox .font{
		width: 100%;
	}
	.phonebanner{
		position: relative;
		margin-top:1.2rem;
		display: block;
	}
	.phonebanner img{
		width: 100%;
	}
	.phonebanner .swiper-pagination{
		bottom:20px;
	}
	.phonebanner .swiper-pagination-bullet{
		width: 10px;
		height: 10px;
		background: #FFFFFF;
		border-radius: 50%;
		margin:0 5px;
	}
	.phonebanner .swiper-pagination-bullet-active{
		width: 50px;
		height: 10px;
		background: #167459;
		border-radius: 5px;
	}
	.phonebanner  .title{
		width: 100%;
		position: absolute;
		top:40%;
		text-align: center;
		
	}
	.phonebanner  .title a{
		font-size: .3rem;
		font-family: Microsoft YaHei;
		font-weight: 400;
		color: #FFFFFF;
		margin:0 .3rem;
		padding-bottom: 15px;
	}
	.phonebanner .title a.active{
		border-bottom:2px solid #FFFFFF;
	}
	
	.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.85);
		display: none;
		z-index: 99999;
		overflow: scroll;
	}
		
	.mobile-nav {
		
		padding: 0 .2rem;
		overflow: scroll;
	}
	.mobile-nav .logo{
		height: 1.1rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom:1px solid rgba(255,255,255,.2)
	}
	
	.mobile-nav >ul>li{
		line-height: 1.1rem;
		border-bottom:1px solid rgba(255,255,255,.2);
		
		position: relative;
	}
	.mobile-nav >ul>li >a{
		font-size: .32rem;
		padding-left: .6rem;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		display: block;
	}
	.indexbox1 .left >img{
		display: none;
	}
		
	.indexbox1 .left{
		width: 100%;
		float: none;
		padding:.4rem 3%;
	}
		
	.indexbox1{
		display: block;
	}
	.submenus .left a{
		padding:0 .2rem;
		margin-right: .2rem;
		height: .7rem;
		line-height: .7rem;
	}
	.submenus{
			overflow: scroll;
			position: relative;
	}
	.submenus .wrap{
		width: 200%;
		overflow: scroll;
	}
	.newdetail .con div{
		max-width: 100%;
	}
	.newdetail .con blockquote{
		margin-left:0 !important
	}
	.submenus .left{
		width: 100%;
		overflow: scroll;
	}
	.wt .con .texts img{
		height:auto !important
	}
	.wt, .join{
		padding:.5rem 3%;
	}
	.join,.indexnew,.newdetail{
		padding:.5rem 3%;
	}
	.indexnew ul{
		margin-top:.3rem;
	}
	.indexnew li,.fc li,.team li{
		width: 48%;
		margin:0 4% .3rem 0;
		float: left;
	}
	
	.indexnew li:nth-of-type(2n),.fc li:nth-of-type(2n),
	.team li:nth-of-type(2n){
		margin-right: 0;
	}
	.fc li:nth-of-type(3n) {
	    margin-right: 4%
	}
	.fc li:nth-of-type(6n) {
	    margin-right: 0%
	}
	.indexnew li img,.fc li img{
		height: 2.4rem;
	}
	.team li img{
		height: 3.1rem;
	}
	.wt .con .navs a{
		width: auto;
		padding:0 .2rem;
		height: .6rem;
		line-height: .6rem;
		font-size: .28rem;
		margin:0 .1rem .2rem 0;
	}
	.page a{
		display: none;
	}
	.page a:last-of-type,.page a:nth-of-type(1),.page a:nth-of-type(2),
	.page a:nth-of-type(3),.page a:nth-of-type(4){
		display: inline-block;
	}
	.indexjob2{
		padding:.4rem 0;
	}
	.indexjob li{
		width: 100%;
		padding:0 .2rem;
		margin:0 0 .2rem 0;
	}
	.indexjob li .job-top{
		padding:.25rem 0;
	}
	.indexjob li .job-top p{
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.indexjob li .logo span,.indexjob li .job-top span,.indexjob li .job-top .num span{
		font-size: .25rem;
		line-height: .4rem;
	}
	.indexjob li .job-top .num p{
		font-size: .22rem;
		margin-top:.7rem;
	}
	.layers .pops .content{
		padding:.2rem;
	}
	.indexjob li .logo p{
		font-size: .22rem;
	}
	.indexbox1{
		padding:.5rem 0;
	}
	.indexbox1 ul{
		margin-top:.4rem;
	}
	.layers .pops >img{
		top:14%;
		right:0;
		width: .6rem;
	}
	.indexbox1 li span,.indexteam .ico li span{
		font-size: .3rem;
	}
	.indexbox1 li p,.indexteam .ico li p{
		font-size: .24rem;
		margin-top:.2rem;
		line-height: .35rem;
	}
	.indexteam .ico li{
		width: 23%;
	}
	.indexjob .fr{
		width: 100%;
	}
	.indexjob .fr a{
		font-size: .28rem;
		margin:0 .2rem .4rem 0;
		padding:0;
		line-height: .5rem;
		display: inline-block;
	}
	.indexteam .ico li img{
		height: .6rem;
	}
	.indexbox1 li i{
		height: 1rem;
	}
	.indexbox1 li i img{
		max-height: 80%;
	}
	.indexmenu li{
		width: 100%;
	}
	.indexmenu li .txt{
		padding:.3rem;
		background: url(../images/detail2.png) no-repeat bottom .2rem left .3rem;
	}
	.indexmenu li:hover .txt{
		background:url(../images/detail.png) no-repeat bottom .2rem left .3rem;
		background-color: #065BC8;
	}
	
	.indexmenu li .txt p{
		font-size: .24rem;
		line-height: .35rem;
		height: 2.1rem;
	}
	.indexmenu li .txt span{
		font-size: .32rem;
		margin-bottom: .2rem;
	}
	.indexjob li .logo{
		padding:.2rem 0;
	}
	.team li .txt,.indexteam .swiper-slide .txt{
		height: 1.2rem;
		padding-top:.2rem;
	}
	
	.team li .txt span,.indexteam .swiper-slide .txt span{
		font-size: .3rem;
	}
	.team li .txt p,.indexteam .swiper-slide .txt p{
		font-size: .25rem;
	}
		
	.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: .25rem;
	}
	/* 48px */
	.wt h2, .join h2,.indexbox1 h2, .indexpartner h2, .indexjob .title h2, .indexnew h2, .indexteam h2{
		font-size: .5rem;
		margin:0;
		text-align: center;
	}
	.newdetail .title p.font1{
		font-size: .4rem;
	}
	.newdetail .title p.font2{
		font-size: .28rem;
		margin-top:.2rem;
	}
	.indexteam .swiper-wrapper{
		margin:0;
	}
	.wt >p, .join>p,.indexbox1 p, .indexpartner .wrap>p, .indexjob .title p, .indexnew> p, .indexteam >p{
		font-size: .24rem;
		margin-top:.2rem;
		text-align: center;
	}
	.wt .con,.newdetail .con{
		padding-top:.3rem;
		margin-top:.3rem;
	}
	.contact .list{
		display: block;
		padding-bottom: .3rem;
		margin-bottom: .3rem;
	}
	.contact .list .left{
		width: 100%;
		padding-bottom: .3rem;
	}
	.footer .nav{
		padding:0rem 3%;
	}
	.newdetail .con p,.newdetail .chapter a,.wt .con .texts p{
		font-size: .28rem;
		line-height: .5rem;
	}
	.newdetail .chapter{
		margin-top:.4rem;
		display: block;
		padding:.2rem 0;
	}
	.contact .list .left h2{
		font-size: .35rem;
		line-height: .8rem;
		padding-left: .2rem;
		margin-bottom: .2rem;
	}
	.contact .list .left p{
		font-size: .24rem;
		line-height: .4rem;
		padding:0 .2rem
	}
	.contact .list .map, .contact .list .map img{
		width: 90%;
		margin:0 auto;
		height: 3rem;
	}
	 .contact .list .map img{
		 width: 100%;
	 }
	.wt .con input{
		width: 100%;
		padding-left: .2rem;
		margin:0 auto .3rem;
		line-height: .7rem;
		height: .7rem;
		max-width: 100%;
	}
	.wt .con button{
		width: 100%;
		line-height: .7rem;
		height: .7rem;
	}
	.wt .con textarea{
		width: 100%;
		height: 3rem;
		max-width: 100%;
	}
	/* 24px */
	.indexbox1 .left .text span{
		font-size: .34rem;
		display: block;
		padding-bottom: .2rem;	
		margin-bottom: .2rem;
	}
	.indexbox5 .left .text2 .ch{
		font-size: .34rem;
	}
	.indexbox5 .left .text2 .en,.ysbox1 .left span.en
	,.news .titles a{
		font-size: .26rem;
	}
	.footer p.num{
		font-size: .5rem;
	}
	.footer p.time,.footer .list p{
		font-size: .24rem;
		line-height: .45rem;
	}
	.footer dl{
		width: 100%;
		margin:0;
		
	}
	.footer .fr{
		margin-top:.3rem;
	}
	.footer dt{
		background:url(../images/xl2.png) no-repeat right center;
		width: 100%;
		font-size: .28rem;
		padding-bottom: .2rem;
	}
	.footer dd{
		display: none;
	}
	.footer .copy{
		padding:0 3%;
	}
	.footer .copy p{
		font-size: .24rem;
		line-height: .4rem ;
	}
	.submenus{
		height: auto;
		line-height: .4rem;
	}
	.submenus span{
		display: block;
		text-align: right;
		width: 100%;
		position: absolute;
		bottom:0;
		left: 3%;
		display: none;
	}
	/* 16px   */
	.indexbox1 .left .text p,.indexbox6 .fl li p,.ysbox5 .con p
	,.newdetail .fl .con p{
		font-size: .26rem;
		line-height: .45rem;
	}
	.recurbox2 .zw h2, .recurbox2 .zw .type span,.recurbox2 .zw .type span,.recurbox2 .list .tab .sub span,.submenus .left a,.submenus span
	,.footer p.tel{
		font-size: .28rem;
	}
	.recurbox2 .zw .type span{
		margin-right: .2rem;
	}
	.recurbox2 .list .tab p.title {
	    font-size: .35rem;
	    padding-left: .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;
	}
	.commtitle .en{
		font-size: .6rem;
	}
		
	.commtitle .ch{
		font-size: .45rem;
	}
	.commtitle p{
		width: 100%;
		margin:.3rem auto 0;
	}
	
	.recurbox2 .zw .type a {
	    font-size: .24rem;
	    padding: 0 .2rem;
	       margin-right: .2rem;
}
	.recurbox2 .zw .type {
	    margin-top: .3rem;
	}
	
	.indexbox1 .right .font p,.indexbox4 .title p span.font,
	.indexbox6 .right p,.footer .logo .text span,.aboutbox1 .text p
	,.aboutbox3 p,.ysbox1 .left li{
	line-height: .5rem;
		font-size: .28rem;
		
	}
	.newdetail .fl >h2,.news h2{
		font-size: .4rem;
		margin-bottom: .2rem;
	}
	.newdetail .fl .con{
		margin-top:.3rem;
		padding-top:.2rem;
	}
	.news .titles{
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}
	.chapter{
		margin-top:.4rem;
		display: block;
	}
	.chapter a{
		display: block;
		text-align: left;
		border:none;
		text-align: left;
		font-size: .28rem;
	}
	.chapter a:last-child{
		text-align: left;
	}
	.newdetail .fr .box1{
		padding:.3rem;
	}
	.newdetail .fr .box1 h2{
		font-size: .32rem;
		background: url(../images/more2.png) no-repeat right top .1rem/.3rem;
		margin-bottom: .2rem;
	}
	.newdetail .fr .box2 h2{
		font-size: .32rem;
		background: url(../images/more4.png) no-repeat right top .1rem/.3rem, url(../images/border6.png) no-repeat bottom left;
		padding-bottom:.2rem;
		margin-bottom: .2rem;
	}
	.newdetail .fr .box2 li{
		width: 90%;
	}
	.newdetail .fr .box3 li p{
		height: .5rem;
		font-size: .28rem;
		line-height: .5rem;
	}
	.newdetail .fr .box1 li{
		font-size: .3rem;
		line-height: .7rem;
	}
		
	.newdetail .fr .box2{
		margin-top:.5rem;
	}
	
	.aboutbox3 p:last-of-type,.aboutbox3 ul{
		margin-top:.5rem;
	}
	.aboutbox3 li{
		width: 24%;
		margin:0 1% .4rem 0;
	}
	.indexbox4 .title p span.font{
		margin-top:.1rem;
	}
	/* 14px   */
	.indexbox3 .content li p{
		font-size: .24rem;
		line-height: .4rem;
	}
	/* 26px   */
	.indexbox4 .title span.en,.indexbox6 .right .en{
		font-size: .32rem;
	}
	/* 40px   */
	.indexbox4 .title p span,.indexbox6 .right h2
	,.aboutbox1 .en, .aboutbox2 .en, .aboutbox3 .en
	,.ysbox1 .left span.ch,.ysbox3 span.ch, .ysbox4 span.ch, .ysbox5 span.ch{
		font-size: .4rem;
		
	}
	.ysbox3 span.ch, .ysbox4 span.ch, .ysbox5 span.ch{
		margin-bottom: .1rem;
	}
	
	.ysbox5 .con{
		padding:.2rem;
		margin:0;
	}
	
	.aboutbox1 .ch, .aboutbox2 .ch, .aboutbox3 .ch,
	.ysbox3 span.en, .ysbox4 span.en, .ysbox5 span.en{
		font-size: .4rem;
		margin-bottom: .3rem;
	}
	.indexbox6 .fl{
		width: 100%;
		margin-top:3rem
	}
	.ysbox1 .right{
		width: 100%;
		margin-top:.3rem
	}
	.ysbox1 .right img{
		max-width: 80%;
	}
	.indexbox6 .fl li{
		padding:.2rem
	}
	.indexbox4 .title .left{
		width: 65%;
	}
	.indexbox4 .title .right{
		width: 31%;
	}
	.indexbox4 .con{
		margin-top:.3rem;
	}
	
	.indexbox1 .right{
		width: 100%;
		padding:.3rem 0;
		background:none;
	}
	
	.ysbox3 li span, .ysbox4 li span{
		font-size: .26rem;
		margin-top:.2rem;
	}
	.ysbox4 ul{
		display: flex;
		justify-content: center;
		align-items: flex-start;
		flex-wrap: wrap;
	}
	.ysbox4 li{
		width: 30%;
		margin: 0 2% .3rem 0;
	}
		
	.indexbox1 .right video{
		height: 3rem;
	}
	.indexbox1 .right .font{
		height: 1rem;
		padding:.3rem 0;
	}
	.indexbox2{
		height: 7rem;
	}
	.indexbox2 ul,.indexbox5{
		display: block;
	}
	.indexbox5 .right{
		width: 100%;
		padding:.5rem 3%;
	}
	.indexbox5 .right .swiper-container{
		height: 4rem;
	}
	.indexbox5 .right h2{
		font-size: .8rem;
		margin-bottom: .3rem;
	}
	.indexbox2 li{
		width: 100%;
		height: 1.3rem;
	}
	.indexbox2 li .text{
		margin:0;
		padding:0;
	}
		
	.indexbox2 li .t1{
		font-size: .28rem;
		margin-left: .2rem;
		writing-mode: inherit;  
   }
   .indexbox2 li .t2{
	   font-size: .3rem;
	   writing-mode: inherit;  
	   width: 18%;
	   display: inline-block;
	   text-align: right;
   }
   .indexbox2 li .t3{
	   font-size: .26rem;
	   writing-mode: inherit;  
	  width: 75%;
	  padding-top:0;
	  padding-right:.5rem;
	  box-sizing: border-box;
	  display: inline-block;
	  background: url(../images/border2.png) no-repeat right .2rem center;
   }
   .indexbox2 li:hover span.t3 {
	     background: url(../images/border3.png) no-repeat right .2rem center;
   }
   .indexbox3 .content,.indexbox4,.footer{
	   padding:.5rem 0;
   }
   .indexbox3 .content li{
	   width: 48%;
	   margin-bottom: .3rem;
   }
   .indexbox3 .content ul{
	   flex-wrap: wrap;
   }
   .indexbox3 .content li i{
	   width: 1.7rem;
	   height: 1.7rem;
   }
   .indexbox3 .content li span{
	   padding-bottom: .2rem;
	   margin-bottom: .2rem;
	   font-size: .25rem;
   }
	   .recurbox2 span.ch{
		   font-size: .4rem;
		   text-align: center;
		   display: block;
		   width: 100%;
	   }.recurbox2 span.en{
		   font-size: .28rem;
		   text-align: center;
		   display: block;
		   width: 100%;
	   }
	   .recurbox2 .zw{
	   		margin:.3rem auto;
	   		padding:.2rem;
	   	}
   
   .indexbox4 .con li{
	   width: 48%;
	   margin:0 4% .3rem 0;
	   box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.16);
   }
   .indexbox4 .con li:nth-of-type(2n),
   .news  li:nth-of-type(2n){
	   margin-right: 0;
   }
   .indexbox4 .con li img{
	   height: 2.2rem;
   }
   .news li img{
	   height: 2.4rem;
   }
   .news li p.tit{
	   font-size: .26rem;
	   margin:.2rem 0;
	   height: .35rem;
	   line-height: .35rem;
   }
   .page{
	   margin-top:.4rem;
   }
   .news li p.last{
	   margin-top:.1rem;
   }
   .aboutbox1 ul{
	   margin-top:.5rem;
   }
   .aboutbox1 li,.news li{
	   width: 48%;
	   margin:0 4% .3rem 0;
   }
   .aboutbox1, .aboutbox2, .aboutbox3{
	   padding:.5rem 0 ;
   }
   .aboutbox2 .con{
	   margin-top:.5rem;
   }
   .aboutbox3 .wrap{
	   width: 94%;
   }
    .mg{
		padding-top:1.7rem;
	}
   .aboutbox1 li:nth-of-type(2n){
   	   margin-right: 0;
   }
   .aboutbox1 li:nth-of-type(5n) {
       margin-right: 4%;
   }
   .aboutbox1 li:nth-of-type(10n) {
       margin-right: 0%;
   }
   .aboutbox1 li img{
	   height: 2.2rem;
   }
	   
   .indexbox4 .con li .font,.indexbox4 .con li img{
	   opacity: 1;
   }
   .indexbox4 .title .right a{
	   width: 1.8rem;
	   height: .6rem;
	   line-height: .6rem;
   }
   .indexbox5 .left{
	   width: 100%;
	   padding:.5rem 3%;
   }
   .indexbox5 .left .text2{
	   top:.3rem;
	   width: 100%;
	   left: 0;
	   text-align: center;
   }
   .indexbox5 .left .swiper-slide{
	   display: block;
   }
   .indexbox5 .left .swiper-container{
	   margin-top:1.8rem;
	  background: url(../images/bg6.png) no-repeat top 70% center/100%
   }
   .indexbox5 .left .swiper-slide .pro{
	   width: 80%;
	   margin:0 auto;
   }
   .indexbox5 .left .swiper-slide .text{
	   width: 80%;
	   margin:.3rem auto;
   }
   .indexbox5 .left .swiper-button-prev{
	   left:4%;
   }
   .indexbox5 .left .swiper-button-next{
	   right:4%;
   }
   
   .indexbox6{
	   position: relative;
   }
   .indexbox6 .right{
	      position: absolute;
	      top: .5rem;
	      width: 100%;
	      left: 0;
	      padding: 0;
	      text-align: center;
   }
   .indexbox6 .right h2,.indexbox6 .right .en,.indexbox6 .right p{
	   text-align: center;
   }
   .indexbox6 .right p{
	   background: url(../images/boder9.png) no-repeat top center;
   }
      
	   
   .indexbox6 .right a{
	   top:0;
	   bottom:auto;
   }
   .indexbox6 .fl li img{
	   height: 2.3rem;
	   margin:.2rem 0 .4rem;
   }
   .indexbox6 .fl li span.more{
	   margin-top:.4rem;
   }
   .footer .right{
	   width: 100%;
	   text-align: left;
	   margin:0.5rem 0 0  0;
   }
	.footer .right .ico a{
		margin:0 .3rem .3rem 0;
	}   
   .footer .right li a{
	   font-size: .24rem;
	   margin:0 .3rem 0 0;
   }
   .indexbox1 .left .text a{
	      top: -.4rem;
	   right:3%;
   }
   .indexpartner .swiper-father{
	   margin-top:.5rem;
   }
   .indexpartner .wrap{
	   padding:0;
   }
   .indexpartner .wrap li{
	   width: 33%;
	   height: 1.4rem;
   }
   .indexjob,.indexpartner,.indexteam{
	   padding:.5rem 3%;
   }
   .indexteam .navs a{
	   font-size: .26rem;
	   margin:0 .2rem;
	   text-align: center;
	   padding-bottom: .2rem;
   }
   .indexjob .title{
	   display: block;
   }
   .indexjob .title .fl{
	   width: 100%;
   }
	   
   .footer .right p, .footer .right p a{
	   font-size: .24rem;
	   line-height: .35rem;
   }
   
   .indexbox6{
	   padding-bottom: .4rem;
   }
   .joinbox5 li{
	   height: 1.3rem;
   }
   
   .joinbox8 .font1{
	   font-size: .55rem;
	   margin-bottom: .3rem;
   }
   .joinbox8 .font2{
	   font-size: .45rem;
	   margin-bottom: .4rem;
   }
   .joinbox9 .tit{
	    margin-bottom: .4rem;
   }
   .joinbox8 LI SPAN,.joinbox9 .tit p{
	   font-size: .55rem;
   }
   .joinbox9 ul{
	   flex-wrap: wrap;
   }
   .joinbox3 .wrap >p.font{
	   font-size: .3rem;
	   margin-top:.4rem;
   }
   .joinbox3 .wrap>p{
	   font-size: .28rem;
	   margin-top:.3rem;
	   line-height: .45rem;
   }
   
   .joinbox3 ul,.joinbox4 li{
	   width: 100%;
   }
   .joinbox4 li:nth-of-type(3), .joinbox4 li:nth-of-type(4){
	   width: 49%;
	   height: 2rem;
   }
   .joinbox9 li{
	   width: 30%;
	   background: url(../images/j40.png) no-repeat right center/.2rem;
	   margin-bottom: .2rem;
   }
	.joinbox1 p{
		font-size: .35rem;
		margin-bottom: .3rem;
	}   
   .joinbox9 li span{
	   font-size: .24rem;
	   margin:.2rem 0 0 4%;
	   display: block;
	   text-align: center;
   }
   .joinbox8 li p{
	   font-size: .28rem;
	   line-height: .48rem;
	   height: auto;
	   padding-bottom: .2rem;
   }
   .joinbox8 ul{
	   display: block;
   }
	  
  .joinbox8 li{
	  width: 100%;
	  margin:0 0 .3rem;
  }
   .commtitle{
	   margin-bottom: .5rem;
   }
   .contact{
	   padding:0  0 .5rem
   }
   .newdetail .fl,.newdetail .fr{
	   width: 100%;
   }
  .submenus .wrap{
	 padding:0 3%;
	 flex-wrap: wrap;
  }
  .sqbox .title{
	  margin:.45rem 0;
  }
	  
  .sqbox .title .en,.sqbox .box2 li .right span{
	  font-size: .35rem;
  }
  .sqbox .title .ch{
	  font-size: .4rem;
  }
  .sqbox .box2 li .right span{
	  margin-bottom: .4rem;
  }
  .sqbox .box2 li .right span.num,.sqbox .box2 li:nth-of-type(2n) span.num{
	  font-size: .7rem;
	  top:-15px;
	  left: auto;
	  right:0;
  }
  .sqbox .box2 li .right p{
	  font-size: .25rem;
	  margin-bottom: .2rem;
  }
  .sqbox .box1 ul{
	  padding:0;
	  margin:.3rem 0;
  }
  .sqbox .box1 li{
	  width: 1.5rem;
	  height: 1.5rem;
	  font-size: .3rem;
	  text-align: center;
  }
  .sqbox .box2 li{
	  padding:.3rem 0;
  }
  .sqbox .box2 li img{
	  max-width: 90%;
	  display: block;
	  margin:0 auto .3rem;
	  float: none !important;
  }
  .sqbox .box2 li img,.sqbox .box2 li .right,
  .contact .mes .list input,.contact .mes .list textarea{
	  width: 100%;
  }
  .contact .mes button{
	  margin:.2rem auto 0;
	  display: block;
  }
  .recurbox2{
	  margin-top:.4rem;
  }
  .sqbox .box2 li:nth-of-type(2n) .right{
	  float: none;
	  text-align: left;
  }
  .contact .wrap> h2{
	  padding-bottom: .2rem;
	  margin-bottom: .2rem;
	  font-size: .35rem;
  }
  .contact .mes h2{
	  padding-bottom: .2rem;
	  margin-bottom: .2rem;
	  font-size: .28rem;
  }
  .contact .text p{
	  font-size: .24rem;
	  line-height: .45rem;
	  margin-bottom: .2rem;
  }
  .contact .text .right{
	  width: 73%;
  }
  .contact .mes{
	  margin:.4rem 0;
  }
  .joinbox7 li .tit{
	  height: .8rem;
	  line-height: .8rem;
	  font-size: .3rem;
	  margin-bottom: .2rem;
  }
  .joinbox7 li .txt p{
	  font-size: .28rem;
	  line-height: .48rem;
  }
  .joinbox7 li .txt{
	  height: 2rem;
	  overflow: hidden;
  }
  .joinbox7 li img{
	  margin:.2rem auto;
  }
  .joinbox7 li{
	  margin: 0 4% .3rem 0;
  }
  .footerside{
	  padding:.2rem 0;
  }
  .footerside input, .footerside select, .footerside button, .footerside a{
	  margin:0 .2rem .2rem 0;
	  width: 2rem;
	  height: .6rem;
	  line-height: .6rem;
	  font-size: .24rem;
  }
  .footerside img{
	  margin:0 .3rem  !important
  }
  .footerside .del{
	  top:.8rem;
  }
  #top{
	  top:70%;
  }
  
}

@media screen and (min-width:1200px) and (max-width:1700px) {
	.header .wrap{
		padding:0 30px;
	}
	.header .fr li{
		margin-left: 40px;
	}
	.header .fr .tel{
		margin-left: 50px;
	}
	
}
@media screen and (min-width:1200px) and (max-width:1420px) {
	.header .fr li{
		margin-left: 20px;
	}
	.header .fr .tel{
		margin-left: 24px;
	}
	.header .wrap{
		padding:0 20px;
	}
	.header .fl img{
		height: 50px;
	}
}

@media screen and (min-width:1200px) and (max-width:1600px) {
	
	.footer .nav{
		padding:40px 30px;
	}
	.footer .fl{
		width:36%;;
	}
	.footer dl{
		margin-left: 20px;
	}
}