@charset "utf-8";
/* =====================自适应样式======================== */




/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900/1024/1200) */
}

@media all and (max-width:1599px) {
    /* 1440 × (900/1050) */
	.Header-container .nav_item ul li{
		margin: 0 0.2rem;
	}
	.pro_box .con .fl ul li{
		width: 12.5%;
		margin-right: calc( 12.5% / 7);
	}
}

@media all and (max-width:1439px) {
    /* 1360 × (768) */
	.join_box .con ul li .box{
		padding-right: 18%;
	}
}

@media all and (max-width:1359px) {
    /* 1280 × (800/854/1024) */
	.pro_box .con{
		padding: 1.2rem 4% 1.2rem;
		position: relative;
	}
	.pro_box .con .fr{
		position: absolute;
		right: 4%;
		bottom: 0.5rem;
	}
}

@media all and (max-width:1279px) {
    /* 1152 × (864) */
	.team_box{
		padding-top: 1.6rem;
		padding-bottom: 1rem;
	}
	.pro_box .con .fl{
		width: 85%;
	}
	.index_num ul li .box{
		max-width: 1.5rem;
	}
	
	.join_box .con ul li .box {
	   
		padding: 0.2rem 10% 0 5%;
	}
	
	.about_con1 .con .fr{
		width: 5.5rem;
	}
	
	.join_con4 .con .fr{
		width: 58%;
	}
	.join_con4 .con .fr ul li{
		padding: 0.3rem 0.3rem 0 0.4rem;
	}
	
	.Footer-container .box_t .fl{
		margin-right: 15%;
	}
}

@media all and (max-width:1151px) {
    /* 1024 × (600/768) */
	.Header-container .nav_item ul li a{
		width: 1.1rem;
	}
	.index_num ul li .box{
		max-width: 1.6rem;
	}
	.Footer-container .box_t .fl{
		margin-right: 11%;
	}
	
	.about_con1 .con .fr .box_m{
		margin-top: 1rem;
	}
	
	.join_con4{
		padding: 1.2rem 0 1rem;
	}
	.join_con4 .con .fl{
		width: 100%;
		margin-bottom: 0.4rem;
	}
	.join_con4 .con .fr{
		width: 100%;
	}
	.join_con4 .pic{
		position: relative;
	}
}
@media (max-width: 1151px) and (min-width: 801px){
	[class~="info"] {
	    line-height: 1.2 !important;
	}
}


@media all and (max-width:1051px) {
	.join_box .con ul li{
		height: 1.6rem;
	}
	.join_box .con ul li .box .info p{
		margin-top: 0.1rem;
		line-height: 1.5;
	}
	
}

/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
    /* 平板设备 720 适配 */
	.Header-container{
		height: 60px;
		padding: 0 4%;
	}
	.Header-container .nav_item,.Header-container .box_r{
		display: none;
	}
	.Header-container.Header-bg,.Header-container{
		background-color: black;
		box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
	}
	.navbtn{
		display: block;
	}
	.mt{
		margin-top: 60px;
	}
	.nav_logo{
		display: inline-block;
		height: 60px;
		line-height: 60px;
		position: absolute;
		left: 2%;
		top: 0;
		margin-left: 4%;
	}
	.nav_logo a{
		font-size: 0;
		display: block;
	}
	.nav_logo img{
		display: inline-block;
		width: 105px;
	}
	.bodyon #header{
		top: -60px;
	}
	
	
	.join_con3 ul li p{
		font-size: 0.24rem;
		line-height: 0.3rem;
		margin: 0.4rem 0.1rem 0;
	}
	
	.team_box .con .fl,.team_box .con .fr{
		width: 100%;
		float: none;
		text-align: center;
	}
	
	.team_box .con .fr{
		margin-top: 0.65rem;
		padding-bottom: 1rem;
	}
	.team_box .con .fl ul{
		display: inline-block;
	}
	.team_box .con .fl ul li img{
		height: 3.2rem;
	}
	.team_box .box_t{
		margin-top: 0.8rem;
	}
	
	/* .pro_box{
		margin-top: 1rem;
	} */
	.pro_box .con .fl{
		width: 75%;
	}
	.pro_box .con .fl .box_t h3{
		font-size: 36px;
	}
	.pro_box .con .fl .box_t h4{
		font-size: 28px;
	}
	.pro_box .con .fl ul li{
		width: 18%;
		margin-right: 7%;
	}
	.pro_box .con .fl ul li a .ico{
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.pro_box .con .fr{
		margin-top: 4rem;
	}
	.pro_box .con .fr>p{
		line-height: 2;
	}
	
	.about_box .pic{
		position: relative;
		width: 100%;
		background: none;
		margin-top: 0.9rem;
	}
	.about_box .fr{
		float: none;
		width: 6rem;
		margin: 0 auto;
	}
	
	.index_num{
		padding: 1rem 0 0.6rem;
	}
	.index_num ul li{
		width: 50%;
		margin-bottom: 0.4rem;
	}
	.index_num ul li:nth-child(2){
		border: none;
	}
	.index_num ul li .box{
		width: auto;
		max-width: 100%;
		text-align: center;
	}
	.index_num ul li p{
		display: block;
	}
	.index_only p{
		font-size: 0.3rem;
	}
	
	.join_box{
		padding-top: 1rem;
	}
	.join_box .con ul{
		margin-top: 0.6rem;
	}
	
	.join_box .con ul li{
		width: calc( 96% / 2);
		margin: 0 1% 0.24rem;
		height: 1.65rem;
	}
	.join_box .con ul li .box{
		padding-top: 0.3rem;
		padding-left: 8%;
	}
	
	.partners_box{
		padding: 0.8rem 0 1rem;
	}
	
	.partners_box .con{
		padding-top: 1.2rem;
		width: 100%;
	}
	.partners_box .con .box_t{
		margin-top: 0.5rem;
	}
	
	.message_con .pic{
		position: relative;
		width: 100%;
		height: auto;
		background: none;
	}
	.message_con .container{
		width: 100%;
		height: auto;
	}
	.message_con .container form{
		padding: 0.8rem 0 0.8rem;
	}
	
	.message_con .container form ul li input{
		height: 0.55rem;
	}
	.message_con .container textarea{
		height: 3rem;
	}
	.message_con .container .form_to{
		width: 2.2rem;
		height: 0.5rem;
		line-height: 0.5rem;
		font-size: 0.24rem;
	}
	.message_con .container form ul li p, .message_con .container p{
		font-size: 0.24rem;
	}
	
	.about_con1{
		padding-top: 1.2rem;
	}
	.about_con1 .con{
		margin-top: 0.7rem;
		background-image: url(../images/m_brand_bg.jpg);
	}
	.about_con1 .con .pic{
		width: 100%;
		position: relative;
		height: auto;
		background: none;
	}
	.about_con1 .con .fr{
		width: 100%;
		text-align: center;
		width: 80%;
		margin: 0 auto;
		float: none;
		padding-bottom: 0.8rem;
		padding-top: 0.8rem;
	}
	.about_con1 .con .fr span{
		margin-top: 0.6rem;
	}
	.about_con1 .con .fr .box_m{
		margin-top: 0.8rem;
	}
	
	.about_con2{
		padding-top: 1.2rem;
		padding-bottom: 0.8rem;
	}
	
	/* .about_con2 .fr,.about_con2 .fl{
		width: 100%;
		float: none;
	} */
	.about_con2 .fl li{
		width: 50%;
	}
	.about_con2 .fr{
		width: 1.8rem;
		margin-right: 0.7rem;
	}
	
	.about_con3 .box_t .fl,.about_con3 .box_t .fr{
		width: 100%;
	}
	.about_con3 .box_t .fl img{
		height: auto;
	}
	.about_con3 .box_t .fl,.about_con3 .box_t .fr li{
		margin-bottom: 0.2rem;
	}
	.about_con3 .box_t .fr li img{
		height: 3.6rem;
	}
	
	.about_con3{
		padding-top: 1rem;
	}
	.about_con3 .box_m{
		margin-top: 0.5rem;
	}
	
	.about_pic{
		margin-top: 0.8rem;
	}
	
	.about_honor{
		padding-top: 1.1rem;
	}
	.about_honor .con ul li,.about_honor .con ul li:nth-child(5n){
		width: 48%;
		margin-right: 4%;
	}
	.about_honor .con ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.partners_box .hezuo_pic{
		background-attachment: initial;
		height: auto;
		background: none;
	}
	
	.caselist_container .case_nav .fr{
		width: 70%;
	}
	.caselist_container .case_nav .fr ul li{
		width: 19%;
		margin-right: calc( 5% /4);
		margin-bottom: 0.15rem;
	}
	.caselist_container .case_nav .fr ul li:nth-child(5){
		margin-right: 0;
	}
	.caselist_container .con ul li{
		width: 48%;
		margin-right: 4%;
	}
	.caselist_container .con ul li:nth-child(2n){
		margin-right: 0;
	}
	
	.caselist_container{
		padding: 1.2rem 0 0.8rem;
	}
	.caselist_container .con ul li a p{
		text-align: center;
	}
	.caselist_container .case_nav .fr ul li a{
		padding: 0.18rem 0;
	}
	
	.news_con{
		padding: 1rem 0 1.4rem;
	}
	
	.stores_container{
		margin-top: 1.2rem;
	}
	.stores_container .pic{
		width: 100%;
		position: relative;
		background: none;
	}
	.stores_container .fr{
		width: 100%;
		height: auto;
		padding-bottom: 1rem;
		background-size:auto 100%;
		padding-left: 16%;
	}
	
	.join_con1{
		padding: 1.2rem 0 0.5rem;
	}
	.join_con1 ul{
		width: 88%;
		margin: 1rem auto 0.6rem;
	}
	.join_con1 ul li{
		width: 45%;
		margin-right: 10%;
		margin-bottom: 0.45rem;
	}
	.join_con1 ul li:nth-child(2n){
		margin-right: 0;
	}
	.join_con1 ul li h3 {
	    font-size: 0.28rem;
	}
	.join_con1 ul li .info {
		font-size: 0.24rem;
		line-height: 0.4rem;
		min-height: 2.6rem;
	}
	
	.join_con3 ul li {
	    width: 32%;
	    margin-right: 2%;
	    margin-bottom: 0.7rem;
		height: 3rem;
	}
	.join_con3 ul li:nth-child(3n){
		margin-right: 0;
	}
	
	.join_con3{
		padding: 0.8rem 0 1rem;
	}
	
	.join_pic{
		height: 6.7rem;
		background-image: url(../images/m_join.jpg);
		background-repeat: initial;
		background-attachment: initial;
	}
	
	.join_pic p{
		font-size: 0.32rem;
		top: 35%;
		left: 0;
	}
	.join_pic p span{
		font-size: 0.42rem;
	}
	
	.join_con4 .con .fr ul li{
		height: 1.7rem;
	}
	.join_con4 .con .fr ul li .ico{
		margin-right: 0.1rem;
	}
	.join_con4 .con .fr ul li .info{
		width: calc( 100% - 0.65rem);
	}
	.join_con4 .pic{
		width: 100%;
		height: auto;
	}
	
	.join_con5{
		background: none;
	}
	.join_con5 .box{
		width: 8rem;
		margin: 0 auto;
		height: auto;
		float: none;
	}
	.join_con5 .box{
		 width: 100%;
		 height: auto;
		 
		 padding:  0.2rem 0 0.3rem;
	 }
	 .join_con5 .box li{
		 font-size: 0.24rem;
	 }
	 .join_con5 .box li span{
		 font-size: 0.24rem;
	 }
	 .join_con5 .box li input{
		 width: 4.7rem;
	 }
	 .join_con5 .box li:nth-child(6) input{
		 width: 0.38rem;
		 height: 0.38rem;
	 }
	 .join_con5 .box li:nth-child(7) input, .join_con5 .box li:nth-child(8) input{
		 width: 2.1rem;
	 }
	 .join_con5 .box li input{
		 height: 0.6rem;
		 font-size: 0.28rem;
		 line-height: 0.6rem;
	 }
	 .join_con5 .box .form_to input{
		 display: inline-block;
		 padding: 0.1rem 0.25rem;
		 width: auto;
		 height: auto;
		 font-size: 0.24rem;
	 }
	 .video_box video{
		 position: absolute;
	 }
	 
	 .Container-wrapper.pro_t{
		 margin-top: 0;
		 padding-top: 1rem;
	 }
	 .product_container .pro_nav ul li{
		  width: calc( 100% / 4);
		  margin-bottom: 0.6rem;
	 }
	 .product_container .pro_nav ul li a .ico{
		 width: 1.1rem;
		 height: 1.1rem;
		 line-height: 1.1rem;
	 }
	 .product_container .pro_nav ul li a .ico img{
		 max-width: 0.55rem;
	 }
	 .product_container .pro_nav ul li a p{
		 margin-top: 0.2rem;
		 font-size: 14px;
	 }
	 .product_container .con ul li{
		 width: 48%;
		 margin-right: 4%;
	 }
	 .product_container .con ul li:nth-child(2n){
		 margin-right: 0;
	 }
	 .product_container .con{
		 margin-top: 1rem;
	 }
}
@media all and (max-width:960px) {
    /* 移动终端以上 360 适配 */
	.Footer-container .box_t .con{
		display: none;
	}
	
	.about_con2 .fr{
		margin-right: 0;
	}
}

@media all and (max-width:768px) {
    /* 移动终端以上 360 适配 */
	.team_box{
		padding-top: 1rem;
	}
	.team_box.contact_container{
		padding-bottom: 0.6rem;
	}
	.team_box .con .fr{
		margin-top: 0.4rem;
		padding-bottom: 0.2rem;
	}
	.team_box .con .fl ul{
		margin: 0 auto;
		padding: 0 4%;
	}
	.team_box .con .fl ul li{
		margin-bottom: 1rem;
		width: 48%;
		text-align: left;
		margin-left: 0;
	}
	.team_box .con .fl ul li:nth-child(2n-1){
		text-align: right;
		margin-right: 4%;
	}
	/* .team_box .con .fl ul li:nth-child(2){
		text-align: right;
	} */
	.team_box .con .fl ul li img{
		height: 4rem;
		display: inline-block;
		object-fit: cover;
	}
	
	.pro_box .con{
		padding: 1rem 4%;
	}
	.pro_box .con .fl{
		width: 80%;
		margin: 0 auto;
		float: none;
	}
	.pro_box .con .fl .box_t{
		text-align: center;
	}
	
	.pro_box .con .fl .box_t h3{
		font-size: 0.44rem;
	}
	.pro_box .con .fl .box_t h4{
		font-size: 0.34rem;
		margin-top: 0.2rem;
	}
	.pro_box .con .fl .box_t p{
		line-height: 20px;
	}
	.pro_box .con .fl ul{
		width: 100%;
	}
	.pro_box .con .fl ul li{
		width: 50%;
		margin-right: 0;
		padding: 0.2rem 0 0.3rem 0;
	}
	.pro_box .con .fr{
		bottom: 1rem;
		display: none;
	}
	
	.about_box .fr ul li{
		margin-bottom: 0.6rem;
	}
	.about_box .fr .more a{
		font-size: 0.3rem;
	}
	
	.index_num ul li .num i{
		font-size: 48px;
	}
	
	.join_box .con ul li{
		float: none;
		width: 80%;
		margin: 0 auto 0.3rem;
	}
	.join_box .con ul li .box .info {
	    float: right;
	    width: calc( 100% - 0.95rem);
	}
	
	.partners_box .con{
		padding-top: 1rem;
	}
	.partners_box .con .box li{
		width: calc( 100% / 3);
		padding: 0 4%;
	}
	
	.contact_container .con{
		margin-top: 0.8rem;
		margin-bottom: 0.2rem;
	}
	
	.about_con2 .fl{
		width: 100%;
		float: none;
	}
	.about_con2 .fr{
		float: none;
		width: 3rem;
	}
	.about_con2 .fl li{
		width: 100%;
		margin-bottom: 0.3rem;
	}
	.about_con2 .fl li img{
		height: auto;
		width: 100%;
	}
	
	.about_pic p{
		font-size: 14px;
		right: 0.6rem;
	}
	.about_pic p span{
		font-size: 18px;
	}
	.about_pic{
		height: 5.8rem;
	}
	
	.news_con .box_m .more a{
		height: 0.6rem;
		line-height: 0.6rem;
		width: 1.8rem;
	}
	
	.join_con1 ul li .ico {
	    height: 0.75rem;
	    line-height: 0.76rem;
	}
	
	.join_con4 .con .fr ul li{
		width: 100%;
		margin-right: 0;
		height: auto;
		padding-top: 0.4rem;
		margin-bottom: 0.15rem;
		padding-bottom: 0.3rem;
	}
	.join_con4 .con .fr ul li .ico{
		margin-right: 0.2rem;
		width: 0.65rem;
	}
	.join_con4 .con .fr ul li .info{
		width: calc( 100% - 0.85rem);
	}
	
	.Footer-container .box_t .fl{
		margin-right: 0;
	}
	
	.team_box .box_t p{
		font-size: 0.3rem;
	}
	.team_box .box_t h3{
		font-size: 0.32rem;
	}
	.iBnr-loading{
	    display: none;
	}
}
@media all and (max-width:640px) {
    /* 移动终端以上 360 适配 */
	.Footer-container .box_t .fl>ul>li{
		padding-left: 0.4rem;
	}
	
	.about_con1 .con .fr{
		width: 90%;
	}
	
	.about_con2 .fr{
		padding-top: 0.4rem;
	}
	
	/* .about_con3 .box_t .fr li:nth-child(1),.about_con3 .box_t .fr li:nth-child(2),.about_con3 .box_t .fr li:nth-child(3){
		height: auto;
	} */
	.about_con3 .box_t .fr li img{
		height: 3.2rem;
	}
	.about_con3 .box_m .tit .fl,.about_con3 .box_m .tit .fr{
		width: 100%;
		text-align: center;
	}
	.about_con3 .box_m .tit .fl{
		margin-bottom: 0.5rem;
	}
	.about_con3 .box_m .tit .fr ul{
		display: inline-block;
	}
	.about_con3 .box_m .tit .fr ul li{
		margin-left: 0.15rem;
	}
	.about_con3 .box_m .tit .fr ul li:first-child{
		margin-left: 0;
	}
	.caselist_container .case_nav .fl{
		padding-left: 0;
	}
	.caselist_container .case_nav .fr{
		width: 5rem;
	}
	.caselist_container .case_nav .fr ul li,.caselist_container .case_nav .fr ul li:nth-child(2n),.caselist_container .case_nav .fr ul li:nth-child(5){
		width: 32%;
		margin-right: calc(4% / 3);
	}
	.caselist_container .case_nav .fr ul li:nth-child(3n){
		margin-right: 0;
	}
	.caselist_container .con ul li{
		width: 100%;
	}
	.caselist_container .case_nav .fr ul li a{
		padding: 0.16rem 0;
	}
	
	.stores_container .fr{
		background-size: 100% auto;
	}
	.stores_container .fr h3{
		margin-top: 0.8rem;
	}
	.stores_container .fr p{
		margin-top: 0.5rem;
	}
	.stores_container .fr h4{
		font-size: 24px;
	}
	.stores_container .fr h4 span{
		font-size: 22px;
	}
	
	.join_con1 ul li{
		margin-bottom: 0.3rem;
	}
	
	.join_con3 ul li, .join_con3 ul li:nth-child(3n) {
	    width: 46%;
	    margin-right: 8%;
	    padding-top: 1.05rem;
	    height: 4.1rem;
		margin-bottom: 0.3rem;
	}
	.join_con3 ul li:nth-child(2n){
		margin-right: 0;
	}
	.join_con3 ul li .ico{
		height: 0.7rem;
		line-height: 0.7rem;
	}
	
	.product_container .con{
		margin-top: 0.6rem;
	}
	.product_container .con ul li{
		width: 100%;
		margin-bottom: 0.4rem;
		margin-right: 0;
	}
	
	.Footer-container .box_t .fl .box_m ul li i img{
		border-radius: 6px;
	}
	.Footer-container .box_t .fl .box_m ul li i::after{
		right: 0.85rem;
	}
}
@media all and (max-width:480px) {
    /* 移动终端以上 360 适配 */
	.join_box .con ul li{
		width: 100%;
		height: auto;
		padding-bottom: 0.3rem;
	}
	
	.join_con4{
		padding-bottom: 0;
	}
	
	.Footer-container .box_t .fr img{
		width: 1.2rem;
	}
	.Footer-container .box_t .fr p{
		font-size: 12px;
	}
}
@media all and (max-width:420px) {
    /* 移动终端以上 360 适配 */
	.team_box .box_t{
		margin-top: 0.6rem;
	}
	
	
	.team_box .con .fl ul li{
		margin-bottom: 0.8rem;
	}
	/* .pro_box .con .fl ul li {
	    width: 45%;
	    margin-right: 5%;
	} */
	.team_box .con .fr{
		margin-top: 0.2rem;
	}
	
	.pro_box .con .fl ul li a .ico{
		width: 1.2rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}
	.pro_box .con .fl ul li a .ico img{
		max-width: 0.6rem;
	}
	.about_box .fr{
		width: 6.2rem;
	}
	.about_box .fr ul li .con{
		width: calc( 100% - 1.2rem);
	}
	
	.join_pic p{
		width: 55%;
	}
	
	.join_con5 .box .form_to input{
		padding: 0.15rem 0.3rem;
	}
	
	.stores_container .fr .info{
		line-height: 0.4rem;
	}
	
	.partners_box .con .box li{
		padding: 0 6.5%;
	}
	
	.Footer-container .box_t .fl>ul>li{
		padding-left: 0.5rem;
	}
	
	.index_num{
		padding: 0.8rem 0 0.4rem;
	}
	.index_num ul li .num i{
		font-size: 36px;
	}
	.index_num ul li .num span{
		font-size: 16px;
	}
}
@media all and (max-width:376px) {
    /* 移动终端以上 360 适配 */
	
}
@media all and (max-width:350px) {
    /* 移动终端以上 360 适配 */
}