/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button,textarea,dl,dt{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;
                                                                                     }
body{ font-size:16px;font-family:Arial; color:#fff;overflow-x: hidden; line-height:2em;background: #262626;}
a img{
  border: 0;
}
em {
  font-style: normal;
}
body.head_on{overflow:hidden;}
a{text-decoration:none;color: #333;transition: all .3s;}


.clear{ margin:0; padding:0; font-size:0; clear:both; }

.wapper{ width:1200px; margin:0 auto;}

.wapper1{ width:1600px; margin:0 auto;}
.wapper1{ width:1400px; margin:0 auto;}
img{ max-width:100%;}
/* 轮播图通用 */
.swiper {width: 100%;height: 100%;position: relative;overflow: hidden;}
.swiper-slide {background: #fff;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center; -ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide img { display: block;width: 100%;height: 100%;object-fit: cover;}

.overflow1{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;}
.overflow2{display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.overflow3{display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}

.top_headerbox.active{
	position: fixed;
    top:0; 
	left: 0;
    width: 100%;
    background-color: white;
    z-index: 9999;
}

.topbox{
	background-color: #cccccc;
	padding: 5px 0;
	box-sizing: border-box;
}
.topbox .top{
	width: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: flex-end;
}
.topbox .top span{
	display: flex;
	align-items: center;
	padding-right: 15px;
	box-sizing: border-box;
}
.topbox .top span i{
	padding-right: 5px;
	box-sizing: border-box;
}
.topbox .top span a{
	font-size: 12px;
	color: #000;
}
.topbox .top span a:hover{
	opacity: 0.7;
}

.header_menubox{background-color: white;}
.menubox{display: flex;justify-content: center;align-items: center;}
.logo{width: 20%;}
.logo img{max-width: 100%;max-height: 100%;width: auto;height: auto;justify-content: center;align-items: center;display:  flex;}

.menu{width: 80%;}
/* 导航栏 */

.menu ul{display: flex;}
.menu ul li{position: relative;margin-right: 10px;}
.menu ul li:last-child{margin-right: 0px;}
.menu ul li .m_nav2{
	position: absolute;
	left: 0;
	z-index: 1000;
	display: none;
	width: 100%;
	min-width:240px;
	font-size: 15px;
	color: #212529;
	top: 105%;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	padding: 20px 0;
	box-sizing: border-box;
	border-top: 3px solid rgb(115, 183, 176);
}
.menu ul li a{font-size: 16px;padding: 25px 8px;text-transform: uppercase;color: rgba(0,0,0,.6);}
.menu ul li:hover i{color: #233876;}
.menu ul li a:hover{color: #233876;}
.menu ul li .m_nav2 a{font-size: 15px;font-weight: normal;padding: 5px 20px;display: block;color: rgba(0,0,0,.6);box-sizing: border-box;}
.menu ul li .m_nav2 .m_item{ line-height:25px;position: relative;}
.menu ul li .m_nav2 .m_item span{display: flex;justify-content: space-between;align-items: center;}
.menu ul li .m_nav2 .m_item:hover>a{ background-color: rgba(0,0,0,.03);opacity: .7;}
.menu ul li.curr a{color: #233876;}
.menu ul li.curr i{color: #233876;}

/*三级*/
.menu .m_nav2 .m_item .m_nav3{position: absolute;left: 100%;top: -23px;background: #fff;min-width: 200px;box-sizing: border-box;display: none;width: 100%;border-top: 3px solid rgb(115, 183, 176);padding: 20px;box-sizing: border-box;}
.menu .m_nav2 .m_item .m_nav3 dd{ line-height:25px;position: relative; }
.menu .m_nav2 .m_item .m_nav3 dd a{
	color: rgba(0,0,0,.6);
	background: white;
	box-sizing: border-box;
	padding: 5px 20px;
}
.menu .m_nav2 .m_item .m_nav3 dd:hover a{ background-color: rgba(0,0,0,.03);opacity: .7;}

.menu ul li .login{
	background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
    text-transform: uppercase;
    text-align: center;
    padding: 9px 36px !important;
    color: rgb(255, 255, 255) !important;
	font-size: 16px;
}
.menu ul li .login:hover{
	background-color: rgb(44, 188, 176);
}


/* 搜索 */
.menubox .search{
	display: flex;
	align-items: center;
	position:relative;
}

.menubox .search select
{
    position:absolute;
    left:1px;
    top:50%;
    outline:none;
    transform:translateY(-50%);
    width:80px;
    border:none;
    padding:7px 0;
    font-size: 12px;
    background: transparent;
}


.menubox .text{
	outline: none;
	background-color: white;
	border: 1px solid #bbb;
	color: #4e4e4e;
	font-size: 12px;
	padding: 7px;
	box-sizing: border-box;
	padding-left:80px;
	width:205px;
}
.menubox .sh_btn{
	border: 0px;
    background-color: rgba(0, 0, 0, 0.56);
    border-radius: 6px;
    text-transform: uppercase;
    padding: 6px 20px;
    font-size: 15px;
    font-weight: 500;
    margin-left: 5px;
    cursor: pointer;
    color: rgb(255, 255, 255) !important;
}

/*mMenu*/
.m_header{width: 100%;}
.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;z-index:999;width:100%;display: none;top: 0;}
.sp_logo{float:left;height:70px;display: flex;justify-content: center;align-items: center;padding-left: 10px;}
.sp_logo img{margin:auto;max-height:50px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
/* 横杠 */
.sp_nav 
span{display:block;background:#000000;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9999;background:#fff;width:100%;height:calc(100% - 70px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: none;}
.nav_show{top:70px}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #e4e8eb solid;position:relative;line-height:45px;font-size:16px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:100%;padding: 0 20px;display: block;box-sizing: border-box;}
.sjj_nav ul li a:hover{color: #000000;}
.sjj_nav ul li ul li a{color:#333;display:block;text-align:left;}
.sjj_nav ul li i svg{width:25px;height:25px;fill:#333;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#333}
.sjj_nav ul li ul li>ul{margin-left:10px}
.sjj_nav ul li ul li{border-top: none;}
.sjj_nav ul li ul li a{padding: 0 30px;}


/*banner*/
.banner{width: 100%;}
.bannerSwiper .swiper-button-prev,
.bannerSwiper .swiper-button-next{filter: brightness(0%) contrast(200%) invert(100%) opacity(100%);opacity: 0; transition: 0.3s;}
.bannerSwiper .swiper-button-prev{left: 5%;}
.bannerSwiper .swiper-button-next{right: 5%;}
.bannerSwiper:hover .swiper-button-prev,
.bannerSwiper:hover .swiper-button-next{opacity: 1;}
.banner .img{display: block;width: 100%;height: 100%;}

.swiperPage .swiper-pagination-bullet{opacity: 1;width: 10px;height: 10px;position: relative;margin: 0 !important;border:2px solid rgba(255,255,255,0.75) !important;margin-right: 6px !important;background-color: transparent;}
.swiperPage .swiper-pagination-bullet-active{background-color: rgba(255,255,255,0.75);}
.swiperPage .swiper-pagination-bullet:before{position: absolute;bottom: 25px;left: 50%;transform: translateX(-50%);width: 100px;height: 60px;overflow: hidden;transition: 0.3s;background-size: cover;content: "";opacity: 0;visibility: hidden;border: 1px solid #fff;}

.swiperPage .swiper-pagination-bullet:after{position: absolute;width: 0;height: 0;font-size: 0;line-height: 0;overflow: hidden;border-width: 6px;border-style: dashed dashed dashed solid;border-color: #fff transparent transparent transparent;top: -6px;left: 0;right: 0;content: "";opacity: 0;visibility: hidden;}

.swiperPage .swiper-pagination-bullet:hover{background-position: -75px -150px;}
.swiperPage .swiper-pagination-bullet:hover:before{opacity: 1;visibility: visible;}
.swiperPage .swiper-pagination-bullet:hover:after{opacity: 1;visibility: visible;}


.bannerSwiper .item{
	display: block;
	width: 100%;
	height: 700px;
	position: relative;
	
}
.bannerSwiper .item video{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.bannerSwiper .item .textbox{
	position: absolute;
	width: 100%;
	height: 400px;
	left: 0;
	bottom: 0;
	padding-top: 50px;
	box-sizing: border-box;
	text-align: center;
	color: white;
}

.bannerSwiper .item .textbox h1{
	margin-bottom: 20px;
	font-size: 60px;
	font-family: Helvetica;
	position: relative;
	z-index: 9;
}
.bannerSwiper .item .textbox p{
	margin-bottom: 20px;
	font-size: 18px;
	position: relative;
	z-index: 9;
}
.bannerSwiper .item .textbox .more{
	border-radius: 11px;
    background-color: rgb(30, 143, 143);
	color: white;
	position: relative;
	z-index: 9;
	font-size: 16px;
	padding: 17px 66px;
	font-weight: 600;
	box-sizing: border-box;
	cursor: pointer;
}
.bannerSwiper .item .textbox:after{
	content: "";
	left: 0;
	top: 20%;
	position: absolute;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0;
	transition: 0.5s;
}
.bannerSwiper .swiper-slide-active .item .textbox:after{
	top: 0;
	opacity: 0.4;
}



/* 手机banner */
.banner_m{
	display: none;
}


/* index1 */
.indexbox1{
	width: 100%;
	margin: 0 auto;
	background-color: #262626;
}
.indexbox1 .index1{
	padding: 54px 0;
	box-sizing: border-box;
}
.indexbox1 .index1 h1{
	color: #73b7b0;
	text-align: center;
	font-size: 40px;
	margin-bottom: 75px;
}
.indexbox1 .index1 h2{
	font-size: 30px;
	color: white;
	text-align: center;
	border-bottom: 1px solid #fff;
}
.indexbox1 .index1 .index1_content{
	box-sizing: border-box;
	margin-bottom: 50px;
}
.indexbox1 .index1 .index1_content ul{
	display: flex;
	flex-wrap: wrap;
}
.indexbox1 .index1 .index1_content ul li{
	width: 25%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.indexbox1 .index1 .index1_content ul li .pro_item{
	display: block;
	width: 100%;
}
.pro_item .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: 1px solid #fff;
}
    .pro_item .imgbox img {
        max-width: 100%;
        height: 270px;
        object-fit: contain;
    }
}
.pro_item .textbox{
	text-align: center;
	padding: 10px 0;
	box-sizing: border-box;
}
.pro_item .textbox p{
	font-size: 20px;
	color: white;
	transition: 0.3s;
}
.pro_item .textbox p:hover{
	color: #73b7b0;
}
.index1_else{
	width: 100%;
	margin: 0 auto;
}
.index1_else .index1_else_content{
	box-sizing: border-box;
	width: 100%;
}
.index1_else .index1_else_content ul{
	display: flex;
	flex-wrap: wrap;
}
.index1_else .index1_else_content ul li{
	width: 25%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.index1_else .index1_else_content ul li .pro_item{
	width: 100%;
	display: block;
}

/* index2 */
.indexbox2{
	padding: 30px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-size: cover;
}
.indexbox2 .index2{width: 100%;margin: 0 auto;}

.indexbox2 .index2 h1{
	color: #73b7b0;
	text-align: center;
	font-size: 40px;
	margin-bottom: 75px;
}

.indexbox2 .index2 .index2_content{
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.indexbox2 .index2 .index2_content .index2_left{
	width: 38%;
}
.indexbox2 .index2 .index2_content .index2_left img{
	max-width: 100%;
}
.indexbox2 .index2 .index2_content .index2_right{
	width: 58%;
}
.indexbox2 .index2 .index2_content .index2_right ul{
	display: flex;
	flex-wrap: wrap;
}
.indexbox2 .index2 .index2_content .index2_right ul li{
	width: 33.33%;
	padding: 0 15px;
	box-sizing: border-box;
	margin-bottom: 15px;
}
.indexbox2 .index2 .index2_content .index2_right ul li .pro_item{
	display: block;
	width: 100%;
}


/* index3 */
.indexbox3{
	width: 100%;
	margin: 0 auto;
	background: #262626;
	padding: 54px 0;
	box-sizing: border-box;
}
.indexbox3 .index3{
	width: 100%;
	margin: 0 auto;
}
.indexbox3 .index3 img{
	width: 100%;
}

/* footer */
.footerbox{
	background-image: linear-gradient(180deg,#000000 0%,#515151 100%);
	padding: 54px 0;
	box-sizing: border-box;	
}
.footerbox .footer{
	width: 100%;
	margin: 0 auto;	
}
.footerbox .footer ul{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
.footer_img{
	left: 34%;
    top: 40%;
    position: absolute;
    max-width: 66%;
}
.footerbox .footer ul li:first-child{
	width: 35%;
	padding-right: 150px;
	box-sizing: border-box;
}
/*.footerbox .footer ul li{
	width: 16.66%;
}*/
.footerbox .footer ul li .li1 p{
	font-size: 17px;
	color: white;
	font-weight: bold;
}
.footerbox .footer ul li .li1{
	margin-bottom: 15px;
}
.footerbox .footer ul li .li2 p{
	font-size: 18px;
	color: #2cbcb0;
	font-weight: bold;
	margin-bottom: 15px;
}
.footerbox .footer ul li .li2 img{
	max-width: 100%;
}
.footerbox .footer ul li .share dl{
	display: flex;
	align-items: center;
}
.footerbox .footer ul li .share dl dd{
	padding: 0 5px;
	box-sizing: border-box;
}
.footerbox .footer ul li .share dl dd a{
	background: white;
	color: #333;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	display: block;
	border-radius: 5px;
}


.footerbox .footer ul li h3{
	font-size: 18px;
	color: #2cbcb0;
	font-weight: bold;
	margin-bottom: 15px; padding:0px 18px;
}
.footerbox .footer ul li dl dd a{
	font-size: 14px;
	color: white;
	font-weight: bold;
}


/* inside */
.inbanner{
	width: 100%;
	font-size: 0;
	position: relative;
	max-height: 300px;
	overflow: hidden;
	
}
.inbanner img{
	width: 100%;
}
.inbanner h1{
	font-size: 60px;
	color: white;
	font-weight: bold;
	position: absolute;
	width: 100%;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;
}


/* Resources */
.res_index1box{
	background: #262626;
	padding-top: 110px;
	padding-bottom: 35px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.res_index1box .res_index1{
	width: 100%;
	margin: 0 auto;
}
.res_index1box .res_index1 .res_item{
	width: 100%;
	margin-bottom: 30px;
}
.res_index1box .res_index1 .res_item h1{
	color: #73b7b0;
	font-size: 28px;
}
.res_index1box .res_index1 .res_item .res_item_content{
	padding: 40px 0;
	box-sizing: border-box;
}
.res_index1box .res_index1 .res_item .res_item_content ul{
	display: flex;
	flex-wrap: wrap;
}
.res_index1box .res_index1 .res_item .res_item_content ul li{
	width: 25%;
	box-sizing: border-box;
	padding-right: 30px;
	margin-bottom: 20px;
}
.res_index1box .res_index1 .videobox .res_item_content ul li{
	width: 33.33%;
	box-sizing: border-box;
	padding-right: 30px;
	margin-bottom: 20px;
}
.res_item_content ul li .item{
	width: 100%;
}
.res_item_content ul li .item video{
	width: 100%;
	object-fit: cover;
}
.res_item_content ul li .item .imgbox{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}
    .res_item_content ul li .item .imgbox img {
        max-width: 100%;
        height: 200px;
        object-fit: contain;
    }
.res_item_content ul li .item .textbox{
	text-align: center;
	padding: 20px 0 10px 0;
	box-sizing: border-box;
}
.res_item_content ul li .item .textbox p{
	font-size: 14px;
	font-weight: bold;
	color: white;
}


/* about */
.about1box {
    background: url(../images/aboutbg.jpg);
    padding-top: 120px;
    padding-bottom: 60px;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto;
    background-size: cover;
}
.about1box .about1{
	width: 100%;
	margin: 0 auto;
}
.about1box .about1 h1{
	font-size: 40px;
	font-weight: bold;
	color: white;
	margin-bottom: 20px;
	text-align: center;
}
.about1box .about1 p{
	font-size: 18px;
	margin-bottom: 18px;
	color: white;
	text-align: center;
}
.about2box{
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
}
.about2box .about2_left{
	width: 50%;
}
.about2box .about2_left img{
	width: 100%;
}
.about2box .about2_right{
	width: 50%;
}
.about2box .about2_right img{
	width: 100%;
}
.about3box{
	background: #262626;
	padding-top: 110px;
	padding-bottom: 110px;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.about3box .about3{
	width: 100%;
	margin: 0 auto;
}
.about3box .about3 h1{
	font-size: 40px;
	font-weight: bold;
	color: white;
	text-align: center;
	margin-bottom: 10px;
}
.about3box .about3 p{
	font-size: 18px;
	color: white;
	text-align: center;
	
}
.about3box .about3 input{
	font-size: 16px;
	padding: 10px 20px;
	color: #666;
	background: white;
	outline: none;
	box-sizing: border-box;
	border-radius: 3px;
	display: block;
	width: 500px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
}
.about3box .about3 .about_btn{
    border-radius: 0px;
    letter-spacing: 3px;
	display: block;
    font-size: 15px;
	background-color: #73b7b0;
	padding: 10px 5px;
	box-sizing: border-box;
	margin: 0 auto;
	width: 500px;
	text-align: center;
	color: white;
}




/* our team */
.teambox{
	padding: 100px 0;
	box-sizing: border-box;
	background: #D6D6D6;
}
.teambox .team{
	width: 100%;
	margin: 0 auto;
}
.teambox .team .team_item{
	width: 80%;
	margin-bottom: 40px;
}
.team_item ul{
	display: flex;
	flex-wrap: wrap;
}
.team_item ul li{
	width: 33.33%;
	padding-right: 50px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.team_item ul li .imgbox{
	width: 100%;
	font-size: 0;
}
.team_item ul li .imgbox img{
	max-width: 100%;
}
.team_item ul li .textbox{
	text-align: center;
	margin-top: 30px;
}
.team_item ul li .textbox h3{
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
	font-weight: bold;
}
.team_item ul li .textbox p{
	font-size: 14px;
	color: #666;
	margin-bottom: 5px;
}


/* product */
.pro_index1{
	width: 100%;
	margin: 0 auto;
	background-color: #000;
}
.pro_index1 a{
	display: block;
	text-align: right;
	float: right;
	background: #0accc5;
	padding: 10px 20px;
	color: white;
	width: auto;
	font-weight: bold;
	box-sizing: border-box;
}
.pro_index1 a:hover{
	background: #262626;
}
.pro_index2box{
	padding: 20px 0;
	box-sizing: border-box;
	width: 100%;
	background-color: #262626;
}
.pro_index2box .pro_index2{
	width: 100%;
	margin: 0 auto;
}
.s_menu{
	text-align: left;
	color: white;
}
.s_menu a{
	color: white;
	padding-left: 5px;
	box-sizing: border-box;
	font-size: 14px;
	font-weight: bold;
}
.pro_index2_content{
	padding-top: 120px;
	padding-bottom: 240px;
	box-sizing: border-box;
}

.pro_index2_content .pro_title{
	border-bottom: 3px solid #73b7b0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.pro_index2_content .pro_title h2{
	padding: 5px 10px;
	box-sizing: border-box;
	background: #73b7b0;
	color: white;
	font-weight: bold;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.pro_index2_content .pro_title select{
	background: #262626;
	padding: 10px 30px;
    font-size: 12px;
    font-weight: bold;
	outline: none;
	color: white;
	margin-left: 100px;
}
.pro_index2_content .pro_title .pro_btn{
	display: block;
	width: auto;
	padding: 10px 30px;
	text-align: center;
	color: white;
	background: #0accc5;
	margin-left: 50px;
}


.pro_box{
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pro_box .pro_left{width: 18%;}
.pro_box .pro_left p{
	text-align: right;
	color: #fff;
	font-size: 14px;
}
.pro_box .pro_left p a{
	color: #0cccc5;
	padding: 0 5px;
	box-sizing: border-box;
}


.pro_left_list{
	
}
.pro_left_list .list_title{
	padding: 15px 10px;
	box-sizing: border-box;
	background: #b8b8b8;
	color: white;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	display: none;
	align-items: center;
}
.pro_left_list .list_title i{
	transition: 0.3s;
	font-size: 30px;
}
.pro_left_list .list_title.on i{
	transform: rotate(180deg);
}
.pro_left_list .list_box{
	background: none;
	padding:  20px 0;
	box-sizing: border-box;
	border: 1px solid transparent;
}
.list_box.on{
	display: block !important;
}
.list_box .list_item{
	width: 100%;
	margin-bottom: 20px;
}
.list_box .list_item:last-child{margin-bottom: 0;}
.list_item .item_title{
	padding: 15px 10px;
	box-sizing: border-box;
	background-color: #2cbcb0;
	color: white;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 14px;
}
.list_item .item_title i{
	transition: 0.3s;
	color: white;
	font-size: 30px;
}
.list_item .item_title.on i{
	transform: rotate(180deg);
}
.list_item .item_box.on{display: none;}

.list_item .item_box{
	padding: 15px 15px 30px 15px;
	box-sizing: border-box;
}
.list_item .item_box ul li{
	margin-bottom: 10px;
}
.list_item .item_box ul li .li_title{
	width: 100%;
	display: flex;
	align-items: center;
}
.list_item .item_box ul li dl{
	display: none;
	padding-left: 10px;
}
.list_item .item_box ul li dl dd dl{
	display: none;
	padding-left: 15px;
}

.pro_left_list .item_box{
	background: white;
	padding:  20px;
	box-sizing: border-box;
	border: 1px solid silver;
}
.list_item .item_box ul li span{
	color: #666;
	padding-left: 5px;
	box-sizing: border-box;
	font-weight: bold;
}
.list_item .item_box ul li span i{
	color: gray;
	padding-left: 3px;
	box-sizing: border-box;
	font-style: normal;
	font-weight: normal;
}


.pro_box .pro_right{
	width: 80%;
}
.pro_box .pro_right ul{
	display: flex;
	flex-wrap: wrap;
}
.pro_box .pro_right ul li{
	width: 20%;
	padding: 0 10px;
	margin-bottom: 15px;
	box-sizing: border-box;
}
.pro_box .pro_right ul li .item{
	display: block;
	width: 100%;
	border: 1px solid white;
}

.pro_box .pro_right ul li .item .imgbox{
	width: 100%;	
	padding: 10px;
	box-sizing: border-box;
}
.pro_box .pro_right ul li .item .imgbox{
	width: 100%;
	color: white;
}
.pro_box .pro_right ul li .item .imgbox .img{
	display: flex;
	align-items: center;
	justify-content: center;
}
.pro_box .pro_right ul li .item .imgbox .img img{
	max-width: 100%; height:160px; object-fit:contain;
}
.pro_box .pro_right ul li .item .imgbox h2{
	white-space: nowrap;text-overflow: ellipsis;overflow: hidden;width: 100%;display: block;
	color: white;
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
.pro_box .pro_right ul li .item .imgbox h3{
	display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;
	color: white;
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
}
.pro_box .pro_right ul li .item .textbox{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: #73b7b0;
}
.pro_box .pro_right ul li .item .textbox p{
	color: white;
	font-size: 12px;
	font-weight: bold;
}





/* 产品详情 */
.detail1box{
	background: linear-gradient(180deg, #191919 0%, #727272 100%) !important;
	padding: 50px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.detail1box .detail1{
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detail1box .detail1 .detail1_left{
	width: 42%;
}
.detail1box .detail1 .detail1_left img{
	max-width: 100%; 
}
.detail1box .detail1 .detail1_right{
	width: 50%;
}
.detail1box .detail1 .detail1_right h2{
	font-size: 30px;
	color: white;
	font-weight: bold;
	margin-top: 80px;
}
.detail1box .detail1 .detail1_right h3{
	font-size: 20px;
	font-weight: bold;
	color: white;
	margin-bottom: 30px;
}
.detail1box .detail1 .detail1_right p{
	font-size: 14px;
	margin-bottom: 24px;
	color: white;
	font-weight: bold;
}
.detail1box .detail1 .detail1_right .detail_btn{
	padding: 15px;
	box-sizing: border-box;
	text-align: center;
	display: block;
	width: 200px;
	color: white;
	background: #000;
	font-weight: bold;
	font-size: 16px;
	border-radius: 5px;
}
.detail1box .detail1 .detail1_right .detail_btn:hover{
	background: #262626;
}
.detail1box .detail1 .detail1_right .download{
	padding: 30px 0;
	box-sizing: border-box;
}
.detail1box .detail1 .detail1_right .download .d_title{
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
	box-sizing: border-box;
	border-bottom: 1px solid white;
}
.detail1box .detail1 .detail1_right .download .d_title h3{
	font-size: 18px;
	color: white;
	font-weight: bold;
}
.detail1box .detail1 .detail1_right .download .d_title span{
	margin-right: 10px;
	font-size: 12px;
	color: white;
	font-weight: bold;
}
.detail1box .detail1 .detail1_right .download .d_title span:last-child{
	margin-right: 0;
}
.detail1box .detail1 .detail1_right .download ul li{
	width: 100%;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid white;
}
.detail1box .detail1 .detail1_right .download ul li a{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.detail1box .detail1 .detail1_right .download ul li span{
	color: white;
	font-size: 16px;
	font-weight: bold;
}
.detail1box .detail1 .detail1_right .download ul li a i img{
	max-width: 100%;
	width: auto;
	margin-right: 20px;
}
.detail1box .detail1 .detail1_right .download ul li a i img:last-child{
	margin-right: 0;
}
.detail1box .detail1 .detail1_left .else_img{
	width: 100%;
}
.else_img ul{display: flex;padding-right: 10px;box-sizing: border-box;flex-wrap: wrap;}
.else_img ul li{
	padding-right: 15px;
	box-sizing: border-box;
}
.else_img ul li img{
	width: 65px;
	height: 65px;
}

.detail2_menubox{
	width: 100%;
	background: #000;
	margin: 0 auto;
}
.detail2_menubox.active{
	position: fixed;
	left: 0;
	top: 88px;
}
.detail2_menubox .detail2_menu{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.detail2_menubox .detail2_menu .d_menu{
	display: flex;
}
.detail2_menubox .detail2_menu .d_menu a{
	padding: 15px 25px;
	box-sizing: border-box;
	color: white;
	font-size: 19px;
	font-weight: bold;
}
.detail2_menubox .detail2_menu .totop .out_top{
	padding: 15px 25px;
	box-sizing: border-box;
	background: #0accc5;
	color: white;
	text-align: center;
}



.detail3box{
	padding: 50px 0 100px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
	border-bottom: 3px solid #2cbcb0;
}
.detail3box .detail3{
	width: 100%;
	margin: 0 auto;
}
.detail3box .detail3 h1{
	font-size: 38px;
	color: #000;
	font-weight: bold;
	margin-bottom: 40px;
}
.detail3box .detail3 .detail3_content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.detail3_content .detail3_left{
	width: 30%;
}
.detail3_content .detail3_left .item{
	width: 100%;
	margin-bottom: 30px;
}
.detail3_content .detail3_left .item .item_title{
	width: 100%;
	border-bottom: 3px solid #2cbcb0;
}
.detail3_content .detail3_left .item .item_title h3{
	color: white;
	padding: 10px;
	width: 50%;
	box-sizing: border-box;
	background: #2cbcb0;
	font-size: 19px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.detail3_content .detail3_left .item .item_content{
	padding: 20px;
	box-sizing: border-box;
}
.detail3_content .detail3_left .item .item_content a{
	color: #000;
	font-size: 12px;
}
.detail3_content .detail3_left .item .item_content a:hover{
	color: #2cbcb0;
}

.detail3_content .detail3_right{
	width: 65%;
}

.detail3_content .detail3_right ul{
	display: flex;
	flex-wrap: wrap;
}
.detail3_content .detail3_right ul li{
	width: 25%;
	padding-right: 50px;
	box-sizing: border-box;
}
.detail3_content .detail3_right ul li h4{
	font-size: 17px;
	color: #333;
	margin-bottom: 5px;
	font-weight: bold;
}
.detail3_content .detail3_right ul li dl{
	box-sizing: border-box;
	padding: 10px 0;
	
}
.detail3_content .detail3_right ul li dl dd a{
	font-size: 14px;
	color: #959595;
	margin-top: 12.8px;
}


.detail4box{
	width: 100%;
	margin: 0 auto;
	background-color: #e0e0e0;
	padding: 50px 0 150px 0;
	box-sizing: border-box;
	border-bottom: 3px solid #2cbcb0;
}
.detail4box .detail4{
	width: 100%;
	margin: 0 auto;
}
.detail4box .detail4 h1{
	font-size: 38px;
	margin-bottom: 40px;
	color: #fff;
	font-weight: bold;
}

.detail4box .detail4 .detail4_content{
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.detail4box .detail4 .detail4_content ul{
	display: flex;
	flex-wrap: wrap;
}
.detail4box .detail4 .detail4_content ul li{
	width: 20%;
	padding-right: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
/* 	display: block;
	overflow: hidden; */
}
.detail4box .detail4 .detail4_content ul li .item{
	display: block;
	width: 100%;	
	transition: all 0.5s;
}
.detail4box .detail4 .detail4_content ul li .item .imgbox{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-color: #000;
}
.detail4box .detail4 .detail4_content ul li .item .imgbox .img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.detail4box .detail4 .detail4_content ul li .item .imgbox .img img{
	max-width: 100%;
	max-height: 165px;
}

.detail4box .detail4 .detail4_content ul li .item .imgbox h3{
	font-size: 19px;
	margin-top: 16px;
	color: white;
}
.detail4box .detail4 .detail4_content ul li .item .imgbox h4{
	font-size: 14px;
	line-height: 30px;
	color: white;
	margin-top: 5px;
}
.detail4box .detail4 .detail4_content ul li .item .textbox{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: #2cbcb0;
}
.detail4box .detail4 .detail4_content ul li .item .textbox p{
	font-size: 14px;
	color: white;
	font-weight: bold;
}
.detail4box .detail4 .detail4_content ul li .item:hover{
	transform: scale(1.03);
}

.detail4box .detail4 .view{
	font-size: 14px;
	color: #262626;
	font-weight: bold;
}

.detail4box .detail4 .view span{
	font-size: 14px;
	color: #262626;
	font-weight: bold;
	padding-left: 5px;
}


/* detail_contentbox */
.detail_contentbox{
	background-color: #e0e0e0!important;
	padding: 54px 0;
	box-sizing: border-box;
	width: 100%;
	margin: 0 auto;
}
.detail_contentbox .detail_content{
	width: 100%;
}
.detail_contentbox .detail_content ul li{
	margin-bottom: 30px;
	width: 100%;
	background-color: #262626;
	overflow: hidden;
	padding: 20px;
	box-sizing: border-box;
}
.detail_contentbox .detail_content ul li:first-child{
	background-color: white;
}
.detail_contentbox .detail_content ul li .index5_title{
	display: flex;
	align-items: center;
	justify-content: space-between	
}
.detail_contentbox .detail_content ul li .index5_title h2{
	color: #0accc5!important;
	font-weight: 700;
	box-sizing: border-box;
	font-size: 16px;
	
}
.detail_contentbox .detail_content ul li .index5_title .index5_btn{
	width: 20px;
	height: 20px;
	background: #ccc;
	border-radius: 100%;
	position: relative;
	display: block;
}
.detail_contentbox .detail_content ul li .index5_title .index5_btn:after{
	width: 60%;
	height: 2px;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
	background-color: white;
	content: "";
}
.detail_contentbox .detail_content ul li .index5_title .index5_btn:before{
	height: 60%;
	content: "";
	width: 2px;
	background-color: white;
	position: absolute;
	left: 50%;
	top:50%;
	transform: translate(-50%,-50%);
}
.detail_contentbox .detail_content ul li .index5_title.on .index5_btn:before{
	display: none;
}
.detail_contentbox .detail_content ul li .index5_content{
	display: none;
	box-sizing: border-box;
	overflow: hidden;
	padding:32px 0 0 0; color:#000;
}
.detail_contentbox .detail_content ul li .index5_content.on{
	display: block;
}
.detail_contentbox .detail_content ul li .index5_content p{
	font-size: 18px;
	color: #4A4F5C;
	
}



.index5_content table {
    width: 100%;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-collapse: collapse;
}
    .index5_content table tr td {
        border-bottom: 1px solid #000;
        border-right: 1px solid #000;
        box-sizing: border-box;
        width: auto;
        text-align: center;
    }
/*.index5_content table tr td:first-child{
	background-color: gray;
	font-weight: bold;
}
.index5_content table tr td:nth-child(2){
	color: #666;
}*/

.index5_content dl{
	display: flex;
	flex-wrap: wrap;
}
.index5_content dl dd{
	width: 20%;
	padding-right: 20px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.index5_content dl dd .item{
	display: block;
	width: 100%;	
	transition: all 0.5s;
}
.index5_content dl dd .item .imgbox{
	width: 100%;
	padding: 20px;
	box-sizing: border-box;
	background-color: #000;
}
.index5_content dl dd .item .imgbox .img{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
}
.index5_content dl dd .item .imgbox .img img{
	max-width: 100%;
	height: 165px; object-fit:contain;
}
.index5_content dl dd .item .textbox{
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	background: #2cbcb0;
}
.index5_content dl dd .item .textbox p{
	font-size: 14px;
	color: white;
	font-weight: bold;
}
.index5_content dl dd .item:hover{
	transform: scale(1.03);
}


.else_box{
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
	box-sizing: border-box;
	background-color: #828282!important;
}
.else_box .else{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	justify-content: center;
}
.else_box .else p{
	font-size: 20px;
	font-weight: 700;
	color: white;
	padding-right: 30px;
	box-sizing: border-box;
}
.else_box .else .else_btn{
	padding: 10px 25px;
	box-sizing: border-box;
	color: white;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	display: inline-block;
	border-radius: 3px;
	background-color: #0accc5;
	transition-property: all!important;
	transition: all 300ms ease 0ms;
}
.else_box .else .else_btn i{
	opacity: 0;
	margin-left: 0;
	transition: all 300ms ease 0ms;
}
.else_box .else .else_btn:hover i{
	margin-left: 15px;
	opacity: 1;
	display: inline-block;
	box-sizing: border-box;
}





.slide {
	display: block;
}
.slide .out_top2{
	position: fixed;
    right: 10px;
    bottom: 10px;
    border: none;
    z-index: 11000;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .4s ease;
    background-color: rgba(0,0,0,.2);
    padding: 1.75rem;
    font-size: .8rem;
    color: #fff;
    background-size: 55%;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/chevron-up.svg);
}
















@media (max-width: 980px){
	.wapper{
		width: 85%;
	}
	.wapper1{
		width: 85%;
	}
	.wapper2{
		width: 85%;
	}
	.top_headerbox{
		display: none;
	}
	.banner{
		display: none;
	}
	.banner_m{
		display: block;
	}
	.inbanner{
		margin-top: 70px;
	}
	.sp_header{ display:block;}
	.sjj_nav{ display:block;}
	.banner_m{
		background-color: rgba(10,10,10,0.65)!important;
		padding: 50px 0;
		box-sizing: border-box;
		position: relative;
		height: 450px;
	}
	.banner_m_text{
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		background-color: rgba(10,10,10,0.65)!important;
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 30px 0;
		box-sizing: border-box;
	}
	.banner_m_text img{
		max-width: 100%;
	}
	.indexbox1 .index1 .index1_content ul li {
	    width: 50%;
	}
	.index1_else .index1_else_content ul li {
	    width: 50%;
	}
	.indexbox2 .index2 .index2_content .index2_left {
	    width: 100%;
	}
	.indexbox2 .index2 .index2_content .index2_right {
	    width: 100%;
	}
	.indexbox2 .index2 .index2_content .index2_right ul li{
		width: 50%;
	}
	.footerbox .footer ul li:first-child {width: 100%;padding: 0;box-sizing: border-box;margin-bottom: 20px;}
	.footerbox .footer ul li{width: 33.33%;}
	.inbanner h1 {
	    font-size: 28px;
	}
	.res_index1box .res_index1 .res_item .res_item_content ul li{
		width: 50%;
	}
	.res_index1box .res_index1 .videobox .res_item_content ul li{
		width: 100%;
		box-sizing: border-box;
		padding-right: 0px;
		margin-bottom: 20px;
	}
	.about2box .about2_left{
		width: 100%;
	}
	.about2box .about2_right{
		width: 100%;
	}
	.about3box .about3 input{width: 300px;}
	.about3box .about3 .about_btn{width: 300px;}
	.about3box .about3 h1 {
	    font-size: 26px;
	}
	.teambox .team .team_item{
		width: 100%;
	}
	.team_item ul li{
		width: 50%;
	}
	.pro_index2_content .pro_title select {
	    margin-left: 50px;
	}
	.pro_index2_content .pro_title .pro_btn{
		margin-left: 30px;
	}
	.pro_box .pro_left{width: 100%;margin-bottom: 40px;}
	.pro_box .pro_right{
		width: 100%;
	}
	.pro_box .pro_right ul li{
		width: 50%;
	}
	.pro_left_list .list_title{display: flex;}
	.pro_left_list .list_box{
		background: white;
		padding:  20px 0 0 0;
		box-sizing: border-box;
		border: 1px solid silver;
		display: none;
	}
	.list_item .item_box ul li span{
		color: #666;
		padding-left: 5px;
		box-sizing: border-box;
		font-weight: bold;
	}
	.list_item .item_box ul li span i{
		color: gray;
		padding-left: 3px;
		box-sizing: border-box;
		font-style: normal;
		font-weight: normal;
	}
	.pro_left_list .item_box {border: 1px solid transparent;}
	.detail2_menubox{display: none;}
	.detail1box .detail1 .detail1_left {
	    width: 100%;
		order: 1;
	}
	.detail1box .detail1 .detail1_right {
	    width: 100%;
		order: 0;
		margin-bottom: 20px;
	}
	.detail3_content .detail3_left {
	    width: 100%;
	}
	.detail3_content .detail3_right {
	    width: 100%;
	}
	.detail3_content .detail3_right ul li {
	    width: 25%;
	    padding-right: 30px;
	}
	.detail4box .detail4 .detail4_content ul li {
	    width: 50%;
	}
	.pro_index1 {margin-top: 70px;}
	.index5_content dl dd {
		width: 50%;
	}
	.footer_img {
		left: 0;
		top: 0;
		position: inherit;
		max-width: 100%;
	}
}


@media (max-width: 768px){
	.indexbox2 .index2 h1 {font-size: 25px;}
	.indexbox1 .index1 h1 {font-size: 25px;}
	.indexbox1 .index1 h2 {font-size: 20px;}
	.pro_index2_content .pro_title h2 {width: 100%;margin-bottom: 20px;}
	.pro_index2_content .pro_title select {
	    margin-left: 0px;
	}
	.pro_index2_content .pro_title .pro_btn{
		margin-left: 10px;
	}
	.detail1box .detail1 .detail1_right h2 {
	    font-size: 25px;
	}
	.detail1box .detail1 .detail1_right h3 {
	    font-size: 17px;
	}
	.detail3_content .detail3_right ul li {
	    width: 25%;
	    padding-right: 15px;
	}
}


@media (max-width: 540px){
	.footerbox .footer ul li{width: 100%;margin-bottom: 30px;}
	.pro_index2_content .pro_title select {
	    padding: 10px 20px;
	}
	.pro_index2_content .pro_title .pro_btn {
	    padding: 10px 15px;
	}
}