*{margin:0;padding:0;}
li,a,i{text-decoration:none;list-style:none;font-style:normal;}
.body_bj{background:#f7f7f7;}
/*国家*/

@font-face
{
	font-family: Avenir Black;
	src: url('https://cubot.net/public/cubot/font/Avenir95-Black.ttf');
	font-display: swap;
}
@font-face
{
	font-family: Avenir Medium;
	src: url('https://cubot.net/public/cubot/font/AvenirLTStd-Medium.otf');
	font-display: swap;
}
@font-face
{
	font-family: Avenir Roman;
	src: url('https://cubot.net/public/cubot/font/AvenirLTStd-Roman.otf');
}

@font-face
{
	font-family: Avenir Light;
	src: url('https://cubot.net/public/cubot/font/Avenir Light.ttf');
	font-display: swap;
}

@font-face
{
	font-family: Avenir Heavy;
	src: url('https://cubot.net/public/cubot/font/Avenir Heavy.ttf');
	font-display: swap;
}

@font-face
{
	font-family: Aileron BlackItalic;
	src: url('https://cubot.net/public/cubot/font/Aileron-BlackItalic-3.ttf');
}

@font-face
{
	font-family: OPPOSans-B;
	src: url('https://cubot.net/public/cubot/font/OPPOSans-B.ttf');
}

@font-face
{
	font-family: OPPOSans-H;
	src: url('https://cubot.net/public/cubot/font/OPPOSans-H.ttf');
}

@font-face
{
	font-family: OPPOSans-L;
	src: url('https://cubot.net/public/cubot/font/OPPOSans-L.ttf');
}

@font-face
{
	font-family: OPPOSans-M;
	src: url('https://cubot.net/public/cubot/font/OPPOSans-M.ttf');
}

@font-face
{
	font-family: OPPOSans-R;
	src: url('https://cubot.net/public/cubot/font/OPPOSans-R.ttf');
}
@font-face
{
	font-family: bahnschrift;
	src: url('https://cubot.net/public/cubot/font/bahnschrift.ttf');
}

select#mySelect {
	border: 1px solid #ccc;
	vertical-align: middle;
	/*margin-bottom: 13px;*/
	/*padding: 4px 4px;*/
	outline: none;
	border-radius: 15px;
	background: #fff;
	color: #333;
	opacity: 0.8;
	cursor: pointer;
}/* color:#FF543D;*/
select#mySelect option {
	color: #000;
	padding: 0px 10px;
}
select#mySelect:hover {
	opacity: 1.0;
}
.product-icon{width: 100px;height: 139.13px!important;position: relative;}
.product-icon img{position: absolute;bottom: 0;left: 0%;transition: all .3s ease;}
.head-c-r-b a:hover .product-icon img:first-child{left: 50%;opacity: 1!important;}
.head-c-r-b a:hover .product-icon img:nth-child(2){left: 0;opacity: 1!important;}
.head-c-r-b a:hover .product-icon img:nth-child(3){left: -50%;opacity: 1!important;}
.gig{width: 100%;height: 30px;background-color: #333;}
.zj{width: 1235px;margin: 0 auto;/*overflow:hidden;*/}
.left{height: 30px;float: left;color:#fff;}
.left p{line-height: 30px;color:#c0c2c3;}
.reat{height: 30px;display:flex;float:right;justify-content:flex-end;}
.search_box{float:right;margin-top:3.5px}
.reat>p{float:left;margin-right:10px;}
.reat>p button{border:none;background:#514e4e;padding:7.5px;cursor:pointer;color: #fff;font-weight: bold;}
.denlu{   /*width: 30px;*/
	/*height: 30px;*/
	/*line-height: 20px;*/
	margin-right: 10px;cursor: pointer;position:relative;text-align:center;float:left;margin-top:3px;}

.denlu>img{/*height: 20px;*/width:20px;float:left}
.denlu:hover ._16CfnurB7S{display:block;}
._16CfnurB7S{
	position: absolute;width:150px;right:-63px;-webkit-transition: .4s;transition: .4s;overflow: hidden;z-index: 10;background: #f6f6f6;font-size: 14px;text-align: left;display:none;top:27px;z-index:101;}
._16CfnurB7S ul{padding:10px 10px 0px 10px;
	margin: 0;
	list-style: none;}
._16CfnurB7S li{    color: #fff;
	line-height: 2.5rem;
	border-bottom: 1px solid rgba(50,50,50,.2);
	display: table;
	width: 100%;
	right: -60px;
}
._16CfnurB7S li:last-child{border:none;}
._16CfnurB7S img{
	width: 15px;
	margin-right: 10px;
	vertical-align: middle;
}
.lin{background: #00aaff;height: 2px;display: block;width: 0;transition: 0.5s;}
/*.nav li:hover .lin{width: 100%;}*/
#header{/*width: 1080px;margin: 0px auto;*/}
._1Z5Aqu0Zwn{font-weight: bold;color: #34AEE7;}
.false{font-weight: bold;color: #333;}
._1Z5Aqu0Zwn span{vertical-align: middle;}
.false:hover{color:#34AEE7;}
.tag a{display: inline-block!important;padding: 5px 15px!important;background: #212629;margin: 3px!important;font-size: 14px!important;font-family: Avenir Light;color: #908d8e!important;}

.yh{background:#00a1ea;text-align:center;}
.yh-s{width:1250px;margin:0 auto;position:relative;}
.yh-s a{color:#fff;font-size:30px;display:block;padding:10px 0}
.yh-s span{float:right;font-weight:bold;position: absolute;right:-20px;cursor:pointer;color:#fff;font-size:25px;line-height:60px;top:0;z-index:100;}

/*导航开始*/
.head{}
.head-s{width:1238px;margin:0 auto;}
.head-c{padding:5px 0;/*border-bottom:#e4e4e4 1px solid;*/background:#fff;height:80px;}
.head-c-l{float:left;margin-top:10px;width: 20%;}
.head-c-l a{}
.head-c-l a img{}
.head-c-c{float:left;font-size:25px;margin-left:30px;color:#baace4;margin-top:15px;padding-left:30px;border-left:1px solid #baace4;}
.head-c-c span{display:block;/*margin-left:4em;*/}
.head-c-r{float:right;margin-top:33px;width: 75%;}
.head-c-r ul{}
.head-c-r ul li{float:left;/*position:relative;*/margin-left:40px;}
.head-c-r ul li>a{position:relative;display:block;font-size:16px;padding-bottom:30px;font-weight: bold;text-transform: uppercase;font-family:Avenir Medium;}
.head-c-r ul li>a p{position:absolute;height:2px;bottom:20px;background:#00a1ea;width:0;}
.head-c-r ul .active>a p{width:30px;left:50%;margin-left:-15px;transition:all 0.5s;}
.head-c-r ul .active>a{color:#00A1E9;}
/*.head-c-r ul .active>a{color:#00A1E9;font-family:Avenir Black;}*/
.head-c-r ul li:hover >a p{width:30px;left:50%;margin-left:-15px;transition:all 0.5s;}
.head-c-r ul li:hover >a{color:#00A1E9;}
.head-c-r-b{z-index:10000;height: 0;display: block;position: absolute;overflow: hidden;left: 0;top: 85px;width: 100%;background-color: #fff;box-shadow: 0 15px 30px rgba(0,0,0,.1);transition: height .3s ease;text-align:center}
.head-c-r ul li:hover div{display:block;height: auto;z-index: 99;}
.head-c-r-b a{display:inline-block;padding:10px 15px;margin:10px;}
.head-c-r-b a img{width:100px;}
.head-c-r-b a p{font-size:14px;margin-top: 5px;font-family: Avenir Medium;}
.head-c-r-b a:hover img{opacity:0.8;}
.head-c-r-b a:hover p{color: #00A1E9}
.head-c-r-b2{display: none; width:150px;right:-45px;text-align:center;position:absolute;background:#eeeeee;top:35px;height: auto!important;transition: height .3s ease;}
.head-c-r-b2 a{padding-bottom:5px;display:block;padding: 10px;background-color: #fff;text-align: center;font-size: 14px;color: #c1c1c1;margin: 10px;font-family: Avenir Roman;}

.head-c-r-b2 a p{position:absolute;height:1px;bottom:0px;background:#ccc;width:100%;}
.head-c-r-b2 a:hover p{background:#00A1E9;}
.head-c-r-b2 a:hover{background-color: #bababa;color: #fff;}
.category-name {margin: 0 auto;padding-top: 30px;}
.product-list-box{text-align: center;}
.product-list-box li{float: none!important;width: auto;margin: 0 auto;margin-left: 0px!important;display: inline-block;}
.product-list-box a p{font-size: 14px;margin-top: 5px;font-family: Avenir Medium;width: 100% !important;background: none!important;height: auto!important;position: static!important;}
.product-list-box li:hover a p{margin-left:0!important;}

.head-b{background:#00a1e9;}
.head-b ul{text-align:center;display: flex;align-content: stretch;-webkit-align-content: stretch;}
.head-b ul li{float:left;width:20%;text-align:center;position:relative;}
.head-b ul li>a{line-height:60px;color:#fff;transition:all 0.5s;display:block;font-size:18px;}

.head-b ul li>a:hover{background:#c0bfbf;color:#fff;}
.head-b ul li>a.active{background:#c0bfbf;color:#fff;}
.head-b ul li button{background:none;border:none;outline:none;font-size:20px;line-height: 45px;margin:7.5px 0px;padding: 0 40px;border-radius: 4px;background:#c0bfbf;color: #fff;transition: all .36s ease;}
.head-b ul li button:hover{background:#c0bfbf;cursor:pointer;transition: all .36s ease;}
.head-b-b{position:absolute;top: 100%;left: 0;overflow: hidden;
	visibility: hidden;opacity: 0;transition: all .36s ease;width:100%;height: auto;
	z-index: 199;background-color: #FFF;box-shadow: 0 13px 42px 11px rgba(0,0,0,.05);/*border-top: 2px solid #00a1e9;*/}
.head-b ul li:hover .head-b-b{opacity: 1;
	visibility: visible; }
.head-b-b a{display:block;text-align:left;font-weight: 500;
	color: #666;
	padding: 10px 15px;
	line-height: 22px;
	display: block;
	transition: all .2s ease-in-out;
	font-size: 14px;}
.head-b-b a:hover{background-color: #F9F9F9;
	padding-left: 24px;
	color: #00a1e9;}
.head-b-b2{/*position:fixed;*/width:1235px;z-index:100;/*top:182px;*/background:#fff;}
.head-b-b2 ul{width:1350px;margin:0 auto;overflow:hidden;}
.head-b-b2 ul li{text-align:center;float:left;width:auto;margin-right:30px;}
.head-b-b2 ul li a{display:block;}
.head-b-b2 ul li a:hover{background:none;}
.head-b-b2 ul li a img{display:block;margin:0 auto;width:60px;}
.head-b-b2 ul li a p{color:#333;text-align:center;line-height:30px;font-size:10px;}
/*导航结束*/

/*手机导航*/
/*nav_sm*/
.sj_dh{background-color: #fff;height:50px;position:fixed;top:0;width:100%;z-index:10000;display:none;}
#btn {background: none;border: none;outline: none;display: inline-block;z-index: 100;cursor: pointer;width:10%;position:fixed;top:10px;right:15px;}
#btn span{display: block;width: 20px;height: 1px;background: #222;margin: 6px 0px;transition: all 0.5s;}
#btn .one{transform-origin: left center;transform: rotate(45deg);background: #222;}
#btn .two{transform-origin: left bottom;transform: rotate(-45deg);margin-top: 5px;background: #222;}
#btn #c{transition: all 0.5s;}
.sj_logo {text-align:center;height:50px;line-height: 50px; padding: 3px 0;float:left;margin-left:15px;}
.sj_logo a{display:block;width:100%;text-align:center;}
.sj_logo a img{max-width:100%;height:30px;}
.en{text-align: center;}
.en a{padding:0 10% ;}

.navigation{width: 100%;top:50px;height: 100%;background: #fff;position: fixed;left: 0;top: -100%;z-index: 99;transition: all 0.5s;overflow:auto;}
.kj{padding: 0px 10px;overflow: auto;}
.kj>li{width:100%;line-height:50px;border-bottom: 1px solid #cecbcb;}
.kj>li:nth-child(1){margin-top:50px;}
.kj .t{padding-left:10px;}
.kj li .t{line-height:50px;font-size:14px;}
.kj li div.t .arrow.up {
	background-image: url(https://cubot.net/public/cubot/images/xx.png);
	transform: rotate(180deg);}
.kj li div.t .arrow.down {background-image: url(https://cubot.net/public/cubot/images/xx.png);}
.kj li .t .arrow {display:block;width: 31px;height: 32px;background: no-repeat 0 center;float: right;margin-top: 9px;margin-right: 10px;transition: all 0.1s;background-image: url(https://cubot.net/public/cubot/images/logo.png);}
.kj li ul li {color: #727272;line-height: 40px;}
.kj li ul li {color: #727272;line-height: 40px;}
.kj li .menu li a {color: #666;}
.kj li a{font-size:14px;font-weight:bold;color:#222;}
.kj li a:hover{color: #222;}
.menu{display:none;}
.menu li{}
.menu li a{padding-left:20px;}
.kj li ul li a {display: block;border-top: 1px solid #d3d3d3;}
.label{padding: 0;}
.sdfs{width:100%;height:500px;background:#f00;}
.s_search{display: inline-block;z-index: 100;cursor: pointer;width:10%;position:fixed;top:15px;right: 1%;text-align:center;}
.s_search a{color: #222;font-size: 18px;}
.nav_active>a{color: #007f82 !important;}
/*Search*/
/*手机导航结束*/



/*底部信息*/
.cubot_footer_link {
	padding-top:0px;  margin-top:0;
	background: #262626;
	padding-bottom: 60px;
	//position: relative;
}
.cubot_footer_link .cubot_footer_mc {
	overflow: hidden;
	zoom: 1;
}
.cubot_footer_link ul.footer_ul {
	padding-top: 60px;
	width: 80%;
	float: left;
}
.cubot_footer_link ul.footer_ul li {
	width: 20.35%;
	float: left;
	color: #fff;
	padding: 0 20px;
}
.cubot_footer_link ul.footer_ul li a {
	display: block;
	color: #898989;
	padding: 3px 0;
	font-size: 1.3rem;
}
.cubot_footer_link ul.footer_ul li a:hover {
	color: #fff;
}/*color:#ff543d;*/
.new_foot div:nth-child(1){width: 25%;
	display: inline-block;}
.new_foot div:nth-child(2){float: right;
	padding-left: 10px;    width: 175px;}
.new_foot div:nth-child(2) p{margin-top: 10px;font-family: Avenir Roman}
.new_foot div:nth-child(2) span{font-family: 'Avenir Light';    display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.cubot_footer_link ul.footer_ul li dt {
	font-size: 18px;
	padding-bottom: 12px;
	font-weight: bold;
	font-family: Avenir Heavy;
}
.new_foot{height: 60px;}
.cubot_footer_link .soial_media {
	width: 218px;
	float: left;
	margin-top: 60px;
}/*position:absolute; right:0px; width:230px; top:60px; */
.cubot_footer_link .soial_media strong {
	text-align: left;
}
.cubot_footer_link .ico_list {
	height: 26px;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
}
.cubot_footer_link .ico_list 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;
}

.footer_copyright {
	border-top: 1px solid #3c3a3a;
	padding-top: 20px; padding-left: 1rem; padding-right: 1rem;
	font-size: 1.2rem;
}
.cubot_footer_mc {
	position: relative;
	width: 1300px!important;
}
/*底部结束*/

/*客服开始*/
.cndns-right {
	position: fixed;
	right: 5px;
	bottom: 10%;
	margin-top: -100px;
	z-index: 100;
	bottom: 150px;
}
.cndns-right-meau {
	position: relative;
}
.cndns-right-btn {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	position: relative;
}
.cndns-right-btn {
	border-color: #00a1e9;
	background: url(https://cubot.net/public/cubot/images/top_xs.png) no-repeat #00a1e9 center;
}
/*客服结束*/

/*手机底部按钮开始*/
.db_bottom{position: fixed;bottom: 0;left: 0;background-color: #00a1e9;width: 100%;z-index: 998;display:none;box-shadow:1px 1px 10px #908787}
.db_bottom ul li{float: left;width: 25%;text-align: center;padding: 5px 0;border-right:1px dashed rgba(238, 238, 238, 0.2);box-sizing:border-box;
}
.db_bottom ul li.active{background:#fff;}
.db_bottom ul li.active a{color:#00a1e9;}
.db_bottom ul li:last-child{border: none;}
.db_bottom ul li a{color: #fff;}
.db_bottom ul li i{display: block;padding-bottom: 2px;font-size: 18px;}
.db_bottom ul li span{font-size: 14px;}
/*手机底部按钮结束*/

/**产品列表页面**/
.product_box{display: flex;flex-wrap: wrap;overflow: hidden;justify-content: center;}
.product_box_sun{width: 48%;background: #fff;margin: 12px;border-radius: 15px;display: flex;justify-content: center;align-items: center;height: 400px;transition: all 0.5s;}
.product_box_sun div:nth-child(1){text-align: left;width: 35%;}
.product_box_sun div:nth-child(1) h4{padding: 10px 0;font-family: Avenir Black!important;font-size: 26px;font-weight: bold;}
.product_box_sun div:nth-child(1) p{font-size: 16px;font-family: Avenir Light;margin-bottom: 0%;}
/*.product_p p:nth-child(3){margin-bottom: 35%!important;}*/
.product_box_sun div:nth-child(1) a{    font-weight: bold;font-family: Avenir Medium;font-size: 12px;margin-top: 30%;width: 42%;background: #fff;cursor: pointer;border-radius: 15px;border: #333 1px solid;margin-right: 5%;padding: 6px 10px;color: #333;}
.product_box_sun div:nth-child(2){width: 300px;}
.new_product a{font-size: 12px;margin-top: 0;width: 27%;background: #fff;cursor: pointer;border-radius: 10px;border: #333 1px solid;padding: 4px 10px;text-align: center;color: #333;font-weight: bold;font-family: Avenir Light;display: inline-block!important;}
.new_product a:nth-child(2){margin-right: 2%;margin-bottom: 10%;}
.new_product a:nth-child(3){margin-left: 2%;}
.pruduct_box_ny{margin-top: 10%;}
.product_box_sun_a{border: none!important;margin: 0 auto!important;padding: 0!important;}
.product_box_sun_p{margin-bottom: 35%!important;}
@media screen and (max-width: 1440px){
	.product_box_sun div:nth-child(1){width: 38%;}
}
@media screen and (max-width: 1000px){
	.sj_dh{display:block;}
	.head,.gig,.yh{display:none;}
	.bann .swiper-pagination-bullet{width:5px;height:5px;}
	.cubot_footer_link ul.footer_ul{padding-top:10px;}
	.cndns-right-btn{width:35px;height:35px;background-size:90% 90%;}
	.cndns-right{bottom:100px;}
	.db_bottom {
		display: block;
	}
	.bann{margin-top: 50px;}
	.cubot_footer_mc{width: 90% !important}
	.new_foot div:nth-child(1){width: 40%;}
	.new_foot{height: auto;}
	.new_foot div:nth-child(2) span{
		-webkit-line-clamp: 3;
	}
	.product_box_sun{width: 100%;}
	.product_box_sun div:nth-child(1){margin-left: 20px;}
	.product_box_sun_a1{display: block;width: 50%!important;margin-top: 15%!important;}
}