@charset "utf-8";
/* CSS Document */
body {
	margin:0;
	padding:0;
	font-family:"思源黑体 CN","Montserrat","微软雅黑", Arial;
	font-size:14px;
	line-height:1.5;
	color:#333;
	width: 100%;
	margin:0px auto;
	background-color:#fff;
	overflow-x: hidden;
}
a {
	color:#333;
	text-decoration:none;
}

img {
	border:0;
	display:inline;
	vertical-align: bottom;
	width:auto;
	height:auto;
	max-width:100%;
}
div, ul, li, dl, dd, span, h1, h2, p, h4, h3 {
	margin:0;
	padding:0;
	list-style:none;
}
.clear {
	clear:both; width:0px; height:0px;
}
.container {
	width: 95%;
	max-width:1200px;
	margin:0px auto;
	height:auto;
}

* {
	box-sizing: border-box;
}
.flex-between {
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
.flex-center-y {
	display: flex;
	align-items: center;

}
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.flex-column {
	display: flex;
	flex-direction: column;
  }
  :root{
	--linkColor:#4696d3;
  }
.flex_1{flex:1; overflow: hidden;}
.grid{ display: grid;}

.ellipsis{ display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.molEllipsis{ display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
   
/* 首页 */

header{  width: 100%;background-image: url(../images/main_01.jpg);background-position: center;background-repeat: repeat-x;}
header .container{ height: 100px;}
header .tpright{gap: 30px;}
header .langer{ cursor: pointer; color: #333;position: relative; font-size: 18px; line-height: 1.8;gap: 8px;}
header .langer .icon1 img{ display: block;}
header .langer .down img{ display: block;}
header .langer .l_content{ width:120px; padding:5px 0px; border-radius:5px; position:absolute;  top:100%;z-index:100; border: 1px #999999 solid; background-color:#fff;  font-weight:normal;transform-origin: 50% 0; transform: scaleY(0) translateZ(0);opacity: 1;
    transition: transform 0.3s,opacity 0.3s; right: 0px;}

header .langer:hover .l_content{transform: scaleY(1) translateZ(0);opacity:1;}
header .langer .l_content dl dd a{ color: #6c6c6b; font-size: 14px; display: flex; align-items: center; padding: 0rem 8px; line-height: 1.8;}
header .langer .l_content dl dd a img{ width: 15px; margin-right:10px;}
header .langer .l_content dl dd a:hover{ color:#000;}
header .langer:after {
	width:100%; height:10px;
	position: absolute;
	left: 0%;
	top: 100%; z-index:0;
	content: '';
}
header .tpright .search_1{width: 180px; height: 40px; border-radius: 20px; border: 1px #666 solid; padding: 0px 18px;background-color: #fff;}
header .tpright .search_1 .formbit{ flex:1; overflow: hidden;height: 35px; line-height: normal;background: none; border: 0px;outline: none;}
header .tpright .search_1 .sumbit{ border: 0px; padding: 0px; outline: none;cursor: pointer;background: none;}
header .tpright .search_1 .sumbit img{width: 18px; height: auto;}
header .logo img{ height: 48px;width: auto;}

.menu{background: #f6f6f6;}
.menu ul {gap: 30px;}
.menu ul li{ position: relative;}
.menu ul li .title{font-size: 18px; min-width: 120px; height: 60px;display: flex; align-items: center; justify-content: center;}
.menu ul li.active .title,.menu ul li:hover .title{ background-color: var(--linkColor); color: #fff;}

.menu ul li .submenu {
	background-color:rgba(255,255,255,1);
	width: 120px;
	position: absolute;
	top: 100%;
	padding: 0px;
	z-index: 20;
	transform-origin: 50% 0;
	transform: scaleY(0) translateZ(0);
	opacity: 0;
	transition: transform 0.3s, opacity 0.3s;
	overflow: hidden;
	
	box-shadow: 0px 0px 8px rgb(0 0 0 / 18%);
	border-radius: 0px;
}

.menu ul li .submenu::-webkit-scrollbar {
	width: 4px;
	height: 4px;
	background: var(--linkColor);
	border-radius: 0.20rem;
}

.menu ul li .submenu::-webkit-scrollbar-thumb {
	background: #fff;
	scrollbar-arrow-color: #fff;
	border-radius: 0.20rem;
}


.menu ul li:hover .submenu {
	transform: scaleY(1) translateZ(0);
	opacity: 1;
}

.menu ul li .submenu dd {
	border-bottom: 0.5px rgba(0,0,0,0.1) solid;
}

.menu ul li .submenu dd:last-child {
	border-bottom: 0px;
}

.menu ul li .submenu dd a {
	color: #333;
	text-align: center;
	line-height: 3;
	text-transform: none;
	display: block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	font-weight: normal;
	height: auto;
	width: 100%; font-size: 16px;
	padding: 0rem 10px;
}

.menu ul li .submenu dd a:hover {
	background-color: var(--linkColor);color: #fff;
}

.banner{ position: relative;text-align: center; overflow: hidden; max-width: 2400px; margin:auto; display: flex; justify-content: center;}
.pro_show .swiper,
.banner .swiper{width: 2400px;min-width: 2400px;}
.banner .btn{ top: 50%; position: absolute;transform:translateY(-50%);-webkit-transform:translateY(-50%);cursor: pointer; z-index: 20;}
.banner .btn img{width: 37px; height: auto;}
.banner .prev{ left: 2.5%;}
.banner .next{ right: 2.5%;}
.banner .botoom_btn{ position: absolute;width: 100%; z-index: 10;bottom: 5%;gap: 10px; z-index: 20;}
.banner .botoom_btn span{width: 15px; height: 15px; border-radius: 50%;background-color: #999999;cursor: pointer;opacity: 1;}
.banner .botoom_btn span.active{background-color: var(--linkColor) !important;}
.banner .swiper-slide img{width: 100%; height: auto;}
.banner .swiper-nav{ position: absolute; top: 50%; left: 0; right: 0; margin: auto; width: 51%; margin: auto;}
.index_bt{gap: 16px; line-height: 1; margin-bottom: 48px;}
.dance{ padding: 50px 0px;}
.index_bt span{width: 17px; height: 20px; display: inline-block;background-repeat: no-repeat;background-size: cover;}
.index_bt .icon1{background-image: url(../images/icon_37.png);}
.index_bt .icon2{background-image: url(../images/icon_39.png);}
.index_bt .txt{white-space:nowrap; letter-spacing: 3px;font-size: 40px;}

.index_product ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px 20px;
align-items: stretch;}
.index_product ul li{ overflow: hidden;}
.index_product ul li img{transition:all .5s;-webkit-transition:all .5s;}
.index_product ul li:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.part_2{background-color: #f6f6f6;}
.index_brand ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px;
align-items: stretch;}
.index_brand ul li a{display: block; height: 100%;display: flex; flex-direction: column;}
.index_brand ul li a .content{background-color: #fff;border: 1px #eeeeee solid; flex:1; padding: 14px 18px 18px; font-size: 20px;}
.index_brand ul li a .photo{position:relative; display:block; padding-top:73.7%; width:100%; overflow:hidden;}
.index_brand ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_brand ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_brand ul li a .content .title{display:-webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;text-overflow:ellipsis;-webkit-text-overflow:ellipsis; line-height: 1.7;}
.index_brand ul li a .content .infor{ color: #ccc; margin-top: 3px;}
.index_brand ul li a .content .infor .more{width: 20px; height: 20px;background-repeat: no-repeat;background-size: cover;background-image: url(../images/icon_07.png);}
.index_brand ul li a:hover .content .title{ color: var(--linkColor);}
.index_more{text-align: center; padding-top: 50px;}
.index_more a{width: 140px; height: 40px;border-radius: 10px; background-color: var(--linkColor);color: #fff;font-size: 20px;gap: 5px;transition: all .3s ease;-webkit-transition: all .3s ease;letter-spacing: 2px;}
.index_more a img{ width: 16px; height: auto;}
.index_more a:hover{background-color: #2c7dbb;}

.index_video ul{display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px;
align-items: stretch;}
.index_video ul li{ overflow: hidden;}
.index_video ul li a{display: block; height: 100%; position: relative;}
.index_video ul li a .photo{position:relative; display:block; padding-top:73.7%; width:100%; overflow:hidden;}
.index_video ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.index_video ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.index_video ul li a .txt{ position: absolute; width: 100%;text-align: center;left: 0px; bottom: 0px; padding: 10px 10px; background-color:rgba(0,0,0,0.5); color: #fff;font-size: 20px; z-index: 10; line-height: 1; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.index_video ul li a .photo:before{content: "";background-color:rgba(0,0,0,0.5);background-image: url(../images/video.png);background-repeat: no-repeat;background-position: center;background-size: 60px 60px; position: absolute; left: 0px; top: 0px;width: 100%; height: 100%;z-index: 2;transition:all .5s;-webkit-transition:all .5s;opacity: 0; }
.index_video ul li a:hover .photo:before{ opacity: 1;}
.part_4{ padding-bottom: 50px;}
.part_4 .photo{text-align: center; margin-bottom: 45px;}
.part_4 .photo img{ min-height: 150px;object-fit: cover;
 object-position: center center;width: 100%;}
.part_4 .content{ font-size: 20px; line-height: 1.7;}
.part_4 .index_more{ justify-content: flex-end;}
.part_5{ background-color: #f6f6f6;}
.follow ul{display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px 0px;
align-items: stretch;}
.follow ul li{text-align: center;font-size: 20px;}
.follow ul li .txt{ margin-top: 15px;}
.follow ul li img{ height: 199px; width: auto;}
.follow.no1{ padding-bottom: 48px; margin-bottom: 50px;border-bottom: 1px #cccccc dashed;}

footer{color: #999999;background-color: #333333;text-align: center; padding: 33px 0px; line-height: 2;}
footer a{color: #999999;}
.gotop{ width: 50px;  height:50px; border-radius: 5px; background-color: var(--linkColor); text-align: center; cursor: pointer; position: relative; position: fixed;bottom: 10%;right: 1%; z-index: 20;}



/*移动菜单*/
.menubtn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 40px;
	right: 0px;
	z-index: 100;
	display: none;
	position: relative;
}

.menubtn .name {
	font-size: 16px;
	left: -60px;
	font-weight: 500;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	position: absolute;
	font-weight: 600;
}

.menubtn .navbar-icons {
	height: 20px;
	width: 100%;
	position: relative;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	cursor: pointer;
}

.menubtn .navbar-icons span {
	display: block;
	height: 2px;
	width: 100%;
	opacity: 1;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: .25s ease-in-out;
	top: 0;
	-webkit-transform-origin: left center;
	transform-origin: left center;
	background-color: #333;
	position: relative;
	border-radius: 5px;
}

.menubtn .navbar-icons span:first-child {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn .navbar-icons span:nth-child(2) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
	width: 70%;
}

.menubtn .navbar-icons span:nth-child(3) {
	-webkit-transform-origin: left center;
	transform-origin: left center;
}

.menubtn.open .navbar-icons span:first-child {
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 1px;
}

.menubtn.open .navbar-icons span:nth-child(2) {
	opacity: 0;
}

.menubtn.open .navbar-icons span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 1px;
}

.menu-mc {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--linkColor);
	z-index: 500;
	transition: all .5s;
	-webkit-transition: all .5s;
	transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	padding-top: 75px;
	display: flex;
	flex-direction: column;
	display: none;

}

.menu-mc.active {
	transform: translateY(0);
	-webkit-transform: translateY(0);
}

.menu-mc .list {
	flex: 1;
	overflow: auto;
}

.menu-mc .list ul {
	padding: 0 24px;
}

.menu-mc .list ul li {
	line-height: 60px;
}

.menu-mc .list ul li .submenu {
	display: none;
}

.menu-mc .list ul li .title {
	border-bottom: 1px solid rgba(255, 255, 255, .19);
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 600;
	color: #fff;
}

.menu-mc .list ul li .title .icon {
	width: 18px; height: 18px;
	background-image: url(../images/arrow1.png);
	background-repeat: no-repeat;
	background-size: cover;transition: all .3s ease;-webkit-transition: all .3s ease;
}
.menu-mc .list ul li .title.active .icon {transform: rotate(180deg);}
.menu-mc .list ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
}

.menu-mc .list ul li .submenu a {
	padding-left: 20px;
	line-height: 45px;
}

.menu-mc .list ul li .submenu a:hover {

	font-weight: 600;
}

/*品牌介绍*/
.about_js{ font-size: 20px; line-height: 1.7;}
.index_bt .line{ font-size: 40px;color: var(--linkColor);}

.mem_list ul li{ background-color: #eeeeee; padding: 50px 50px 0px;position: relative; padding-right: 290px; min-height: 425px; margin-bottom: 50px;}
.mem_list ul li .photo{width: 337px; right: -45px;bottom: -14px; position: absolute;}
.mem_list ul li:nth-child(2n){ padding-right: 50px; padding-left: 290px;}
.mem_list ul li .content { padding-bottom: 50px;}
.mem_list ul li .content .title{font-size: 30px; font-weight: bold; margin-bottom: 12px;display: block;}
.mem_list ul li .content .desc{font-size: 18px; line-height: 1.7; }
.mem_list ul li .content .index_more{ padding-top: 40px;}
.mem_list ul li:nth-child(2n) .photo{ left: -74px;right: auto;}
.mem_list ul li:nth-child(2n) .content .index_more{ justify-content: flex-end;}
.mem_list ul li:last-child{ margin-bottom: 0px;}

.pro_box{align-items: flex-start;gap: 40px;}
.pro_box .pro_left{width: 360px; padding-right: 40px;background-image: url(../images/product_03.jpg);background-repeat: no-repeat;background-position: top right; min-height: 883px;}
.pro_box .pro_left .title{ height: 50px;color: #fff; background-color: var(--linkColor); padding: 0px 20px;gap: 8px; font-size: 30px;}
.pro_box .pro_left .title img{ width: 17px; height: auto;}
.pro_box .pro_left ul li{border-bottom:1px #cccccc dashed;}
.pro_box .pro_left ul li a{ height: 50px;  padding: 0px 18px; font-size: 18px;display: flex;align-items: center; flex-wrap: wrap;gap: 5px;}
.pro_box .pro_left ul li a:before{content: "·";}
.pro_box .pro_left ul li a:hover,.pro_box .pro_left ul li.active a{ color: var(--linkColor);}
.pro_box .pro_right{flex:1; overflow: hidden;}

.pro_list ul{display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
align-items: stretch;}
.pro_list ul li{ overflow: hidden;}
.pro_list ul li a{display: block; height: 100%; position: relative;}
.pro_list ul li a .photo{position:relative; display:block; padding-top:73.7%; width:100%; overflow:hidden;}
.pro_list ul li a .photo img{ width:100%; height:100%; position:absolute; top:0px; left:0px;object-fit: cover;
 object-position: center center;transition:all .5s;-webkit-transition:all .5s;}
.pro_list ul li a:hover .photo img{transform:scale(1.05);-webkit-transform:scale(1.05);}
.pro_list ul li a .txt{ position: absolute; width: 100%;text-align: center;left: 0px; bottom: 0px; padding: 10px 10px; background-color:rgba(0,0,0,0.5); color: #fff;font-size: 20px; z-index: 10; line-height: 1; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;transition:all .5s;-webkit-transition:all .5s;opacity: 0;}
.pro_list ul li a .photo:before{content: "";background-color:rgba(0,0,0,0.5);position: absolute; left: 0px; top: 0px;width: 100%; height: 100%;z-index: 2;transition:all .5s;-webkit-transition:all .5s;opacity: 1; }
.pro_list ul li a:hover .photo:before{ opacity: 0;}
.pro_list ul li a:hover .txt{ opacity: 1;}

/*翻页*/
.fany{display:flex;align-items: center; justify-content: center; margin-top:50px;text-transform: uppercase;
 }
/*分页*/
.divid-a {
    display: flex;
    align-items: center;
    justify-content: center;
flex-wrap: wrap; font-size:20px;
gap: 20px;
}
.divid-a a {
    background: #cccccc;
    color: #333; font-size:20px;
   min-width:30px;
    padding:0px 5px; height:30px;
    cursor:pointer; 
	display: flex;
    align-items: center;
    justify-content: center;
	border:0px #eaeaea solid; border-radius:5px;
	
}
.divid-a .active ,.divid-a a:hover{
   color: #fff;
    background:var(--linkColor);
}
.divid-a .page-num-current{
   color: #fff;
    background:var(--linkColor);
}
.divid-a .up{border: 0px;background: none; padding: 0px;}
.divid-a .up:hover{background: none; color: var(--linkColor);}

.p_box{ padding-top: 50px;}
.show_1{text-align: center; margin-bottom: 50px;}
.show_2{background-color: #eeeeee;align-items: stretch;display: flex; margin-bottom: 50px;}
.show_2 .photo{width: 50%;}
.show_2 .photo img{ width: 100%; height: 100%;object-fit: cover;
 object-position: center center;}
 .show_2 .box{width: 50%; padding: 40px 50px 50px;}
 .show_2 .box .content{font-size: 20px; line-height: 1.8;}
.show_2 .box .index_more{ justify-content: flex-end;gap: 10px;}
.show_2 .box .index_more a{width: 200px;}
.mem_list.no1{ margin-bottom: 50px;}
.mem_list.no1 ul li .photo{bottom: -36px;}
.pro_show{max-width: 2400px; margin: auto; overflow: hidden;}
.pro_show .swiper-slide img{width: 100%;}
.pro_show .box{ padding: 44px 0px;}
.pro_show .box .btn{width: 24px; height: 26px;background-image: url(../images/arrow_03.png);background-position: center;background-repeat: no-repeat;background-size: cover;cursor: pointer;}
.pro_show .box .btn:hover,.pro_show .box .btn.active{background-image: url(../images/arrow_06.png);}
.pro_show .box .next{transform: rotate(180deg);}
.pro_show .sbtn{gap: 10px;}
.pro_show .sbtn span{width: 15px; height: 15px; border-radius: 50%;background-color: #999999;cursor: pointer; opacity: 1;}
.pro_show .sbtn span.active{background-color: var(--linkColor) !important;}
.turn_page{background-color: #eeeeee; padding: 45px 0px; font-size: 20px;}
.turn_page .container{gap: 5px;flex-wrap: wrap;}
.turn_page a:hover{ color: var(--linkColor);}
.index_video.no2 ul{grid-template-columns: repeat(2, 1fr);}

/*新闻详情*/
.new_box{ padding-top: 85px; padding-bottom: 90px;}
.new_m{ display: flex;align-items: flex-start;justify-content: space-between;gap: 29px;}
.new_m .new_left{ flex:1;overflow: hidden;}
.new_m .new_right{background-color: #fff;width: 388px; padding: 52px 45px 40px;box-shadow: 0px 0px 18px rgb(0 0 0 / 20%);}
.new_m .new_right .title{ color: var(--linkColor); line-height: 1;font-size: 23px; padding-bottom: 22px;border-bottom: 1px #f0f0f0 solid;}
.new_m .new_right ul li a{color: #000;font-size: 20px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;-webkit-text-overflow:ellipsis;}
.new_m .new_right ul li{ padding: 32px 0px;border-bottom: 1px #f0f0f0 solid;}
.new_m .new_right ul li .date{color: #999; margin-top: 8px;font-size: 16px;}
.new_m .new_right ul li a:hover{ color: var(--linkColor);}

.new_m .new_left .s_title{  font-size: 24px; line-height: 1.2; font-weight: normal;}
.new_m .new_left .sourse{ color: #999; font-size: 18px; flex-wrap: wrap; gap: 23px;  padding-bottom: 13px; margin-top: 16px; border-bottom:1px var(--linkColor) solid; }
.new_m .new_left .sourse .tpleft{ gap: 20px;}
.new_m .new_left .s_content{ line-height: 1.5; margin-top: 20px; font-size: 18px; margin-bottom: 80px;}
.new_m .new_left .s_content p{ margin-bottom: 25px;}

.newfy{ padding: 30px 0px 0px; border-top: 1px solid rgba(0, 0, 0, 0.08); font-size: 20px;}
.newfy ul li{gap: 10px;display: flex;align-items:flex-start; margin-top: 10px;}
.newfy a:hover{ color: var(--linkColor);}
.newfy ul li a{ flex:1;}

/*联系我们*/
.contact_box{background-color: #f6f6f6; padding: 0px 48px;}
.contact_box .item{border-bottom:1px #ccc dashed; padding: 50px 0px 40px;}
.contact_box .list ul{  display: flex; justify-content: space-between;align-items: stretch;}
.contact_box .list ul li{flex:1;text-align: center;}
.contact_box .list ul li.no2{ display: flex; align-items: center; justify-content: center;width: 26px;flex:none;}
.contact_box .list ul li .num{width: 50px; height: 50px; border-radius: 50%;display: flex; align-items: center; justify-content: center; font-size: 15px; margin: 0px auto; margin-bottom: 20px; background-color: var(--linkColor);color: #fff;}
.contact_box .list ul li .txt{ font-size: 16px;  margin-top: 16px;}
.contact_box .item h2{letter-spacing: 2px;line-height: 1;font-size: 30px;}
.contact_box .item .desc{ font-size: 18px;  line-height: 1.8; margin-top: 18px;}
.contact_box .item .list{ margin-top: 40px;}
.contact_box .item:last-child{ border-bottom: 0px;}
.contact_box .list ul li .txt .blue{ color: var(--linkColor);}
.contact_box .list ul li.no2 img{ margin-top: 20px;}

.bannerSwiper .swiper-slide{position: relative;}
.bannerSwiper .swiper-slide::after{content:"";position: absolute;width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; background-color: rgba(0, 0, 0, .5); transition: all .3s;-webkit-transition: all .3s;}
.bannerSwiper .swiper-slide:hover::after,
.bannerSwiper .swiper-slide-active::after{background-color: rgba(0, 0, 0, 0);}

.pro_show .box{
	display: flex;
	justify-content: center;
}
@media (max-width:1300px){
	.banner .swiper-nav{width:100%;}
	.pro_show .swiper,
	.banner .swiper{width: 100%;min-width: 100%;}
}

@media (max-width:1200px){
.menu ul{ gap: 10px;}
.menu ul li a{ font-size: 16px; min-width: 100px;}
.mem_list ul li .content .desc{ font-size: 16px;}
.mem_list ul li .content .title{ font-size: 23px;}
.pro_box .pro_left{ width: 300px;}
.new_m .new_right{  width: 300px;  padding: 35px 25px 30px;}
.newfy{ font-size: 16px;}
.new_m .new_left .s_content{ font-size: 16px;}
.contact_box .list ul {flex-wrap: wrap;gap: 20px 0px;justify-content: flex-start;}
.contact_box .list ul li{flex:none;width: 126px;}
}
@media (max-width:1000px){
.menu ul{ gap: 0px;}
.follow ul li img{ height: 150px;}

}
@media (max-width:767px){
.menu{display: none;}
.menubtn,.menu-mc {
		display: flex;
	}
header{ position: sticky;width: 100%;  top: 0px;left: 0px;z-index: 999999;}
header .tpright .search_1{ display: none;}
header .container{ height: 70px;}
header .logo img{ height: 28px;}
header .langer{ font-size: 14px;}
header .langer .icon1 img{ width: 18px; height: auto;}
header .langer .down img{ width: 7px; height: auto;}
header .tpright{ gap: 15px;}
.banner .botoom_btn span{ width: 10px; height: 10px;}
.banner .btn img{width: 20px;}
.index_bt .txt{ font-size: 25px; letter-spacing: 2px;}
.index_bt span{width: 12px; height: 14px;}
.dance{ padding: 40px 0px;}
.index_bt{ margin-bottom: 30px;}
.index_product ul{grid-template-columns: repeat(1, 1fr);}
.index_brand ul{grid-template-columns: repeat(1, 1fr);gap: 22px;}
.index_brand ul li a .content{ font-size: 16px;}
.index_brand ul li a .content .infor .more{ width: 15px; height: 15px;}
.index_more a{ font-size: 16px;width: 120px; height: 35px;}
.index_more a img{ width: 10px;height: auto;}
.index_more{ padding-top: 30px;}
.index_video ul{grid-template-columns: repeat(1, 1fr);gap: 22px;}
.index_video ul li a .txt{ font-size: 16px;}
.part_4 .photo{ margin-bottom: 25px;}
.part_4 .content{ font-size: 16px;}
.part_4{ padding-bottom: 40px;}
.gotop{ width: 40px; height: 40px;}
.gotop img{width: 22px; height: auto;}
.follow ul{    grid-template-columns: repeat(2, 1fr);}
.follow ul li{ font-size: 16px;}
.follow ul li .txt{ margin-top: 7px;}
.about_js{ font-size: 16px;}
.mem_list ul li{display: flex; flex-direction: column; padding: 30px 20px;}
.mem_list ul li .photo{ position: static;width: 100%;text-align: center;}
.mem_list ul li .content{ padding-bottom: 30px;}
.mem_list ul li:nth-child(2n){padding: 30px 20px;}
.mem_list ul li:nth-child(2n) .content .index_more{justify-content: flex-start;}
.mem_list ul li .content .desc{ font-size: 14px;}
.mem_list ul li .content .title{ font-size: 20px;}
.index_bt .line{ font-size: 25px;}
.mem_list ul li{ margin-bottom: 30px;}
.pro_box .pro_left{ display: none;}
.pro_list ul{gap: 20px;}
.divid-a a{ font-size: 16px;}
.divid-a {gap: 10px;}
.fany{ margin-top: 30px;}
.pro_list ul li a .txt{ font-size: 16px;}
.show_2{ flex-direction: column;}
.show_2 .photo{width: 100%;}
.show_2 .box{ width: 100%;}
.show_2 .box{padding: 30px 20px ;}
.show_2 .box .content{ font-size: 16px;}
.show_2 .box .index_more a{width: 180px;}
.show_1{ margin-bottom: 40px;}
.show_2{ margin-bottom: 40px;}
.mem_list.no1{ margin-bottom: 40px;}
.turn_page{gap: 10px;}
.turn_page .line{ display: none;}
.turn_page a{ display: block;width: 100%;}
.pro_show .sbtn span{ width: 10px; height: 10px;}
.pro_show .box .btn{width: 18px; height: 20px;}
.turn_page{ padding: 25px 0px;}
.p_box{ padding-top: 40px;}
.new_m{flex-direction: column;gap: 35px;}
.new_box{ padding: 50px 0px;}
.new_m .new_left .sourse{ font-size: 14px;}
.new_m .new_left .s_title{ font-size: 22px;}
.new_m .new_left .s_content{ margin-bottom: 50px;}
.new_m .new_right{ width: 100%;}
.new_m .new_right ul li{ padding: 20px 0px;}
.new_m .new_right ul li a{ font-size: 18px;}
.new_m .new_right ul li .date{ margin-top: 6px;font-size: 14px;}
.contact_box{ padding: 0px 25px;}
.contact_box .item h2{ font-size: 20px;}
.contact_box .item .desc{ font-size: 14px; margin-top: 10px;}
.contact_box .item{ padding: 40px 0px 30px;}
.contact_box .list ul li .num{ font-size: 13px; width: 40px; height: 40px; margin-bottom: 10px;}
.contact_box .list ul li .txt{ font-size: 14px; margin-top: 8px;}
.contact_box .list ul li.no2 img{ margin-top: 16px;}
.contact_box .item .list{ margin-top: 30px;}

}
@media (max-width:450px){
header .container{ height: 50px;}
.follow ul li img{ height: 120px;}
.follow.no1{ padding-bottom: 30px; margin-bottom: 30px;}
.pro_list ul{ grid-template-columns: repeat(1, 1fr);}
}