@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media(max-width: 1700px){
.proinfo-a .right{
	width: 42%;
}
}
@media(max-width: 1500px){
body,html{
	font-size: 70%;
}
.w_all2{
	width:88%;}
.index_bar2 .bc2{
	left: 6%;
	}
.index_title h1{
	font-size: 3rem;
}
}
@media(max-width: 767px){
	body,html{
		font-size: 53%;
		overflow-x: hidden;
	}
	.w_all2{
		width:94%;
	}
	p{
		line-height: 1.6;
	}
	.t {
	    padding: 7% 3% 8% 3%;
	}
	.tt {
	    margin-top: 3%;
	}
	.index_title h1{
		font-size: 2.5rem;
	}
	header .logo,.nav_b{
		height: 36px;
	    padding: 0 10px;
	}
	header .logo{
		padding: 0;
	}
	header .pin{
		height: 25px;
		float: left;
		margin: 7px 0 0 8px;
		padding-left: 8px;
	}
	.navBtn{
	    margin: 4px 0;
	}
	.nav_b p{
		line-height: 36px;
		margin-top: 0;
	    margin-left: 6px;
		font-size: 1.4rem;
	}
	.navBtn span{
		width: 22px;
	    margin: 5px 0;
	}
	.nav_btn_active{
	    margin: 10px 0;
	}
	.nav_btn_active span{
		margin: 6px 0;
	}
	.nav_right .nav{
		float: inherit;
		width: 100%;
		box-sizing: border-box;
		height: 70%;
	}
	.nav_right .nav ul{
		position: absolute;
		left: 50%;
	    top: 38%;
		right: inherit;
		-webkit-transform: translate(-50%,0);
		transform: translate(-50%,0);
	}
	.nav_right .nav li{
		text-align: center;
	}
	.nav_right .right{
		float: inherit;
		width: 100%;
		box-sizing: border-box;
		height: 28%;
		text-align: center;
		padding: 7% 0 0 0;
		background-color: inherit;
	}
	.nav_right .right h2{
		padding: 0;
		text-align: center;
	}
	.nav_right .right p{
		opacity: 0;
	}
	header .h_other .ll{
		margin-left: 16px;
	}
	header .h_other .ll i{
	    margin-right: 6px;
	    margin-top: 2px;
	}
	.banner{
		height: 50%;
	}
	.banner dl dd{
		font-size: 1.6rem;
	    padding: 6px 16px;
	}
	.banner_bc .bc{
		background-position: center center!important;
	}
	.index_title2 h1{
		font-size: 2.8rem;
	}
	.index_bar2 .index_txt h1{
		font-size: 2.2rem;
	}
	header .ss{
		height: 36px;
	}
	header .ss input{
		line-height: 36px;
	}
	.index_bar2{
	    padding: 8% 0 10%;
	}
	.index_bar2 .right .bar{
		float: inherit;
		width: 100%;
		margin: 0.8% 0%;
	}
	.index_bar2 .contain{
		padding-top: 3%;
	}
	.index_bar2 .bar{
		margin-bottom: 3%!important;
	}
	.index_bar2 .bar:nth-of-type(4),.index_bar2 .bar:nth-of-type(2){
		top: 0;
	}
	.index_bar2 .index_txt dl{
		margin-top: 2px;
	}
	.index_bar2 .index_txt dl dd{
		margin: 3px 0;
		padding-left: 12px;
	}
	.index_bar2 .index_txt dl dd:before{
		width: 6px;
	    height: 2px;
	}
	.index_bar3 dd{
	    margin-right: 3%;
		width: 31.333%;
	}
	.index_bar3 dd:nth-of-type(3){
		margin-right: 0;
	}
	.index_bar3 .index_title{
		text-align: center;
	}
	.index_bar3 p{
		width: 100%;
	    margin: 1% 0 2%;
		text-align: center;
	}
	.index_bar3 .index_title span{
		width: 80%;
		margin: 2% auto 0 auto;
	}
	.index_bar3 .more{
		margin:5% auto 0 auto;
	}
	.index_bar3 .v_box{
		position: relative;
		bottom: inherit;
		right: inherit;
		width: 100%;
		height: inherit;
		margin-top: 5%;
	}
	.index_bar3 dd img{
		width: 38px;
	}
	.index_bar3 .video{
		position: initial;
	}
	.index_bar3 .bottom img{
		display: none;
	}
	.index_news{
		padding: 9% 0 8% 0;
		margin-top: -1%;
	}
	.index_news ul li h3,.index_news ul li p,.index_news ul li img{
		width: 95%;
	}
	.index_news ul li h3{
		padding: 12px 0 0 0;
	}
	.index_news .box{
		padding-top: 3%;
	}
	.index_news .index_title span{
		margin-top: 16px;
	}
	.index_news ul li h2{
		font-size: 1.2rem;
	}
	.index_news .index_title span i{
		margin-left: 20px;
	}
	.idnex_service{
		padding: 8% 0;
	}
	.idnex_service ul{
	    margin: 3% 0 1%;
		overflow: hidden;
	}
	.idnex_service ul li{
		width: 100%;
	}
	.idnex_service ul li{
	    border-bottom: 1px solid rgba(255,255,255,0.4);
	}
	.idnex_service ul li h2{
	    margin: 10px 0;
		line-height: 1.6;
	}
	.index_bar4{
		padding: 8% 0;
	}
	.index_bar4 .tt{
		width: 92%!important;
	}
	.footer{
	    padding: 8% 0 7% 0;
	}
	.f-logo,.footer .bar{
		float: inherit;
		width: 100%;
	}
	.footer dl{
		width: 20%;
		margin-top: 3%;
	}
	.footer dl:nth-child(6){
		width: 100%;
	}
	.footer dl:nth-child(6) dt{
		display: none;
	}
	.f-logo img{
		width: 50%;
		margin: 0 auto 2% auto;
		height: 20px;
	}
	.footer .f-logo p{
		margin: 0;
		text-align: center;
	}
	.footer dl dt{
		margin-bottom: 0px;
		text-align: center;
	}
	.footer dl dd{
		margin: 0;
		line-height: 1.6;
		display: none;
	}
	.footer dl img{
		width: 38%;
		margin: 2% auto 0 auto;
	}
	.all_back{
		bottom: inherit;
		top: 8%;
	}
	.copy .js{
		position: inherit;
		right: inherit;
		top: inherit;
		-webkit-transform: none;
		transform: none;
		display: block;
	}
	.copy p{
		line-height: 1.6;
	}
	.copy a{
		margin: 0;
	}
	.conmmon_nav{
		padding: 0;
		height: 32px;
	}
	.conmmon_nav dl dd a{
		line-height: 32px;
		font-size: 1.3rem;
	}
	.conmmon_nav dl dd a::before{
		height: 2px;
	}
	.about_bar1{
	    padding: 8% 0 7% 0;
	}
	.about_bar1 .left{
		float: inherit;
		width: 100%;
	    padding: 0% 0 5% 0;
	}
	.about_bar2{
	    padding: 0 3% 5% 3%;
	}
	.about_bar1 .right{
		position: relative;
		width: 100%;
		height: 150px;
	}
	.about_bar1 .left h2 {
	    margin: 0% 0 1% 0;
	}
	.about_bar1 .left p{
		margin-bottom: 6px;
	}
	.about_bar2 ul li h1{
		font-size: 3rem;
		letter-spacing: 0;
	}
	.about_bar2 ul li p{
		font-size: 9px;
	    margin-top: 2px;
		text-align: center;
	}
	.about_bar3{
		padding: 8% 3% 15% 3%;
	}
	.about_bar3 li .right h1{
	}
	.about_bar3 li .left{
		float: inherit;
		width: 100%;
	}
	.about_bar3 li .right{
		position: inherit;
		right: inherit;
		top: inherit;
		width: 100%;
		padding: 3% 0;
	}
	.about_bar3 li .right p{
		line-height: 1.6;
		margin-top: 0;
	}
	.about_bar3 .swiper-pagination{
		bottom: 7%;
	}
	.about_bar3 .swiper-pagination-bullet{
		width: 10px;
		height: 5px;
	}
	.about_bar4{
		padding: 8% 0;
	}
	.about_bar4 p{
		width: 94%;
		margin-top:0;
		font-size: 1.3rem;
	}
	.hour_box{
		padding: 8% 3% 7% 3%;
	}
	.hour_box .list li{
	    width: 48%;
	    margin: 0 4% 4% 0;
	}
	.hour_box .list li:nth-child(3n){
		margin-right: 4%;
	}
	.hour_box .list li:nth-child(2n){
		margin-right: 0;
	}
	.big_imgss{
		width: 90%;
	}
	.hour_box .list li h1{
	    margin: 4px 0 10px 0;
	}
	.big_imgss h1{
		margin-top: 10px;
	}
	.product1 li{
		width: 100%;
		margin-right: 0;
	}
	.bar3_bar1 {
	    padding: 14% 3% 8% 3%;
	}
	.bar3_bar1 li .right{
	    padding: 1% 3% 2% 3%;
	    width: 61%;
	}
	.bar3_bar1 li .right h1{
		font-size: 2rem;
		margin-bottom: 0%;
	}
	.bar3_bar1 li{
		margin-bottom: 15%;
	}
	.about4 .list .wall-column{
	    width: 47%;
	}
	.about4 .list .wall-column:nth-child(3) {
	    margin-right: 6%;
	}
	.about4 .list .wall-column:nth-child(2) {
	    margin-right: 0;
	}
	.about5 ul li{
		width: 47.5%;
	}
	.about5 ul li:nth-child(3n) {
	    margin-right: 5%;
	}
	.about5 ul li:nth-child(2n) {
	    margin-right: 0;
	}
	.about5 ul li h1{
	    padding: 6px 0 10px 0;
	}
	.conmmon_banner{
	    width: 100%;
	    height: 130px;
	}
	.conmmon_banner img {
	    width: 100%;
	    height: 100%;
	}
	.conmmon_banner h1{
		top: 62%;
		font-size: 3rem;
	}
	.team_box{
	    padding: 7% 3% 8% 3%;
	}
	.team_box .list{
		margin-top: 3%;
	}
	.team_box .left{
		position: inherit;
		left: inherit;
		bottom: inherit;
		width: 100%;
	}
	.team_box .list .right{
		float: inherit;
		width: 100%;
		background: none;
	    padding: 4% 0;
	}
	.team_box .list .right p{
		margin-bottom: 6px;
		text-indent: 2em;
	}
	.team_box .list .right p:nth-child(1), .team_box .list .right p:nth-child(2){
		letter-spacing: 1px;
		margin-bottom: 0;
	}
	.team2 {
	    padding: 7% 3% 4% 3%;
	}
	.join_box dl dd .join_w p{
		width: 50%;
	}
	.join_box dl dd .join_w p:nth-child(3),.join_box dl dd .join_w p:nth-child(5),.join_box dl dd .join_w p:nth-child(4){
		display: none;
	}
	.join_box dl dd .join_w .ad img{
		width: 14px;
	}
	.join_box dl dd .yq .sq{
	    padding: 1% 0 18% 0;
	}
	.join_box dl dd .yq .sq h1 span,.join_box dl dd .yq .sq h1{
		font-size: 1.6rem;
	}
	.join_box dl dd .yq .zz .txt p{
		line-height: 1.6;
	}
	.service_box .list{
		padding:0;
	}
	.service_box .list li h2{
		margin-bottom: 2px;
	}
	.service_box .list li p{
		padding-left: 12px;
	}
	.service_box .list li p::before{
		top: 6px;
		width: 6px;
		height: 2px;
	}
	.service2 ul{
		padding-top: 0;
	}
	.service2 ul li{
		float: inherit;
		width: 100%;
		margin-right: 0;
	}
	.service2 ul li:nth-child(2n) {
	    top: 0;
	}
	.service2 {
	    padding: 8% 3% 7% 3%;
	}
	.service2 ul li .text h1{
		margin-bottom: 2px;
		font-size: 2rem;
	}
	.service2 ul li .text p{
		font-size: 1.6rem;
	}
	.service4 .list .left{
		float: inherit;
		width: 100%;
	}
	.service4 .list .right{
		position: inherit;
		right: inherit;
		bottom: inherit;
		width: 100%;
		padding: 3% 3%;
	}
	.service4_bar2 .s-nav h1,.service4 .list .right h1{
		margin-bottom: 0px;
		font-size: 2rem;
	}
	.service4_bar2 {
	    padding: 0 3% 7% 3%;
	}
	.service4_bar2 .s-nav dl{
		margin-top: 3px;
	}
	.service4_bar2 .s-nav dl dd{
		margin-left: 12px;
		line-height: inherit;
	    padding: 1px 10px;
	}
	.service4_bar2 .s-nav dl a:nth-of-type(3) dd{
		margin-left: 0;
	}
	.product2 .list dd,.news_box dl dd,.news_box li,.service5 .list li,.service4_bar2 .list li{
	    width: 48%;
	}
	.product2 .list dd:nth-child(4n),.news_box dl dd:nth-child(3n),.news_box li:nth-child(3n),.service4_bar2 .list li:nth-child(3n),.service5 .list li:nth-child(3n){
	    margin-right: 3%;
	}
	.product2 .list dd:nth-child(2n),.news_box dl dd:nth-child(2n),.news_box li:nth-child(2n),.service4_bar2 .list li:nth-child(2n),.service5 .list li:nth-child(2n){
	    margin-right: 0;
	}
	.service4_bar2 .list li .text h1{
		font-size: 1.6rem;
		margin-bottom: 0;
	}
	.service5 {
	    padding: 8% 3% 7% 3%;
	}
	.news_box{
		width: 100%;
		padding: 8% 3% 7% 3%;
		box-sizing: border-box;
	}
	.news_list {
	    padding: 8% 3%;
	}
	.news_list .text h1{
		font-size: 2.4rem;
	}
	.news_list .text p{
		line-height: 1.6;
	}
	.news_box dl dd .v_box video{
		width: 90%;
		left: 5%;
	}
	.news_box li .text p{
		height: inherit;
	}
	.product2 .right, .product2 .left{
	    padding: 6px 0px;
	}
	.conmmon_nav3{
		top: 36px;
		padding: 0 3%;
		height: 36px;
	}
	.conmmon_nav3 .left a{
		line-height: 36px;
	    padding-left: 11px;
	}
	.conmmon_nav3 .right{
		display: none;
	}
	.conmmon_nav3 .left a::before{
	    width: 6px;
		height: 2px;
	}
	.proinfo-a {
	    margin-top: 100px;
	}
	.proinfo-a .right{
		width: 100%;
		margin-top: 5%;
	}
	.proinfo-a .bimg{
		width: 80%;
		height: 320px;
	}
	.proinfo-a .gallery-top{
		width: 100%;
		height: inherit;
	}
	.proinfo-a .simg{
		width: 17%;
	}
	.proinfo-a .gallery-top .swiper-slide{
		position: relative;
	}
	.proinfo-a .gallery-top .swiper-slide img,.proinfo-a .gallery-thumbs,.proinfo-a .left{
		width: 100%;
	}
	.proinfo-a .simg{
		height: 320px;
	}
	.proinfo-a .gallery-thumbs .swiper-slide{
		width: inherit;
		height: 70px!important;
	}
	.swiper-button-next1{
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		z-index: 999;
	}
	.proinfo-a .gallery-thumbs{
		height: inherit;
	}
	.proinfo-a .gallery-thumbs{
		height: 243px;
	}
	.bimg .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	    margin: 0 3px!important;
	}
	.bimg .swiper-pagination-bullet {
	    width: 6px!important;
	    height: 6px!important;
	}
	.proinfo-a .right .txt{
		height: inherit;
	}
	.proinfo-a .right .share, .news_list .share{
		width: inherit;
	}
	canvas{
		margin-left: 22%;
	}
	.news_list .mm_box h1{
		font-size: 1.6rem;
	}
	.pro_bar2{
		padding: 8% 0 9% 0;
	}
	.pro_bar2 .b1 img{
		width: 100%;
	}
	.pro_bar2 .img table{
		width: max-content;
	}
	.pro_bar2 .img .bbox{
		padding-bottom: 3%;
		overflow-x: scroll;
	}
	.map{
		height: 50%;
	}
	.contant ul{
		padding: 5% 0;
	}
	.contant ul li{
		width: 25%;
	}
	.contant ul li:nth-child(1){
		width: 100%;
		margin-bottom: 5%;
	}
	.contant ul li h1{
		font-size: 1.3rem;
	}
	.contant ul li img{
		width: 37%;
	}
	.contant ul li:nth-child(1) img{
		width: 10%;
	}
	.contant ul li:nth-child(1) h1{
		margin: 2% 0 1% 0;
		font-size: 1.6rem;
	}
	.contant ul li:nth-child(1) p{
		font-size: 1.5rem;
	}
	.massage_box{
	    padding: 0 3% 8% 3%!important;
	}
	.massage_box .message .btn{
		width: 22%;
	    margin-top: 10px;
	}
	
	
	
	
	
	
	
	
	
	
}