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

	.header,
	.banner {
		display: none;
	}
	.indexabout .fr{
		width: 100%;
	}
	.indexabout .fl{
		width: 100%;
	}
	.productdetail .top .right.active{
		position: relative !important
;
top:0 !important;
	}

	.phoneheader {
		padding: 0 .3rem;
		height: 1.5rem;
		line-height: 1.5rrem;
		display: block;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		box-shadow: 0 0 .2rem #ccc;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
.caselist .tabtitle li .shogun-tab-box::after{
display:none;
}

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

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

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

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

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

width:100%;
justify-content: center;
}


	.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: 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/search2.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 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(5) {
		background: url(../images/arrow5.png) no-repeat right 10px top 10px;
	}

	.mobile-container li ul.sub li a {
		font-size: .3rem;
		line-height: .4rem;
	}

	.mobile-container li ul.three li a {
		font-size: .25rem;
		padding-right: 0;
	}

	.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%;
	}
	
	.cur_wrap_sidebar ul li.li_four .wrap_left.active{
		display: block;
		position: fixed;
		top:50%;
		left:50%;
		margin:0;
		width: 450px;
		max-width:80%;
		z-index: 99;
		transform: translate(-50%,-50%);
	}
	.cur_wrap_sidebar ul li.li_four .wrap_left h2{
		text-align: center;
	}
	.cur_wrap_sidebar ul li.li_four .wrap_left input{
		width:90%;
		height:.6rem;
		line-height: .6rem;
	}
	.cur_wrap_sidebar ul li.li_four .wrap_left button{
		width:90%;
		display: block;
		margin:.3rem auto;
	}

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

	.submenus .wrap {
		display: block;
		text-align: left;
	}

	.submenus .wrap li a {
		padding: 0 .1rem;
		font-size: .27rem;
		display: block;
		text-align: center;
	}

	.submenus .wrap2 {
		display: flex;
	}

	.submenus .wrap .swiper-container {
		width: 100%;
	}

	.submenus .wrap>ul {
		width: auto;
	}

	.submenus .menus {
		text-align: right;
	}

	.submenus .menus a,
	.submenus .menus span {
		font-size: .25rem;
	}
	
	.phonebanner .text {
	 
		    position: absolute;
		    box-sizing: border-box;
		    top: 0;
		    left: 0;
		    height: 100%;
		    background: rgba(0,0,0,0.4);
		    width: 100%;
		    text-align: center;
display:none;
	}
	
	.phonebanner .text span.ch {
	    display: block;
	    font-size: .28rem;
	    font-family: SourceHanSansCN;
	    font-weight: 400;
	    color: #FFFFFF;
	    margin-bottom: .2rem;
		margin-top:8%;
	}
	.phonebanner .text span.en {
	    font-size: .3rem;
	    font-family: SourceHanSansCN;
	    font-weight: 400;
	    color: #FFFFFF;
	}
.submenus  a,.submenus  span {
		font-size: .25rem;
	}
	.aboutbox1,.joinbox1,.joinbox2,.joinbox4,.joinbox5,.joinbox6,.newslist{
		padding:.4rem 0 .6rem;
	}
	.newslist .title span.ch,.product h2,.aboutbox1 .title span.ch,.aboutbox2 .left span.ch,.joinbox1 .title span.ch,.joinbox2 h2,.joinbox3 .text h2,.joinbox5 .wrap h2{
		font-size: .35rem;
	}
	.aboutbox1 .title span.en,.joinbox1 .title span.en,.newslist .title span.en{
		font-size: .25rem;
	}
	.newslist .title{
		margin-bottom: .3rem;
	}
	.newslist .top li .text p.title{
		font-size: .28rem;
		margin-bottom: 0;
	}
	.newslist .top li .time span.detail{
		width: 2rem;
		font-size: .26rem;
		height:.7rem;
		line-height:.7rem;
	}
	.newslist .top{
		padding-bottom:.3rem;
	}
	.newslist .bottom{
		padding-top:0;
	}
	.newslist .top li .text p.font{
		font-size: .26rem;
		line-height: .45rem;
		margin-top:.2rem;
		height: .9rem;
	}
	.aboutbox1 .con{
		margin-top:.3rem;
	}
	.newslist .top li>a>img{
		height: auto;
	}
		
	.aboutbox1 .con p,.joinbox1 .text p,.joinbox2 p{
		font-size: .26rem;
		line-height: .45rem;
		margin-top:.2rem;
		margin-bottom: 0;
	}
	.joinbox3 .text p,.joinbox4 h2,.joinbox5 .wrap>p,.joinbox5 .wrap li p,.joinbox6 .box p,.joinbox6 .xl .list .con p{
		font-size: .26rem;
		line-height: .45rem;
	}
	.aboutbox2 .left,.aboutbox2 .right,.joinbox6 .box,.joinbox6 .xl, .joinbox6 .photo{
		width: 100%;
	}
	.aboutbox2 .left{
		padding:.2rem 3%;
	}
	
	.aboutbox2 .left span.en{
		font-size: .5rem;
	}
	.aboutbox2 .left span.ch{
		margin-bottom: .4rem;
	}
	.aboutbox2 .left li span,.aboutbox2 .left li p{
		font-size: .3rem;
	}
	.aboutbox2 .left li{
		margin-bottom: .2rem;
	}
	.aboutbox2 .left a{
		width:3rem;
		height:.8rem;
		line-height: .8rem;
		font-size: .3rem;
		display: block;
		margin:0 auto;
		border-radius: .5rem;
	}
	.aboutbox2 .right{
		height: 4rem;
	}
	.footico{
		padding:.4rem 0 .6rem;
	}
	.footico li img{
		height: .6rem;
	}
	.footico li span{
		opacity: 1;
	}
	.footico .copy{
		margin:.2rem auto 0;
	}
	.footer .link{
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.menus,.menus .wrap>a,.submenus{
		height: auto;
		line-height:  .5rem;
		font-size: .3rem;
		padding:.2rem 0;
	}
	.menus .wrap{
		display: flex;
	}
	.joinbox1 .text{
		margin:.3rem auto 0;
		width: 100%;
	}
	.joinbox2 h2,.joinbox3 .text h2,.joinbox5 .wrap h2,.product h2{
		margin-bottom: .3rem;
	}
	.joinbox2 p{
		margin:0 auto .3rem;
	}
	.joinbox2 .butn,.joinbox2 select{
		width: 100%;
		
	}
	.details .wrap{
		margin:0.3rem  auto 0;
	}
	.joinbox2 .butn a{
		width: 48%;
		height: .8rem;
		line-height: .8rem;
		
	}
	.joinbox2 select,.joinbox6 .xl .list>p{
		height: .8rem;
		line-height: .8rem;
	}
	.joinbox2 .butn a:first-of-type{
		margin-right: 3%;
	}
	.joinbox4 h2{
		margin-bottom: .3rem;
	}
		
	.joinbox6 .xl .list .con{
		
		padding:.2rem .2rem .4rem;
	}
	.joinbox3 .text{
		padding:.3rem 3%;
	}
	.joinbox4 ul{
		width: 100%;
	}
	.joinbox4 li img{
		height: 2.2rem;
	}
	.joinbox4 li p{
		font-size: .26rem;
		line-height: .45rem;
		height: auto;
		margin:.2rem .1rem .3rem;
	}
	.joinbox4 li{
		margin:0 4% .2rem 0;
	}
	.joinbox5 .wrap ul{
		width: 100%;
		margin-top:.3rem;
	}
	.joinbox5 .wrap li{
		padding:.2rem 0;
	}
	.joinbox6 .box{
		padding:.3rem .2rem;
	}
	.joinbox6 .box h2{
		font-size: .3rem;
		margin-bottom: .2rem;
	}
	.joinbox6 .photo ul{
		margin-top:.3rem;
	}
	.joinbox6 .photo li{
		width: 48%;
	}
	.joinbox6 .photo li p,.productlist li p.font{
		font-size: .26rem;
		line-height: .45rem;
		margin:.15rem 0 .3rem;
		height: .9rem;
	}
	.product{
		margin-top:1.5rem;
		padding:.4rem 0 .6rem;
	}
	.product .banner{
		display: block;
		margin:.3rem auto 0;
	}
	.product .productlist{
		margin-top:.3rem;
	}
	.productlist li{
		width:48%;
		margin:0 4% .3rem 0;
	}
	.productlist li:nth-of-type(2n){
		margin-right: 0;
	}
	.productlist li:nth-of-type(3n){
		margin-right: 4%;
	}
	.productlist li:nth-of-type(6n){
		margin-right: 0;
	}
	.productlist li .proimg{
		height: 3rem;
	}
	.productlist li .proimg img{
		max-height: 90%;
	}
	.productlist li span:first-of-type{
		font-size: .26rem;
		margin:.2rem;
	}
	.productlist li p{
		font-size: .28rem;
		padding:0 .2rem;
	}
	.productlist li span.detail{
		font-size: .26rem;
		margin-left: .2rem;
	}
	.page a, .page span{
		padding:0 .2rem;
		font-size: .26rem;
	}
	.details{
margin-top:2rem;
		padding-bottom: 1rem;
	}
	.details .menus a, .details .menus span{
		font-size: .25rem;
	}
	.details .menus{
		padding:0 .2rem;
		align-items: center;
		/* height: 1rem; */
		line-height: .6rem;
	}
	.details .content{
		margin-top:.2rem;
	}
	.details .content .title p{
		font-size: .35rem;
		margin-bottom: .2rem;
	}
	.details .content .title{
		padding-bottom: .2rem;
		margin-bottom: .2rem;
	}
	.details .content .con p{
		font-size: .26rem;
		line-height: .45rem;
		margin-bottom: .2rem;
	}
	.details .content .con img{
		max-width:100% !important
;
height:auto !important;
display: block;
margin:0 auto;
	}
	.details .chapter{
		display: block;
	}
	.details .chapter .left{
		width: 100%;
	}
	.details .chapter .left a{
		font-size: .28rem;
		line-height: .48rem;
	}
	.newslist .top li{
				margin:0 0 15px 0;
				width: 100%;
			
			}
			.newslist .bottom li{
				padding:.2rem 0;
				background:none;
			}
			.newslist .page{
				margin-top:.3rem;
			}
			.newslist .top li .text{
				padding:15px;
			}
			.newslist .bottom li .fl{
				width:20%;
				border:none;
			}
			.newslist .bottom li .fr{
				width:78%;
				padding-left:2%;
				border-left: 1px solid rgba(229,229,229,1);
				padding-right:6%;
			}
			.newslist .bottom li .fr p.font{
				margin-top:10px;
			}
			.newslist .bottom li .fl span:first-child{
				font-size: .4rem;
			}
			.newslist .bottom li .fl span:last-child,.newslist .bottom li .fr p.font{
				font-size: .26rem;
			}
			.newslist .bottom li .fr p.title{
				font-size: .28rem;
			}
			.caselist{
				padding:.4rem 0 .6rem;
			}
			.caselist .wrap{
				padding:0;
			}
			.caselist .wrap .text p{
				font-size: .26rem;
				line-height: .45rem;
				margin-bottom: .2rem;
			}
			.caselist .list,.productdetail .center ul{
				margin-top:.3rem;
				padding:0;
			}
			.caselist .list .tab h2{
				width: 100%;
				font-size: .3rem;
				padding-bottom: .2rem;
				margin-bottom: .4rem;
			}
			.caselist .list li span.title{
				font-size: .28rem;
				margin:.2rem 0 .1rem;
			}
			.caselist .list li p,.productdetail .center li>div p.font,.productdetail .center .text p{
				height: auto;
				font-size: .26rem;
				line-height: .45rem;
			}
			.caselist .list li p{
				height:.9rem;
				overflow: hidden;
				text-overflow: ellipsis;
				
			}
			.productdetail .center ul{}
			.caselist .list li span.time{
				font-size: .26rem;
				text-align: left;
				margin-top:.2rem;
			}
			.caselist .list li a{
				width: 2rem;
					font-size: .26rem;
					margin:.2rem 0 0;
					height: .6rem;
				line-height: .6rem;
			}
			.caselist .list li{
				width: 48%;
				    margin: 0 4% .3rem 0;
			}
			.caselist .list .tab{
				margin-bottom: .3rem;
			}
			.caselist .tabtitle{
				height:auto;
    justify-content: flex-start;
			}
			.caselist .wrap .tablist{
				padding:0;
			}
			.caselist .tabtitle li .shogun-tab-title{
				font-size: .22rem;
height:.6rem;line-height:.6rem;display:inline-block;
padding: 0 15px 5px 15px;width:auto;
    background: url(../images/jin.png) no-repeat left center;

				    
			}
.caselist .tabtitle li .shogun-tab-box{
padding:0 10px;
}

.caselist .tabtitle li.active .shogun-tab-box{
  background:#fff;
    
padding:0 !important;
}
.caselist .tabtitle li.active .shogun-tab-title{
text-decoration: underline;
background:none;
    color: #555 !important;
}
.caselist .tabtitle li .shogun-tab-box{
padding:0 !important;
}


			.caselist .tabtitle li{
				padding:0;
				min-width: 0;
height:.6rem;
line-height:.6rem;
margin:0;

			}
			.commonbox .fl dl .navs{
				width:100%;
				overflow: scroll;
			}
			.commonbox .fl dl .navs .navcon{
				width:150%;
				overflow: scroll;
			}
			/* .caselist .tabtitle li .shogun-tab-box{
				padding:7px 5px;
			} */
			.caselist .tabtitle a.active{
				    background: url(../images/bg1.png) no-repeat center center/100%;
			}
			.caselist .tabtitle a{
				background: url(../images/bg3.png) no-repeat center center/cover;
			}
			
			.productdetail .top{
				padding:.4rem 0;
			}
			.productdetail .top .left,.productdetail .top .right,.productdetail .center li img,.productdetail .center li>div{
				width: 100%;
			}
			.productdetail .top .bigimg{
				width: 78%;
			}
			.productdetail .top .bigimg img{
				margin-bottom: .3rem;
			}
			.productdetail .center li>div{
				padding:.3rem 0;
			}
			.productdetail .center li>div p.title,.productdetail .top .right .con span{
			     font-size: .28rem;
				 
				
			}
			
			.productdetail .top .right p.text,.productdetail .top .right .con a{
				 font-size: .28rem;
				  line-height: .5rem;
			}
			.productdetail .top .right .con p{
				font-size: .28rem;
			}
			.productdetail .center h2{
				 font-size: .28rem;
				 margin-bottom: .3rem;
				
			}
			.productdetail .top .right .con{
				margin-top:.4rem;
			}
			.productdetail .center{
				padding:.4rem 0 1rem;
			}
			.productdetail .bottom{
				padding-top:.2rem;
			}
			.productdetail .bottom h2,.productdetail .top .right p.title{
				font-size: .38rem;
				margin-bottom: .3rem;
				padding-bottom:0;
				    line-height: .7rem;
			}
			.indexproduct .text{
				margin:0;
				padding:.4rem 0 .6rem;
			}
			.indexproduct .wrap li{
				width: 50%;
			}
			.indexproduct .wrap ul{
				display: flex;
				flex-wrap: wrap;
			}
			.indexabout,.indexnews{
				padding:.4rem 0 .6rem;
			}
			.indexabout span.en{
				font-size: .24rem;
				padding-left: 0;
				margin-bottom: .2rem;
			}
			.indexnav .left span.en, .indexnews span.en, .indexproduct span.en{
					font-size: .24rem;
					margin-bottom:.15rem;
			}
			.indexabout span.ch{
				padding-left: 0;
			    margin-bottom: .3rem;
			   font-size: .4rem;
			}
			.indexnav .left span.ch, .indexnews span.ch, .indexproduct span.ch{
				font-size: .4rem;
			}
			.indexabout .text p{
				padding-left: 0;
				width: 100%;
				font-size: .3rem;
				line-height: .5rem;
			}
			.indexabout .wrap>img{
				margin-top:.3rem;
			}
			.indexabout .wrap>a, .indexnews .wrap>a{
				width: 2rem;
				height:.7rem;
				line-height:.7rem;
			   font-size: .26rem;
			}
			.indexnav .left.fl,.indexnav .left.fr{
				    padding: .3rem 0 1.3rem .2rem;
			}
			.indexnav .left.fl{
				padding-bottom:1.6rem;
			}
			.indexnews ul{
				margin-top:.3rem;
				display: block;
			}
			.indexnews li{
				width: 100%;
				margin-bottom: .2rem;
			}
				
			.indexnews li a{
				display: block;
			}
			.indexnews li .layer{
				
				transform: translate(0,0);
				height: 100%;
				padding:.3rem;
			}
			.indexnews li .layer span,.indexproduct .text h2{
				font-size:.32rem;
				margin-bottom: .1rem;
			}
			.indexnews li .layer p{
				font-size:.28rem;
			}
			.indexproduct .text p{
				width: 100%;
				font-size:.28rem;
				line-height:.45rem;
			}
			.indexnews li:hover .layer{
				opacity: 1;
			}
			
			.phonebanner .swiper-pagination{
				position: absolute;
				bottom:.2rem;
			}
			.phonebanner .swiper-pagination-bullet{
				width: .1rem;
				height: .1rem;
				background: #73B6E8;
				opacity: 0.35;
				border-radius: 50%;
				margin:0 5px !important;
			}
			.phonebanner .swiper-pagination-bullet-active{
				width: .2rem;
				height: .2rem;
				background: #73B6E8;
				border-radius: 50%;
				opacity: 1;
			}
			.indexproduct{
				padding:.4rem 0 0;
			}
			.indexproduct .swiper-father{
				padding:.4rem 3% 1rem;
			}
			.indexproduct .swiper-slide{
				width: 100% !important;
				margin:0;
			}
			.indexproduct .swiper-wrapper{
				margin-left: 0;
			}
			.indexproduct .swiper-father .proimg{
				height: 3rem;
			}
			.indexproduct .swiper-container{
				padding-bottom: .4rem;
				width: 100%;
			}
			.swiper-father.wap{
				display: block;
			}
			.swiper-father.pc{
				display: none;
			}
			.indexproduct .swiper-father .texts span{
				font-size: .3rem;
			}
			.indexproduct .swiper-father .texts p{
				font-size: .25rem;
				height: auto;
				line-height: .3rem;
			}
			.indexproduct .swiper-pagination{
				bottom:0;
				left:40%;
			}
			.indexproduct .swiper-button-next{
				width: .4rem;
				height: .3rem;
				bottom:0;
				top:auto;
			}
			.indexproduct .swiper-father .texts.active{
				background:none;
			}
			.indexproduct .wrap li span{
				font-size: .35rem;
			}
			.indexproduct .wrap li p{
				font-size: .28rem;
			}
			.productdetail .top .left .smallimg.sticky{
				position: relative;
				top:0;
			}
			.productdetail .top .left .bigimg.active{
				margin-left: 22%;
			}

}



@media screen and (min-width:800px) and (max-width:1700px) {
	
	
	
}

@media screen and (min-width:1000px) and (max-width:1600px) {
	
	
	.header .fr li{
		margin-right:30px;
	}
	
}