body{margin:0;padding:0;}
a,li{list-style:none;text-transform:none;}
.top_menu {
	padding-top: 0rem;
	/*overflow: hidden;*/
	zoom: 1;
}
.nav_mc {
	/*position: relative;*/
	/*width: 99%;*/
	width: 1235px;
	margin: 0 auto;
	display: flex;
	justify-content:space-between;
}
.nav_mc h1.logo {
	z-index: 10;
	margin: 0 !important;
	padding: 0 !important;
}
.nav_mc h1.logo a {
	display: block;
}
img {
	max-width: 100% !important;
	
}
/*导航*/
.top_menu .nav_mc ul.nav {
	width: 100%; 
	z-index: 20;
	right: 0px;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	justify-content: flex-end;
} /* right:210px; modify time 10:28*/
.top_menu .nav_mc ul.nav>li {
	padding-top: 0.4rem;
	width: 150px;
	position:relative;
}
.top_menu .nav_mc ul.nav  ul li a{text-align:left!important;}
.top_menu .nav_mc ul.nav li ul{display:none;position:absolute;z-index:100;left:0;}
.top_menu .nav_mc ul.nav li ul a{line-height:30px;}
.top_menu .nav_mc ul.nav li:hover ul{display:block}

.zuyon_left{max-width: 40%;}
.zuyon_right{    text-align: left;margin-left: 20px;}
.zuyon_right p:nth-child(1){font-family: Avenir Medium;font-size: 18px;}
.zuyon_right span{font-family: "Avenir Light";font-size: 14px;}
.zuyon_rightp2 {font-family: "Avenir Light";font-size: 14px;margin-top: 10px;}


.top_menu .nav_mc ul.nav>li a {
	color: #222;
	text-transform: uppercase;
	font-size: 1.4rem;
	display: block;
	/*height: 50px;*/
	font-family: 'Pontano Sans', sans-serif;
	text-align:center;
}
.top_menu .nav_mc ul.nav li a:hover {
	color: #00A1E9;
	background: none;
}/*color:#e75252 !important;*/
/*搜索*/

.index-video{width: 1234px;margin: 0 auto;padding: 80px 0;}
.event-item {
	margin: 0 .14rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: space-between;
}
.event-content {
	 width: 45%;
	 margin: 40px 0;
 }
.event-content p{    font-size: 22px;
	line-height: 32px;    font-family: Avenir Medium;}
.event-content h3{    font-size: 30px;
	font-family: Avenir Black;
	margin-bottom: 40px;text-align: center;}






/*banner开始*/
.bann .swiper-button-next,.bann .swiper-button-prev{/*display:none;*/}
.bann:hover .bann .swiper-button-next,.bann .swiper-button-prev{display:block;}
.banner_heigh{height: 28px;background: #bababa;color: #fff;}
.banner_mider{width: 1000px;height: 28px;margin: 0 auto;}
.banner_mider div:nth-child(1){float: left;line-height: 28px;}
.banner_mider div:nth-child(2){float: right;line-height: 28px;}
.banner_mider span{padding: 0 20px;}
.index_ttext{width: 1500px;margin: 40px auto;text-align: center;}
.index_ttext h4{font-size: 48px;padding: 30px 0;font-family: Avenir Black!important;}
.index_ttext span{font-size: 20px;color: #969696;font-family: Avenir Medium}
.layui-tab-title {text-align: center;margin: 40px 0;}
.layui-tab-title .layui-this{color: #fff!important;background: #9e9e9e;border-radius: 10px;}
.layui-tab-brief > .layui-tab-title .layui-this:after, .layui-tab-brief > .layui-tab-more li.layui-this:after{border-bottom: none!important;}
.layui-tab-title li{margin: 0 20px;font-weight: bold;}
.layui-tab-title{border-bottom-style: none!important;}
.layui-show li{width: 33%;overflow: hidden;float: left;margin: 20px 0;text-align: center;}
.layui-show{display:flex;justify-content: space-between;flex-wrap: wrap;flex-direction: row;}
.index_xxk{width: 1500px;margin: 0 auto;display: flex;justify-content: space-evenly;align-items: center;margin-top: 4%;}
.index_xxk h4{font-size: 45px;font-family: Avenir Black!important;font-weight: bold;}
.index_xxk p{font-size: 22px;font-family: Avenir Light;margin-top: 20px;}
.index_xxk a{background: #353b44;border-radius: 15px;padding: 10px 15px;color: #fff;font-weight: bold;font-family: Avenir Medium;font-size: 15px;margin-top: 20%;display: block;width: 40%;cursor: pointer;text-align: center;}
.phone-category {display: inline-block!important;margin: 0 50px;color: #888888!important;font-size: 18px;cursor: pointer;float: none!important;background: none!important;}
.category-name .layui-this{color: #111111!important;}
.goods_tj_txt{width: 28%;}
.goods_tj{width: 50%;}
.discover_box{display: flex;flex-wrap: wrap;overflow: hidden;justify-content: center;}
.discover_box_sun{width: 48%;margin: 10px;background: #eaeaea;border-radius: 15px;position: relative;}
.discover_box_sun div{text-align: left;}
.discover_box_sun h4{font-size: 35px;color: #fff;padding: 30px 0 0 0;}
.discover_box_sun p{font-size: 24px;font-family: Avenir Light;color: #fff;}
/*.discover_box_sun a{border-radius: 15px;padding: 8px 10px;color: #fff;font-weight: bold;font-family: Avenir Medium;font-size: 15px;display: block;width: 20%;background: #353b44;cursor: pointer;text-align: center;margin: 4% auto}*/
.discover_box_sun div:nth-child(2){}
.discover_box_sun div:nth-child(1){width: 100%;position: absolute;top: 34%;text-align: center;}
.clients{width: 29.5%;margin: 5px 20px 30px 0;}
/*.goods_tj_txt p:nth-child(3){margin-top: 0;}*/
.meiti{width: 1200px;}
/*banner结束*/




/*弹出菜单*/

.opp_menu {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9999;
	display: none;
}
.opp_menu i {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0.6;
	background: #000;
}
.opp_menu ul {
	position: absolute;
	left: 0;
	top: 45px;
	width: 100%;
	opacity: 1.0
}
.opp_menu ul li {
	text-align: center;
}
.opp_menu ul li a {
	display: block;
	padding: 2rem 3px;
	font-size: 20px;
	color: #fff; /*transition:all linear 0.5s; -webkit-transition:all linear 0.5s; -moz-transition:all linear 0.5s;*/
	text-transform: uppercase;
}
.opp_menu ul li a:hover {
	background: #ccc;
	color: #ff452c;
}
.opp_menu span#close_win {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
}
.nav_mc .menu_ico {
	cursor: pointer;
	display: none;
	float: right;
}
a, .icon {
	text-shadow: none !important;
}


ul.index_active {
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	flex-direction: row;
	flex-wrap: no-wrap;
	margin: 0 auto;
	justify-content: space-around;
	overflow: hidden;
}
ul.index_active li {
	width: 33%;
	padding-top: 10px;
	float: left;
	list-style-type: none;
}
.email_sub{position:relative;}
.marn_2 {
	width: 100%;
	height: auto;
}
.marn_2 ul {
	/*width: calc(100% - 200px);*/

	margin: 0 1px 0 1px;
	overflow: hidden;
}
.marn_2 ul li {
	position: relative;
	padding-bottom: 0px;
}
.tp1 img {
	width: 100%;
	transition: all 0.5s;
	transform: scale(1.1);
}
.marn_2 ul li h3 {
	width: 100%;
	height: 105%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	transition: all 0.3s;
	margin-top: 0px;
	margin-bottom: 0px;
}
.marn_2 ul .tp1 h3 p {
	margin-top: 50%;
	font-weight: 100;
	line-height: 30px;
	font-size: 20px;
	opacity: 0;
	text-align: center;
}
.tp2 {
	float: right;
	width: 50.04%;
	overflow: hidden;
	margin-left: 1.8%;
}
.tp2 img {
	width: 100%;
	transition: all 0.5s;
	transform: scale(1.1);
}
.marn_2 ul li h3 {
	width: 100%;
	height: 105%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	transition: all 0.3s;
	margin-top: 0px;
	margin-bottom: 0px;
}
.marn_2 ul .tp2 h3 P {
	margin-top: 18%;
	overflow: hidden;
	font-weight: 100;
	font-size: 20px;
	opacity: 0;
	text-align: center;
}
.tp2 h3 ol {
	width: 15%;
	top: 25px;
	left: 25px;
	position: absolute;
}
.tp2 img {
	width: 100%;
	transition: all 0.5s;
	transform: scale(1.1);
}
.tp3 {
	width: 50.04%;
	float: right;
	overflow: hidden;
	margin-top: 2%;
	margin-left: 1.8%;
}
.tp3 img {
	width: 100%;
	transition: all 0.5s;
	transform: scale(1.1);}
.marn_2 ul li h3 {
	width: 100%;
	height: 105%;
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0px;
	transition: all 0.3s;
	margin-top: 0px;
	margin-bottom: 0px;
}
.marn_2 ul .tp3 h3 P {
	margin-top: 18%;
	font-weight: 100;
	font-size: 20px;
	opacity: 0;
	text-align: center;
}
.tp3 h3 ol {
	width: 15%;
	top: 25px;
	left: 25px;
	position: absolute;
}
.tp3 img {
	width: 100%;
	transition: all 0.5s;
	transform: scale(1.1);
}
.tp1 {
	float: left;
	width: 48.08%;
	overflow: hidden;
}
.section{margin-top: 30px;}
.tp1 img:hover{cursor: pointer;}
.tp2 img:hover{cursor: pointer;}
.tp3 img:hover{cursor: pointer;}
.heise {
	background: rgba(51, 51, 51, 0.22);
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
}
.tp1:hover .heise{opacity: 1;z-index: 50; transition: all 0.6s;-moz-transition: all 0.6s;	/* Firefox 4 */-webkit-transition: all 0.6s;	/* Safari 和 Chrome */-o-transition: all 0.6s;}
.heise img {
	width: 40px;
	display: block;
	margin: 300px auto 0 auto;
}
.tp2:hover .heise{opacity: 1;z-index: 50; transition: all 0.6s;-moz-transition: all 0.6s;	/* Firefox 4 */-webkit-transition: all 0.6s;	/* Safari 和 Chrome */-o-transition: all 0.6s;}
.tp3:hover .heise{opacity: 1;z-index: 50; transition: all 0.6s;-moz-transition: all 0.6s;	/* Firefox 4 */-webkit-transition: all 0.6s;	/* Safari 和 Chrome */-o-transition: all 0.6s;}
.YEqpdVMc.hasText {
	margin-top: 24px;
	margin-bottom: 20px;
	position:absolute;
	bottom:50px;
	text-align:center;width:100%;
}
._2minRfAM {
	padding: 8px 28px;
}
.dz_xjzja {
	position: relative;
	z-index: 1;
	font-size: 14px;
	margin-right: 6px;
	margin-bottom: 6px;
	background: #333;color: #fff;
	border-radius: 15px;
	outline: none;
	cursor: pointer;font-weight: bold;
}
.xw_line{width: 100%;height: 1px;background: #333;margin-bottom: 20px;text-align: center}
.shop{    display: inline-block;
	margin-right: 40px;
	background: #5b5858;
	line-height: 30px;    border-radius: 3px;

	width: 35px;
	text-align: center;}
.shop a{color:#c0c2c3;}	
.shop a:hover {
color: #eee;}
.nav p{line-height: 27px;}
.f1{    position: absolute;
	left: 57%;
	opacity: 0;display: none;
	transition: 0.5s;
}
.te3:hover .f1{
opacity: 1;display: block;z-index: 3;background: #fff;
}
.te4:hover .f2{
	opacity: 1;display: block;
}
.te5:hover .f3{
	opacity: 1;display: block;
}
.te1:hover .te1{
	display: none;
}
.f2{
	position: absolute;
	left: 71%;
	opacity: 0;display: none;
	transition: 0.5s;
}
.f3{
	position: absolute;
	left: 84%;
	opacity: 0;display: none;
	transition: 0.5s;
}
.sbut{
	display: flex;
	align-items: center;
	justify-content: center;
}
.sbut p:nth-child(1){font-size: 16px;
	font-weight: bold;margin-bottom: 15px;
	padding-right: 20px;}
.sbut p:nth-child(2){font-size: 14px;
	padding-bottom: 10px;
	}
.mzt-newsletter{    background: #262626;}
.newsletter-section{padding-top: 60px;}
.cou {
	width: 100%;
	margin-bottom: 20px;
}
.form-wrap {
	position: relative;
	margin: 0;
	width: 385px;
	/*top: 10px;*/
}
.cou input {
	/*padding: 10px 20px;
	box-sizing: border-box;
	background-color:#f7f7f7;
	border-radius: 15px;
	outline: none;
	width: 66%;
	border: none;*/
	border: 1px solid #cccccc;
	padding: 10px 20px;
	border-radius: 8px;
	background: none;
	border-color: #fff;
	color: #fff;
	padding-left: 15px;
	width: 90%;
}
.cou img{
	height: 11%;
	width: 6%;
	right: 120px;
	border-radius: 0 15px 15px 0;
	position: absolute;
}
.swiper-slide{text-align: center!important;}
.form-wrap span{    position: absolute;
	right: 4%;}
#submit{
	/*width: 65%;*/
	background: none;
	border: none;
	color: #fff;
	font-size: 14px;
	border-radius: 0 2px 2px 0;
	font-weight: 400;
	min-height: 37px;
	cursor: pointer;
	/*color: #000;
	background: #67686c;
	cursor: pointer;
	outline: none;
	display: inline-block;
	text-align: center;
	border: none;
	height: 36px;
	line-height: 36px;
	!*border-radius: 18px;*!
	text-decoration: none;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: .2s;
	transition: .2s;
	white-space: nowrap;
	margin-top: 20px;
	padding: 0 20px;*/
}

.cubot_footer_mc-r{float:right;/*margin-top:25px;*/width:auto;padding-top: 60px;}
.cubot_footer_mc-r dt{font-size: 18px;padding-bottom: 12px;font-weight: bold;font-family: Avenir Heavy;color: #fff;}
.cubot_footer_mc-r .tel{height:80px;right;float:right;margin-right:20px;margin-top:20px;overflow:hidden;}
.cubot_footer_mc-r .tel img{float:left;width:60px;margin-right:10px;font-weight:bold;color:#00a1e9;margin-left:10px;}
.cubot_footer_mc-r .tel h4{font-size: 22px;color:#00a1e9;float:left;font-weight:normal;}
.cubot_footer_mc-r .tel h4 p{color:#00a1e9;font-size:16px;font-weight:normal;}
.cubot_footer_mc-r .tel h4 span{font-weight:bold;font-family:"微软雅黑"}
.cubot_footer_mc-r .tel2{float:right;}
.cubot_footer_mc-r .tel2 img{width:100px;}
.cubot_footer_mc-r ul {overflow: hidden;float:left;}
.cubot_footer_mc-r>a{display:block;float:right;padding:0px 10px;line-height:40px;border:2px solid #00a1e9;margin-top:20px;color:#c0bfbf;}
.cubot_footer_mc-r>a:hover{background:#00a1e9;color:#fff;transition:all 0.5s;}
.cubot_footer_mc-r ul li {float: left;margin-right: 10px;}
.cubot_footer_mc-r ul li a {display: block;width: 26px;height: 26px;float: right;/*margin-left: 10px;*/transition: all ease-in 0.2s;-webkit-transition: all ease-in 0.2s;-moz-transition: all ease-in 0.2s;}

.cubot_footer_mc-r ul li .tiktok{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -230px -0px;}
.cubot_footer_mc-r ul li .instagram{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -194px -0px;}
.cubot_footer_mc-r ul li .vk{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -153px -0px;}
.cubot_footer_mc-r ul li .facebook{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -1px -0px;}
.cubot_footer_mc-r ul li .youtube{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -39px -0px;}
.cubot_footer_mc-r ul li .Twitter {background: url(../png/indexshareicon_f1cbe39.png) no-repeat -77px -0px;}
.cubot_footer_mc-r ul li .LinkedIn  {background: url(../png/indexshareicon_f1cbe39.png) no-repeat -115px -0px;}

.cubot_footer_mc-r ul li .tiktok:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -230px -28px;}
.cubot_footer_mc-r ul li .Twitter:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -77px -28px;}
.cubot_footer_mc-r ul li .instagram:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -194px -28px;}
.cubot_footer_mc-r ul li .vk:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -153px -28px;}
.cubot_footer_mc-r ul li .facebook:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -1px -28px;}
.cubot_footer_mc-r ul li .youtube:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -39px -28px;}
.cubot_footer_mc-r ul li .LinkedIn:hover{background: url(../png/indexshareicon_f1cbe39.png) no-repeat -115px -28px;}
.fy{width:100%;padding:10px;float:left;border:1px solid #eee;margin:10px 0;border-left:0;border-right:0;display:none;}
.fy p{line-height:30px;font-size:16px;}
.fy p img{width:30px;margin-right:10px;}
.fy2{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.5);z-index:20003;top:0;left:0;display:none;}
.fy2-s{box-sizing:border-box;width:calc(100% - 40px);margin:20px;background:#fff;box-shadow:4px 4px 10px #555;border-radius:5px;padding:15px;position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%) translateX(0);
    transform: translateY(-50%) translateX(0);}
.fy2-s-t{overflow:hidden;}
.fy2-s-t span{display:block;text-align:right;font-size:25px;font-weight:bold;color:#666;}
/*.fy2-s-t span:before{}*/
.fy2-s-t h2{font-size:20px;font-weight:bold;margin-bottom:5px;}
.fy2-s-t p{color:#666;font-size:16px;margin-bottom:10px;}
.fy2-s-b{overflow:hidden;}
.fy2-s-b a{line-height:30px;display:block;float:left;width:50%;margin-bottom:10px;font-size:16px;}
.fy2-s-b a img{width:30px;margin-right:5px;}

.pcq{background: url(../jpg/info_img.jpg) no-repeat;height: 220px;margin-left: 45px;color: #fff;text-align: left;margin-bottom: 40px;}
.pcqp{font-size: 22px;font-weight: bold;}
.pcqd{padding-left: 100px;padding-top: 25px;}
.pcqd span{display: inline-block;border-top: 1px solid #fff;width: 50px;margin-bottom: 10px;}

.textt{margin-left: 45px;text-align: center;margin-bottom: 20px;}
.textt h5{font-size: 21px;margin: 20px auto;font-weight: bold;}
.tess{text-align: left;font-size: 14px;font-weight: bold;}
.test2 li{list-style-type: unset;line-height: 25px;}
.test2 li a{color: #01a4e9;}
.layui-collapse{width: 1080px;margin: 0 auto;border-color: #fff!important;}
.layui-collapse_left{width: 46%;display: inline-block;}
.layui-collapse_right{width: 50%;float: right;}
.Clients{display: flex;flex-flow: nowrap;justify-content: space-between;align-items: center;width: 660px;margin: 0 auto;}
.product-more a{background: #F4F5F8;border-radius: 20px;padding: 10px 20px;color: #111111;font-size: 18px;cursor: pointer;}
@media screen and (max-width:1440px){
	.index_xxk{width: 1080px;}
	.index_ttext{width: 1080px;}
	.goods_tj_txt{width: 33%;}
	.index_xxk h4{font-size: 38px;}
	.index_xxk p{font-size: 19px;}
	.index_xxk a{margin-top: 15%;}
	.discover_box_sun div:nth-child(1){top: 26%;}
	.discover_box_sun h4{font-size: 30px;}
	.discover_box_sun p{font-size: 20px;}
	/*.discover_box_sun a{width: 22%;font-size: 13px;}*/
	.product_index{width: 1235px}
}
@media screen and (max-width:1000px){
	.tp1,.tp3,.tp2,.cubot_footer_link ul.footer_ul{width:100%!important;}
	.tp1{margin-bottom:10px;}
	.sbut{width: auto;display: block;}
	.cou img{height: 6%;width: 25%;right: 5px;}
	.fy{display:block;}
	.YEqpdVMc.hasText{bottom: 10px;}
	.dz_xjzja{font-size: 10px;}
	/*.cou input{width: 80%;}*/
	#submit{width: 98%;}
	._1W1axmTmU_{width: auto!important;}
	.rasterForm>div, .rasterForm>li{width: 100%!important;}
	._2oAfqhiLIZ ._1R_7WDHZKf{padding: 50px 12px 0!important;}
	._2oAfqhiLIZ ._2OF6DI2iBo ._1SrxIzcphL{display: block!important;}
	._2oAfqhiLIZ ._2OF6DI2iBo ._1SrxIzcphL._2NZ7bOYbGp{padding-left: 0!important;}
	.row{margin: auto!important;}
	.textt{margin-left: 0}
	.pcq{margin-left: 0;text-align: center;}
	.pcqd{padding-left: 0px;}
	._2oAfqhiLIZ ._2OF6DI2iBo{padding: 0!important;}
	.table-responsive{padding-left: 0!important;}
	.font-descriptions li{margin-right: 0!important;padding: 0 5px!important;}
	.banner_mider{width: auto;}
	.index_ttext{width: auto;margin: 20px auto;}
	.index_xxk{width: auto;display: block;}
	.layui-tab-title li{margin: 0 10px;}
	.layui-show li{width: 48%;margin: 5px 2px}
	.index_ttext h4{padding:20px 0;font-size: 35px;}
	.layui-tab-title{height: 20px;}
	.index_ttext span{font-size: 14px;}
	.layui-collapse{width: auto;}
	.layui-collapse_left{width: 100%;display: inline-block;}
	.layui-collapse_right{width: 98%;float: none;margin: 0 auto;}
	.Clients{width: auto;}
	.goods_tj_txt{width: 100%;text-align: center;margin: 10% auto;}
	.index_xxk a{margin: 25px auto;width: 30%;}
	.goods_tj{width: 100%;}
	.discover_box_sun{width: 100%;}
	.index_xxk h4{font-size: 35px;}
	.index_ttext h4{font-size: 25px;padding: 10px 0;}
	.discover_box_sun p{font-size: 18px;}
	/*.discover_box_sun a{width: 30%;}*/
	.discover_box_sun div:nth-child(1){top: 10%;}
	.clients{width: 45.5%;margin: 5px;}
	.cubot_footer_mc-r{float: left;}
}