/* =====================内页样式======================== */






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

}

@media all and (max-width:1599px) {
	/* 1440 × (900/1050) */
	.join_box4{
		height: 8rem;
	}
}

@media all and (max-width:1439px) {
	/* 1360 × (768) */
}

@media all and (max-width:1359px) {
	/* 1280 × (800/854/1024) */
}

@media all and (max-width:1279px) {
	/* 1152 × (864) */
}

@media all and (max-width:1151px) {
	/* 1024 × (600/768) */
	.join_box4 .form{
		top: 12%;
	}
	.pro_nav ul li{
		margin-bottom: 0.2rem;
	}
	 .pro_nav ul li a .ico{
		 height: 0.4rem;
		 line-height: 0.4rem;
	 }
	 .pro_nav ul li a .ico img{
		 height: 100%;
	 }
	 .pro_nav ul li a span{
		 width: 150%;
		 margin-left: -25%;
	 }
	 
	 .form_sug .con .tab_con ul li .bot form{
		 width: 100%;
	 }
	 .form_sug .con .tab_con ul li .bot form .fl{
		 width: 45%;
	 }
	 .form_sug .con .tab_con ul li .bot form .fl textarea{
		 width: calc( 100% - 120px);
		 height: 150px;
	 }
	 .form_sug .con .tab_con ul li .bot form .fl .box{
		width: calc( 100% - 120px);
	 }
	 .form_sug .con .tab_con ul li .bot form .fr{
		 width: 45%;
	 }
	 .form_sug .con .tab_con ul li .bot form .fr .item input[type="text"]{
		 width: calc(100% - 60px);
	 }
	 
	 
	 
}


/* ------------------------手机端-------------------------- */
@media all and (max-width:1000px) {
	/* 平板设备 720 适配 */
}

@media all and (max-width:960px) {
	/* 平板设备 720 适配 */
	.join_box4 .form{
		top: 8%;
	}
}

@media all and (max-width:768px) {
	.nav_box {
		width: 100%;
		top: 0;
		height: 100%;
	}

	.nav_box .nav_top .nav_logo img {
		height: 33px;
	}

	.nav_box .nav_top .nav_close {
		width: 33px;
		height: 33px;
		/* background-size: 100% auto; */
		background-image: url(../image/m_close.png);
	}

	.Header-container,
	.nav_box .nav_top {
		padding: 8px 4%;
	}

	.nav_h {
		height: 49px;
	}

	.elizabeth-AI-trigger2 {
		top: 50vh;
	}

	.elizabeth-zoom-title p {
		font-size: 62.598vw;
	}

	.elizabeth-zoom-content p {
		font-size: 17.556vw;
		text-align: center;
	}

	.ind_box2 .txt {
		bottom: 0.36rem;
	}

	.ind_box2 .txt .btn {
		margin-top: 0.14rem;
	}

	.ind_box3 {
		padding: 0.7rem 10%;
	}

	.ind_box3 .fl {
		margin-bottom: 0.3rem;
	}

	.ind_box3 .fl,
	.ind_box3 .fr {
		width: 100%;
		float: none;
	}

	.ind_box3 .fl p,
	.ind_box3 .fr p {
		bottom: 0.3rem;
	}

	.ind_box4 {
		/* background: none; */
		height: auto;
	}

	.ind_box5 {
		padding: 0.8rem 0;
	}
	.ind_box5 .fl .com-img,.ind_box5 .fr .com-img{
		border-radius: 8px;
	}
	
	.ind_box5 [class*="f"] .info {
		padding: 0.3rem 0 0.24rem;
	}

	.ind_box5 .fr .info {
		padding: 0.24rem 0 0.3rem;
	}

	.ind_box5 .fl img,
	.ind_box5 .fr img {
		border-radius: 6px;
	}

	.ind_box5 [class*="f"] .info p {
		font-size: 14px;
	}

	.ind_box5 [class*="f"] .info span {
		font-size: 12px;
		margin-top: 2px;
	}

	.ind_box6 {
		padding-bottom: 1.2rem;
	}

	.ind_box6 .tit {
		padding-top: 0.8rem;
	}

	.ind_box6 .tit p {
		width: 6rem;
	}

	.ind_box6 .tit p {
		line-height: 18px;
	}

	.ind_box6 .change .mid {
		width: 4.5rem;
		background: url(../image/ind_box6_mid.gif) no-repeat center;
		background-size: auto 136%;
	}
	
	
	
	.ind_box6 .change .mid video{
		display: none;
	}

	.ind_box6 .change .wave {
		width: 2.5rem;
		top: 3%;
	}

	.ind_box6 .change .wave img {
		width: 4.5rem;
	}

	.ind_box6 .change [class*="box_ico"] {
		width: 1rem;
		height: 1rem;
		padding-top: 0.18rem;
		z-index: 3;
		border-radius: 4px;
	}
    
    
    .ind_box6 .change {
        display: none;
    }
    
	.ind_box6 .change .box_ico1 {
		left: 1rem;
		top: -0.7rem;
	}

	.ind_box6 .change .box_ico2 {
		left: 0.5rem;
		top: 50%;
		margin-top: 0.2rem;
	}

	.ind_box6 .change .box_ico3 {
		left: 1rem;
		bottom: -1.4rem;
		top: auto;
	}

	.ind_box6 .change .box_ico4 {
		right: 0.8rem;
		top: -1.4rem;
	}

	.ind_box6 .change .box_ico5 {
		right: 1rem;
		top: 0.3rem;
	}

	.ind_box6 .change .box_ico6 {
		right: 0.3rem;
		top: 2rem;
	}

	.ind_box6 .change .box_ico7 {
		right: 1rem;
		bottom: -1.4rem;
		top: auto;
	}

	.ind_box6 .change [class*="box_ico"] img {
		max-width: 60%;
		height: 0.4rem;
	}

	.ind_box6 .change [class*="box_ico"] p {
		font-size: 12px;
		margin-top: 0;
		transform: scale(0.6);
		width: 1.666rem;
		margin-left: -0.333rem;
	}


	.ind_box7 {
		margin: 0;
	}

	.ind_box7 .info {
		float: none;
		margin-left: 0;
		padding-left: 0.9rem;
		width: 100%;
		height: auto;
		padding-bottom: 3.6rem;
	}

	.ind_box7 .info h4 {
		font-size: 18px;
	}

	.ind_box7 .info p {
		line-height: 2.5;
	}

	.ind_box7 .info .mask {
		right: 0;
		left: auto;
		bottom: 1rem;
		letter-spacing: 0;
		font-size: 2.1rem;
	}

	.ind_box7 .pic {
		float: none;
		position: relative;
		width: 100%;
		height: 5.3rem;
	}

	.ind_box8 {
		height: auto;
	}

	.ind_box8 .info {
		top: 1.2rem;
		left: 1rem;
	}

	.ind_box8 .info h4 {
		font-size: 16px;
	}

	.ind_box8 .info p {
		line-height: 2;
		margin-top: 0.4rem;
	}

	.ind_box8 .info i {
		width: 0.4rem;
		height: 0.4rem;
		margin-top: 0.2rem;
	}

	.ind_box8 .info span {
		font-size: 1.3rem;
		line-height: 1;
		color: #111111;
		margin-top: 0.4rem;
	}


	.ind_box9 .info {
		float: none;
		margin-left: 0;
		padding-left: 0.9rem;
		width: 100%;
		height: auto;
		padding-bottom: 3.6rem;
	}

	.ind_box9 .info h4 {
		font-size: 18px;
	}

	.ind_box9 .info p {
		line-height: 2.5;
	}

	.ind_box9 .info .mask {
		right: 0;
		left: auto;
		bottom: 1rem;
		letter-spacing: 0;
		font-size: 1.8rem;
	}

	.ind_box9 .pic {
		float: none;
		position: relative;
		width: 100%;
		height: 6.7rem;
	}

	.ind_box10 ul li {
		width: 100%;
	}

	.ind_box10 ul li .txt {
		top: 0.7rem;
		left: 0.64rem;
	}

	.ind_box10 ul li .txt .ico img {
		width: 0.6rem;
	}

	.ind_box10 ul li .txt p {
		font-size: 12px;
		line-height: 15px;
	}

	.ind_box10 ul li .txt span {
		font-size: 14px;
		margin-top: 3px;
		display: block;
	}

	.ind_box11 .elizabeth-AI-trigger2 {
		top: 50vh;
	}

	.ind_box11 .elizabeth-zoom-title p {
		font-size: 42.598vw;
	}

	.ind_box11 .elizabeth-zoom-content p {
		font-size: 14.556vw;
		text-align: center;
	}

	.ind_box11 {
		padding: 1.6rem 0;
	}

	.ind_box11 .pic {
		padding: 0;
	}

	.ind_box11 .pic img.pc_show {
		display: none;
	}

	.ind_box11 .info p {
		font-size: 12px;
		line-height: 24px;
		width: 80%;
	}

	.ind_box11 .info span {
		font-size: 12px;
		transform: scale(0.8);
	}
	
	

	
	
	
	
	

	.Footer-container {
		padding: 0.6rem 5%;
	}

	.foot_nav dl {
		width: 100%;
		margin: 0;
		border-bottom: 1px solid #dadada;
	}

	.foot_nav dl dt {
		padding: 12px 12px 11px 0;
		position: relative;
	}

	.foot_nav dl dt::before,
	.foot_nav dl dt::after {
		content: '';
		position: absolute;
		border-radius: 2px;
		background-color: #7f7f7f;
		-webkit-transition: .3s ease-out;
		transition: .3s ease-out;
	}

	.foot_nav dl dt::before {
		width: 12px;
		height: 2px;
		top: 22px;
		right: 6px;
	}

	.foot_nav dl dt::after {
		width: 2px;
		height: 12px;
		top: 17px;
		right: 11px;
	}

	.foot_nav dl dt.active::before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}

	.foot_nav dl dt.active::after {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		opacity: 0;
	}

	.foot_nav dl .sub_nav_f{
		display: none;
	}

	.foot_nav dl dt.dt2 {
		display: none;
	}
	.foot_nav dl dd{
		margin-top: 8px;
		padding-left: 8px;
	}
	.foot_nav dl dd:first-child{
		margin-top: 0;
	}
	.foot_nav dl .footer_links_list{
		padding-bottom: 10px;
	}


	.foot_copy .hot {
		text-align: left;
	}

	.foot_copy {
		margin-top: 0.2rem;
	}

	.foot_copy .bot {
		border: none;
		margin: 0;
		text-align: left;
		padding-top: 8px;
	}

	.foot_copy .bot ul {
		padding: 0;
		margin-top: 5px;
	}

	.foot_copy .bot ul li {
		padding-right: 6px;
		font-size: 12px;
	}

	.foot_copy .bot ul li::before {
		right: 0;
	}

	.foot_copy .bot .beian {
		padding: 8px 0;
	}
	
	/* -------------------------关于我们--------------------------- */
	.ab_box1{
		padding-top: 0.6rem;
		padding-bottom: 0;
	}
	.ab_box1 .w13{
		max-width: 100%;
	}
	.ab_box1 .ab_tit h4{
		margin-top: 6px;
	}
	.ab_box1 .con{
		margin-top: 0.6rem;
	}
	.ab_box1 .con .pic,.ab_box1 .con .info{
		width: 100%;
		float: none;
	}
	.ab_box1 .con .info{
		padding: 1rem  1rem 0.8rem 0.6rem;
	}
	.ab_box1 .con .info h4{
		margin-top: 0;
	}
	.ab_box1 .con .info p{
		margin-top: 0.2rem;
		line-height: 2;
		text-align: justify;
	}
	.ab_box1 .con .info i{
		margin-top: 0.8rem;
	}
	
	.ab_box2{
		height: auto;
		background: no-repeat;
	}
	
	.ab_box3{
		padding: 0.6rem 0 0.36rem;
	}
	.ab_box3 ul{
		padding: 0.5rem 0 0.2rem;
	}
	.ab_box3 ul li{
		width: 49%;
		margin-right: 2%;
		margin-bottom: 0.2rem;
	}
	.ab_box3 ul li:nth-child(2n){
		margin-right: 0;
	}
	
	
	.ab_box4{
		height: auto;
	}
	.ab_box4 .txt{
		top:18.75%;
	}
	/* .ab_box4 .txt h4{
		font-size: 0.32rem;
	} */
	.ab_box4 .txt p{
		line-height: 1.5;
		margin-top: 0.2rem;
	}
	
	.ab_box5{
		padding: 0.9rem 0 0.7rem;
	}
	.ab_box5 .ab_tit p{
		font-size: 14px;
	}
	.ab_box5 ul{
		text-align: center;
		padding-top: 0.9rem;
	}
	.ab_box5 ul li{
		display: inline-block;
		float: none;
		width: 80%;
		margin: 0 auto 0.32rem;
	}
	.ab_box5 ul li .info{
		height: auto;
		padding: 0.7rem 0.5rem;
	}
	
	.ab_box6{
		height: auto;
	}
	.ab_box6 .txt{
		top: 18%;
	}
	
	.ab_box7{
		padding: 1rem 10% 1.2rem;
	}
	.ab_box7 ul{
		padding: 0;
	}
	.ab_box7 ul li{
		width: 100%;
		margin: 0 0 0.8rem;
	}
	.ab_box7 ul li:last-child{
		margin-bottom: 0;
	}
	.ab_box7 ul li .info p{
		margin-top: 0.2rem;
		line-height: 1.3;
	}
	
	.ab_box8{
		height: auto;
	}
	.ab_box8 .txt{
		top: 16%;
	}
	.ab_box8 .txt h4{
		font-size: 18px;
	}
	.ab_box8 .txt p{
		line-height: 1.8;
	}
	.ab_box8 .com_more{
		margin-top: 0.4rem;
	}
	
	.ab_box9.ab_box1{
		padding: 0;
	}
	
	.ab_box10{
		height: auto;
	}
	.ab_box10 .txt{
		top: 16.666%;
	}
	.ab_box10 .txt h4{
		font-size: 18px;
	}
	.ab_box10 .com_more{
		margin-top: 0.22rem;
	}
	
	.ab_join_ban .txt{
		top: 19%;
	}
	
	.join_box1 .w13{
		max-width: 100%;
	}
	.join_box1 .box_t{
		width: 80%;
		padding: 0.9rem 0;
		line-height: 2;
	}
	
	.join_box1 .pic p{
		width: 2.6rem;
		font-size: 12px;
		line-height: 1.8;
		top: 8%;
		left: 30%;
		text-align: justify;
	}
	.join_box1 .box_m{
		padding: 0.7rem 0;
	}
	.join_box1 .box_m p{
		width: 80%;
		line-height: 1.8;
		margin-top: 0.2rem;
	}
	
	.join_box2{
		height: auto;
	}
	.join_box2 video{
		width: 100%;
	}
	
	.join_box3{
		padding: 0.9rem 0 0.7rem;
	}
	.join_box3 .ab_tit h4{
		margin-top: 0;
	}
	.join_box3 .con{
		padding: 0.7rem 0 0;
		width: 90%;
		margin: 0 auto;
	}
	.join_box3 .con ul{
		margin-bottom: 0.4rem;
	}
	.join_box3 .con ul li{
		float: none;
		border-radius:6px;
		overflow: hidden;
	}
	.join_box3 .con ul li a .info{
		padding: 0.3rem 0.18rem 0.4rem;
		text-align: left;
	}
	.join_box3 .con ul li a .info p{
		line-height: 1.3;
	}
	
	.join_box4{
		height: auto;
		background: none;
	}
	.join_box4 img{
		width: 100%;
	}
	.join_box4 .form{
		position: relative;
		top: auto;
		right: auto;
		padding: 0.5rem 5%;
	}
	
	
	.com_more a {
    display: inline-block;
    padding: 5px 12px;
    border-radius: 20px;
    background-color: #cb0012;
    text-align: center;
    color: white;
    font-family: "OP-R";
}
	
	
	.mui-input-row input{
		width: calc(100% - 86px);
	}
	.mui-select select{
		width: calc( (100% - 96px) / 2);
	}
	.mui-select select:last-child{
		margin-left: 10px;
	}
	
	.ethics .txt{
		top: 46%;
		left: 64%;
		width: auto;
	}
	.ethics .txt h4{
		font-size: 0.24rem;
	}
	
	.ethics_box .tit{
		width: 80%;
		padding: 0.7rem 0;
		line-height: 2;
	}
	.ethics_box ul li{
		width: 90%;
		margin-bottom: 0.3rem;
		height: auto;
	}
	.ethics_box ul li .pic,.ethics_box ul li .fl{
		width: 100%;
	}
	.ethics_box ul li .fl{
		padding: 0.6rem 5%;
	}
	.ethics_box ul li .pic .info{
		left: 5%;
		padding: 0;
		width: 90%;
		line-height: 2;
	}
	.ethics_box ul li .fl .ico{
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 0.4rem;
	}
	.ethics_box ul li .fl h4{
		font-size: 18px;
	}
	.ethics_box ul li .fl p{
		margin-top: 0.2rem;
	}
	.ethics_box ul li .fl .ico img{
		width: 0.6rem;
	}
	.ethics_box ul li .fl .ico span{
		height: 0.6rem;
		line-height: 0.6rem;
		font-size: 14px;
	}
	
	.event_list .tit{
		padding: 0.7rem 0 0.8rem;
	}
	
	.event .txt{
		top: 20%;
		width: 100%;
		left: 0;
		text-align: center;
	}
	
	.event_list ul li{
		width: 100%;
		margin: 0;
		margin-bottom: 0.5rem;
	}
	
	.event_det .tit{
		padding: 0.7rem 0 0.6rem;
	}
	.event_det .tit p{
		margin-top: 8px;
	}
	.event_det .bot .fl ul li{
		margin-bottom: 8px;
	}
	
	/* -------------------------产品中心--------------------------- */
	.pro_ban .txt{
		top: 33.33%;
	}
	.com_banner2.pro_ban .txt h4{
		font-size: 24px;
	}
	.com_banner2.pro_ban .txt p{
		font-size: 18px;
		margin-top: 8px;
	}
	.com_protit{
		width: 80%;
		padding: 0.8rem 0 0.7rem;
	}
	.pro_nav{
		margin-bottom: 0.4rem;
		margin: 30px 0px 0 0;
	}
	.pro_nav ul{
		padding: 0 4%;
		text-align: center;
		font-size: 0;
	}
	.pro_nav ul li{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		height: auto;
		text-align: center;
		/* background-color: #FFFFFF; */
		border-radius: 8px;
		border: 1px solid #FFFFFF;
		margin-bottom: 0.4rem;
		float: none;
	}
	.pro_nav ul li a{
		width: 1.7rem;
		height: 1.7rem;
		display: inline-block;
		background-color: #e9e9e9;
		border-radius: 8px;
		border: 1px solid #e9e9e9;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	.pro_nav ul li:hover,.pro_nav ul li.active{
		border: none;
	}
	.pro_nav ul li:hover a,.pro_nav ul li.active a{
		border: 1px solid #cb0012;
	}
	.pro_nav ul li:nth-child(3n){
		margin-right: 0;
		
	}
	.pro_nav ul li a .ico{
		height: 0.6rem;
		line-height: 0.6rem;
		margin-top: 0.2rem;
	}
	.pro_nav ul li a .ico img{
		height: 100%;
	}
	.pro_nav ul li a span{
		width: 150%;
		margin-left: -25%;
	}
	
	
	
	.pro_cases{
		margin-bottom: 0.4rem;
		margin: 30px 0px 0 0;
	}
	.pro_cases ul{
		padding: 0 4%;
		text-align: center;
		font-size: 0;
	}
	.pro_cases ul li{
		display: inline-block;
		width: 32%;
		margin-right: 2%;
		height: auto;
		text-align: center;
		/* background-color: #FFFFFF; */
		border-radius: 8px;
		border: 1px solid #FFFFFF;
		margin-bottom: 0.4rem;
		float: none;
	}
	.pro_cases ul li a{
		width: 1.7rem;
		height: 1.7rem;
		display: inline-block;
		background-color: #e9e9e9;
		border-radius: 8px;
		border: 1px solid #e9e9e9;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	.pro_cases ul li:hover,.pro_nav ul li.active{
		border: none;
	}
	.pro_cases ul li:hover a,.pro_nav ul li.active a{
		border: 1px solid #cb0012;
	}
	.pro_cases ul li:nth-child(3n){
		margin-right: 0;
		
	}
	.pro_cases ul li a .ico{
		height: 0.6rem;
		line-height: 0.6rem;
		margin-top: 0.2rem;
	}
	.pro_cases ul li a .ico img{
		height: 100%;
	}
	.pro_cases ul li a span{
		width: 150%;
		margin-left: -25%;
	}
	
	
	
	/* .product_sort .pro_pic ul li .txt h4{
		font-size: 18px;
	}
	.product_sort .pro_pic ul li .txt p{
		font-size: 12px;
		margin-top: 5px;
	} */
	
	.pro2_ban.com_banner2 .txt{
		top: 24.5%;
		color: #727171;
	}
	.pro2_ban.com_banner2 .txt h4{
		font-size: 22px;
	}
	.pro2_ban.com_banner2 .txt p{
		margin-top: 6px;
	}
	.product_list ul.list_con li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
	
	/* -------------------------案例&VR--------------------------- */
	.casesort ul li{
		padding-top: 7rem;
		background-color: #000000;
	}
	
	.casesort ul li a .mask .info{
		top: 3.5rem;
	}
	.casesort ul li a .mask p{
		margin-top: 0;
		font-size: 24px;
	}
	.casesort ul li a .mask img.mb_show{
		display: inline-block !important;
		margin-top: 4.5rem;
		width: 0.45rem;
	}
	.casesort ul li a .mask img.pc_show{
		display: none !important;
	}
	
	.case_tit{
		padding: 0.7rem 0 0.8rem;
		font-size: 20px;
		line-height: 1.3;
	}
	.caselist ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
	.caselist ul li a p{
		font-size: 14px;
	}
	
	/* -------------------------加盟--------------------------- */
	.join_tit p{
		margin-top: 6px;
	}
	.join_box5{
		padding: 0.6rem 0;
	}
	.join_box5 .con{
		padding-top: 0.6rem;
	}
	.join_box5 .con ul li{
		width: calc(100% / 3);
		height: auto;
		padding-bottom: 0.6rem;
	}
	.join_box5 .con ul li em{
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		border: 1px solid transparent;
		background: transparent;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	.join_box5 .con ul li:hover{
		border: none;
	}
	.join_box5 .con ul li:hover em{
		border: 1px solid #cb0012;
	}
	.join_box5 .con ul li .info{
		font-size: 12px;
		line-height: 1.3;
		/* transform: scale(0.8); */
	}
	.join_box5 .con ul li .ico{
		width: auto;
		height: 32px;
		line-height: 1;
		margin: 20px 0 40px;
	}
	.join_box5 .con ul li .ico img{
		height: 100%;
	}
	.join_box5 .con ul li::after{
		width: 8px;
		height: 8px;
		margin-left: -4px;
		margin-top: -4px;
	}
	
	.join_box5 .con ul li:nth-child(3n) em::before{
		position: absolute;
		content: "";
		top: 50%;
		left: 100%;
		width: 1px;
		height: calc(50% + 1px);
		background-color: #808080;
		opacity: 1;
		z-index: 2;
		transition: all 0.3s;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
	}
	.join_box5 .con ul li:nth-child(6) em::before{
		top: -1px;
	}
	.join_box5 .con ul li:hover:nth-child(3n) em::before{
		background-color: #cb0012;
	}
	
	.join_box6{
		height: auto;
	}
	.join_box6 video{
		width: 100%;	
	}
	
	.join_box7{
		padding: 0.8rem 0 0.5rem;
	}
	.join_box7 .con{
		display: block;
		padding-top: 0.6rem;
		width: 80%;
		margin: 0 10%;
	}
	.join_box7 .con [class*="item"]{
		width: 100% !important;
		margin-right: 0;
		margin-bottom: 0.3rem;
		border-radius: 8px;
	}
	
	.join_box7 .con .item1{
		height: 4.8rem;
	}
	.join_box7 .con .item1 .txt h4{
		font-size: 14px;
	}
	.join_box7 .con .item1 .txt p{
		line-height: 1.3;
		margin-top: 8px;
	}
	.join_box7 .con .item1 .txt{
		padding: 0 8% 0.3rem;
	}
	.join_box7 .con .item2 ul li{
		border-radius: 8px;
		background-position: bottom !important;
		height: 3rem;
	}
	.join_box7 .con .item2 ul li:nth-child(1){
		height: 3rem;
	}
	.join_box7 .con .item2 ul li:nth-child(1) .txt{
		top: 24%;
	}
	.join_box7 .con .item2 ul li:nth-child(1) .txt h4{
		font-size: 18px;
		line-height: 1.3;
	}
	.join_box7 .con .item2 ul li:nth-child(1) .ico{
		margin-top: 10px;
	}
	
	.join_box7 .con .item3 ul li{
		height: 3rem;
		border-radius: 8px;
	}
	.join_box7 .con .item3 ul li p{
		font-size: 12px;
	}
	.join_box7 .con .item3 ul li:nth-child(3){
		height: 3.5rem;
	}
	.join_box7 .con .item3 ul li:nth-child(3) .txt{
		padding: 0 8% 0.3rem;
	}
	.join_box7 .con .item3 ul li:nth-child(3) .txt h4{
		margin-top: 16px;
		font-size: 14px;
	}
	.join_box7 .con .item3 ul li:nth-child(3) .txt p{
		margin-top: 10px;
		line-height: 1.5;
	}
	.join_box7 .con .item3 ul li:nth-child(3) .ico img{
		width: 36px;
	}
	
	
	.join_box8  .mui-input-row input{
		width: calc(100% - 106px);
	}
	.join_box8 .mui-select select {
	    width: calc( (100% - 116px) / 2);
	}
	
	/* -------------------------价值观--------------------------- */
	.value_ban.com_banner2 .txt{
		width: 100%;
		left: 0;
		right:0;
		top: 24%;
	}
	.value_ban.com_banner2 .txt h4{
		font-size: 20px;
	}
	
	
	.value_box1{
		padding: 0.9rem 0;
	}
	.value_box1 .tit h3{
		position: relative;
		font-size: 0.4rem;
		display: inline-block;
	}
	.value_box1 .tit h3::after{
	    content: attr(text);
	    position: absolute;
		width: 100%;
		left: 0;
		top: 0;
	    color: black;
	    z-index: 3;
	}
	
	.value_box1 .tit h3::before {
		position: absolute;
		content: "";
		width: 100%;
		height: 8px;
		border-radius: 4px;
		background-color: #4fb458;
		left: 0;
		bottom: -2px;
		-webkit-transform: rotate(-0.5deg);
		transform: rotate(-0.5deg);
		z-index: 2;
	}
	.value_box1 .tit p{
		margin-top: 0.1rem;
	}
	.value_box1 .tit p::before,.value_box1 .tit p::after{
		display: none;
	}
	
	.value_box1 .con{
		width: 92%;
		margin: 0 auto;
	}
	.value_box1 .con ul{
		padding: 0.6rem 0 0.4rem;
	}
	.value_box1 .con ul li .more{
		transform: scale(0.7);
		bottom: 0.15rem;
	}
	
	.value_mask .text{
		width: 90%;
		height: 7rem;
		margin-left: 0;
		left: 5%;
		margin-top: -3.5rem;
		border-radius: 0.2rem;
	}
	.value_mask .text .close{
		top: 4%;
		left: 3%;
	}
	.value_mask .text .close img{
		width: 0.58rem;
	}
	.value_mask .text h4{
		font-size: 18px;
		line-height: 1;
	}
	.value_mask .text .info{
		font-size: 12px;
		line-height: 2;
		margin-top: 0.2rem;
	}
	
	.value_box2{
		height: auto;
		background: no-repeat;
	}
	.value_box2 .txt{
		top: 29%;
	}
	.value_box2 .txt h4{
		font-size: 18px;
	}
	
	.value_box3{
		padding: 0.6rem 0;
	}
	.value_box3 ul li{
		
	}
	
	.value_box3 ul li{
		width: 90%;
		margin-bottom: 0.3rem;
		height: auto;
	}
	.value_box3 ul li .pic,.value_box3 ul li .fl{
		width: 100%;
	}
	.value_box3 ul li .fl{
		padding: 0.6rem 5% 0.5rem;
	}
	.value_box3 ul li .pic .info{
		left: 5%;
		padding: 0;
		width: 90%;
		line-height: 2;
	}
	.value_box3 ul li .fl .ico{
		position: relative;
		left: auto;
		bottom: auto;
		margin-top: 0.4rem;
	}
	.value_box3 ul li .fl h4{
		font-size: 18px;
	}
	.value_box3 ul li .fl p{
		margin-top: 0.3rem;
		font-size: 14px;
		line-height: 1.5;
	}
	.value_box3 ul li .fl .ico img{
		width: 0.6rem;
	}
	.value_box3 ul li .fl .ico span{
		height: 0.6rem;
		line-height: 0.6rem;
		font-size: 14px;
	}
	.value_box3 ul li .fl>img{
		width: 0.6rem;
	}
	
	.value_box4{
		height: auto;
		background: none;
	}
	.value_box4 .txt{
		top: 24%;
	}
	.value_box4 .txt h4{
		font-size: 18px;
	}
	
	.value_box5{
		padding: 1rem 0;
	}
	.value_box5 .con{
		width: 90%;
		margin:  0 auto;
	}
	.value_box5 .con ul{
		margin-bottom: 0.5rem;
	}
	.value_box5 .con ul li a .info{
		padding: 0.4rem 4% 0.5rem;
	}
	.value_box5 .con ul li a .info p{
		margin-top: 0.1rem;
	}
	
	/* -------------------------零售店--------------------------- */
	
	.store_ban.com_banner2 .txt{
		top: 19.5%;
	}
	.store_ban.com_banner2 .txt h4{
		font-size: 18px;
		line-height: 1.3;
	}
	
	.store_dizhi .tit h4{
		font-size: 16px;
		line-height: 1.3;
	}
	.store_dizhi .tit{
		padding: 0.8rem 0;
	}
	.store_dizhi ul li a .pic img{
		height: 6.5rem;
	}
	.store_dizhi .w15{
		/* width: 80%; */
		padding: 0 10%;
		margin: 0 auto;
	}
	.store_dizhi .swiper-button-prev{
		margin-left: 0;
	}
	.store_dizhi .swiper-button-next{
		margin-right: 0;
	}
	.store_dizhi .swiper-button-prev,.store_dizhi .swiper-button-next{
		width: 30px;
		min-height: 0px;;
		background-size: 30px auto;
	}
	.store_dizhi ul li a .info{
		font-size: 14px;
		line-height: 1.5;
	}
	.store_dizhi .store_more{
		margin: 0.5rem 0 0.6rem;
	}
	
	
	.store_nav .tit{
		padding: 1rem 0 0.8rem;
		font-size: 18px;
	}
	.store_nav ul li{
		margin-bottom: 0.5rem;
	}
	.store_nav ul li a{
		font-size: 14px;
	}
	
	.tit_back{
		font-size: 18px;
	}
	
	.store_list ul li,.store_list ul li:nth-child(3n){
		width: 100%;
		margin-right: 0;
	}
	
	.store_det{
		padding: 0.5rem 0 0.7rem;
	}
	.store_det .con .logo img{
		width: 0.8rem;
	}
	.store_det .con .info{
		padding: 0.6rem 4%;
		font-size: 16px;
		line-height: 1.8;
	}
	.store_det .swiper-container{
		width: 90%;
		margin: 0 auto;
	}
	.store_det .com_navigate{
		margin-top: 0.3rem;
	}
	
	/* -------------------------售后服务--------------------------- */
	.service_ban.com_banner2 .txt{
		top: 70%;
	}
	.service_ban.com_banner2 .txt h4{
		font-size: 20px;
	}
	.service_ban.com_banner2 .txt p{
		margin-top: 8px;
	}
	
	.service_box1.w13{
		padding: 0.6rem 0 0;
		max-width: 100%;
	}
	.service_box1 .tit h4{
		font-size: 18px;
		line-height: 1.3;
	}
	.service_box1 .tit p{
		margin-top: 0.3rem;
		width: 80%;
		line-height: 1.8;
	}
	
	.form_sug{
		padding: 0.8rem 5%;
	}
	.form_sug .con .tab_li ul li{
		width: calc((100% - 6px) / 3);
		height: 32px;
		line-height: 32px;
		font-size: 14px;
	}
	.form_sug .con .tab_li ul li:last-child{
		margin-right: 0;
	}
	.form_sug .con .tab_li{
		padding-top: 0.2rem;
	}
	.service_box1 .form_sug .con .tab_li{
		padding-bottom: 0.4rem;
	}
	.form_sug .con .tab_con{
		padding-top: 0.3rem;
	}
	.form_sug .con .tab_con ul li .info{
		line-height: 1.8;
	}
	.form_sug .con .tab_con ul li p{
		margin-top: 0.6rem;
	}
	.form_sug .con .tab_con ul li .bot{
		padding-top: 0.4rem;
	}
	.form_sug .con .tab_con ul li .bot form .fl,.form_sug .con .tab_con ul li .bot form .fr{
		width: 100%;
		float: none;
	}
	.form_sug .con .tab_con ul li .bot form .fl{
		margin-bottom: 0.2rem;
	}
	
	.service_box2{
		height: auto;
		background: none;
	}
	.service_box2 .txt{
		top: 23.5%;
		width: 100%;
		text-align: center;
		right: 0;
	}
	.service_box2 .txt h4{
		font-size: 18px;
		line-height: 1.5;
	}
	
	.service_box3{
		padding: 0.8rem 0;
	}
	.service_box3 .tit h3{
		font-size: 20px;
	}
	.service_box3 .tit p{
		width: 80%;
		margin-top: 0.4rem;
		line-height: 1.8;
	}
	
	.service_box3 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}
	.service_box3 ul li .info{
		height: auto;
		padding: 0.5rem 4% 0.3rem;
	}
	.service_box3 ul li .info p{
		margin-top: 0.3rem;
		line-height: 1.8;
	}
	
	/* -------------------------联系我们--------------------------- */
	.contact_ban.com_banner2 .txt{
		top: 43%;
	}
	.contact_ban.com_banner2 .txt h4{
		font-size: 20px;
	}
	
	.contact_box1.w12{
		max-width: 100%;
	}
	
	.contact_box2{
		height: auto;
		background: none;
	}
	.contact_box2 .txt{
		top: 18%;
	}
	.contact_box2 .txt h4{
		font-size: 20px;
	}
	.contact_box2 .txt p{
		margin-top: 6px;
	}
	
	.contact_box3{
		padding: 0.9rem 0;
	}
	.contact_box3 .tit h3{
		font-size: 20px;
		line-height: 1.3;
	}
	.contact_box3 ul li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.6rem;
	}
	.contact_box3 ul li .info{
		height: auto;
		padding: 0.4rem 4%;
	}
	.contact_box3 .hotline{
		padding-top: 0.2rem;
	}
	.contact_box3 .hotline img{
		padding: 0.26rem 0 0.3rem;
	}
	
	.contact_box4{
		padding-top: 2rem;
	}
	.contact_box4 .tit .tit_logo img{
		width: 0.8rem;
	}
	.contact_box4 .tit h3{
		font-size: 24px;
		margin-top: 0.5rem;
	}
	.contact_box4 .pic{
		margin-top: 1.15rem;
	}
	
	/* -------------------------Future--------------------------- */
	
	.future_ban.com_banner2 .txt{
		top: 25.6%;
	}
	.future_ban.com_banner2 .txt h4{
		font-size: 20px;
	}
	.future_ban.com_banner2 .txt p{
		margin-top: 8px;
		line-height: 20px;
	}
	
	.future_box1 .info{
		width: 80%;
	}
	
	.future_box2{
		height: auto;
		background: none;
	}
	
	
	.future_box3{
		padding: 0.5rem 0 0;
		max-width: 100%;
	}
	.future_box3 .pic{
		width: 80%;
		margin: 0 auto 0.4rem;
		float: none;
	}
	.future_box3 .info{
		float: none;
		width: 100%;
		padding: 0.7rem 10%;
	}
	.future_box3 .info dl{
		margin-bottom: 0.4rem;
	}
	.future_box3 .info dl dd{
		margin-top: 0.1rem;
		line-height: 1.3;
	}
	.future_box3 .info h4{
		padding: 0;
	}
	.future_box3 .info i{
		margin: 0.6rem 0 0 0;
	}
	
	.future_box5{
		padding: 0.7rem 0;
	}
	.future_box5 .fl,.future_box5 .fl ul li,.future_box5 .fr{
		width: 100%;
		float: none;
	}
	.future_box5 .fl ul li{
		margin-bottom: 0.25rem;
		height: 4.6rem;
	}
	.future_box5 .fl ul li img{
		height: 100%;
	}
	.future_box5 .fl ul li:last-child{
		height: 4rem;
		margin: 0 0 0.25rem;
	}
	.future_box5 .fl ul li:last-child .txt{
		top: 35%;
		font-size: 20px;
	}
	
	.future_box5 .fr .pic{
		height: auto;
	}
	.future_box5 .fr .txt{
		top: 19%;
	}
	.future_box5 .fr .txt h4{
		font-size: 18px;
	}
	.future_box5 .fr .txt p{
		font-size: 14px;
		line-height: 1.3;
	}
	
	.nav_box .nav_share ul li i{
		width: 1.7rem;
	}
	.nav_box .nav_share ul li:hover i{
		margin-bottom: 0.7rem;
	}
	
	.ind_box6 .change .box_ico8 {
    top: 5rem;
    right: 3.5rem;
}
	
}

@media all and (max-width:640px) {
	/* 移动终端以上 360 适配 */
}

@media all and (max-width:420px) {}

@media all and (max-width:376px) {}