/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px; color:#666;font-family:'Microsoft YaHei';}
a {
    color: #666;
    font-family: 'Times New Roman';
}
a:hover{font-weight:900; color:#00dbe0; /*text-decoration:underline;*/}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:95% !important; margin:0 auto; max-width: 1440px !important;}
.wapper02{ width: 90%; max-width: 1200px !important; margin: 0 auto;}


.top_bg{ background:#00dbe0; color: #fff;}
.top {
    display: flex;
    color: #fff;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 30px;
    height: 30px;
    justify-content: center;
}
    .top img {
        width: 34px;
        margin: 0px 6px;
    }

    .header_bg {
        background: #202020;
        color: #fff;
        transition: all 0.5s;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 99;
    }
.header_plach{width: 96px;display: none;}

.logo{width:auto;height:90px;/* position: fixed; *//* top: 11px; */}
.logo a{ width: 100%; height: 100%; display: flex; justify-content: center;  align-items: center;}
.logo a img{ max-width: 100%; max-height: 100%; vertical-align:bottom;}
.header{ display: flex; justify-content: space-between;align-items: center; box-sizing: border-box; padding: 10px 23px;}
.header .search{display: flex;  align-items: center; background: #fff; height: 45px; width: 45%;}
.header .search a{ width: 70px; height: 45px; display: flex; justify-content: center;  align-items: center; background: #e7e7e7; font-size: 16px;}
.header .search .input_text{width:calc(100% - 70px); outline:none; box-sizing: border-box; padding: 10px 15px; color: #000;}
.header .search .input_text::-webkit-input-placeholder{ color:#ccc;}
.header01{ display: flex; justify-content: center;  align-items: center;}
.header01 a{ color: #fff; text-align: center; margin-left: 2vw;}
.header01 a i{ font-size: 32px;}
.header01 a span{ display:block; font-size: 14px;text-transform: uppercase; margin-top: 4px;} 
.header_bg.on{ position: fixed; top: 0; left: 0;}




.menu_bg{ background: #000000;} 

/*menu*/
.menu{height: 50px;line-height: 50px;text-align: center;}
    .menu ul {
        display: flex;
        justify-content: space-between;
    }
    .menu ul li.on > span > a {
        color: #00dbe0;
    }
.menu ul li{/* float:left; */position:relative;/* border-right:#666 solid 1px; *//* width:120px; */display: inline-block;}
    .menu ul li > span > a {
        
        padding: 0 1vw;
    }
.menu ul li dl{background:#fff;min-width:100%;width: auto;position:absolute;left:0px;top:100%;/* box-shadow:2px 2px 5px rgba(0,0,0,0.2); */padding:10px 0;display:none;z-index:99;border-radius: 0 0 10px 10px;}
.menu ul li dl dd{line-height:28px;/* border-bottom:#ddd dotted 1px; */margin:0 10px;position: relative;}
.menu ul li dl dd>dl{ position: absolute; left: 100%; top: 10px;}
.menu ul li dl dd a{ font-size:14px; color:#666;  display:inline; padding:0; text-align:left;white-space:nowrap;}
.menu ul li dl dd a:hover{ color:#00dbe0;font-weight:600;}
    .menu a {
        font-size: 14px;
        color: #fff;
        text-decoration: none;
        font-weight: 600;
        display: block;
        text-align: center;
    }
.menu a:hover{color:#00dbe0;}
a.menu_hover{/* background:#666; *//* color:#fff; */color:#00dbe0}
.menu_down span{display:block;background: url(../images/menu_down.gif) right 0px center no-repeat;}

.sp_header{ display: none;}
.sjj_nav{ display: none;}

@media(max-width:999px) {
	.header_bg{ display: none;}
	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background: #202020;position:relative;z-index:10;width:100%;display: block;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background: #00dbe0;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: absolute;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;display: block;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;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 #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
.sp_header.on{ position:fixed; top: 0;}
 .sjj_nav.on2{ position: fixed;}
}

.banner{ width: 100%;}
.banner img{ width: 100%; vertical-align: bottom;}

.mySwiper01{}
.mySwiper01 .swiper-button-next, .mySwiper01 .swiper-button-prev{ color: #fff;}
.swiper-pagination01{}
.swiper-pagination01 span{ width: 14px; height: 8px; border-radius: 20px; background: #fff;}
.swiper-pagination01 span.swiper-pagination-bullet-active{ width:30px ;}


.title{ text-align: center;}
.title h2{ font-size: 36px; font-weight: 600; color: #042825;}
@media(max-width:999px) {
	.title h2{ font-size: 24px;}
}

.cent01{ margin-top: 2%;}
.index_product { margin-top:2%; }
.index_product ul li {float: left;width: calc((100% - 60px)/4);margin: 0 0 40px 20px;}
.index_product ul li:nth-child(4n-3) { margin-left: 0; clear: left; }
.index_product ul li .nr_box {overflow: hidden;transition: all .3s ease;position: relative;}
.index_product ul li .img {padding-bottom: 100%;position: relative;overflow: hidden;background: #f9f9f9;}
.index_product ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover;} 
.index_product ul li .txtbg {/* position: absolute; *//* background: #00dbe0; */text-align: center;left: 0;right: 0;bottom: -55px;/* padding-bottom: 15px; */transition: all 0.5s;}
.index_product ul li:hover .txtbg{/* bottom: 0; */}
.index_product ul li .txt {color: #666;}
    .index_product ul li .txt .h2 {
        font-weight: 900;
        background: #00dbe0;
        color: #FFFFFF;
        padding: 10px 0;
       
        font-size: 16px;
        left: 0;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
.index_product ul li:hover .txt .h2{ background: #00dbe0; color: #FFFFFF;}

@media(max-width:999px) {
.cent01{ margin-top: 5%;}
.index_product ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
.index_product ul li .txt { }
.index_product ul li .txt .h2 { font-size: 14px;  }
}




.cent02{ width: 100%; margin-top: 2%;}
.cent02 img{ width: 100%; vertical-align: bottom;}
@media(max-width:999px) {
	.cent02{  margin-top: 5%;}
}

.cent03{ margin-top: 2%;}
.cent0301{ position: relative;}
.mySwiper02{width: 90%;margin: 0 auto;}
.mySwiper02 .swiper-slide>a{ padding:5px}
.mySwiper02 .nr_box {overflow: hidden;transition: all .3s ease;}
.mySwiper02 .nr_box:hover { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.mySwiper02 .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.mySwiper02 .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;  object-fit: cover;}
.mySwiper02 .txtbg {transition: all 0.5s;}
.mySwiper02 .nr_box:hover .txtbg{    transform: translateY(-50px);}
.mySwiper02 .txt {padding: 20px 5px;position: relative;text-align: center;background: #fff;}
.mySwiper02 .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.mySwiper02 .txt .h3 {bottom: 0;width: 100%;position: absolute;display: none;padding: 0;color: #fff;}
.mySwiper02 .txt .h3 em{
    display:inline-block;
    color: #fff;
    background-color: #00dbe0;
    border: none;
    border-bottom: 3px #ef2f49 solid;
    font-style: normal;
    font-size: 16px;
    padding: 8px 15px;
    border-radius: 5px;
    }
.cent0301 .nr_box:hover .h3{display: block;bottom: -35%;}
.cent0301 .swiper-button-next, .cent0301 .swiper-button-prev{ width: 60px; height: 60px; border-radius: 50%; background-color: #00dbe0;}
.cent0301  .swiper-button-next{ right: 0 !important;} 
.cent0301 .swiper-button-prev{ left: 0 !important;}
.cent0301 .swiper-button-next:after, .cent0301 .swiper-button-prev:after{ color: #fff; font-size: 20px;}
.cent0301 .swiper-button-next:hover, .cent0301 .swiper-button-prev:hover{ background: #000;}
@media(max-width:999px) {
	.cent03{ margin-top: 5%;}
	.cent0301 .swiper-button-next, .cent0301 .swiper-button-prev{ width: 40px; height: 40px;}
}


.cent04_bg{ background: #000; padding: 3% 0;}
.cent04{ display: flex;  align-items:flex-start;justify-content: space-between;}
.cent0401{ width: 48%;}
    .cent0401 .h2 {
        font-size: 50px;
        display: block;
        color: #e5e5e5;
        font-weight: 600;
    }
    .cent0401 .titebg {
        display: block;
        font-size: 15px;
        color: #e5e5e5;
        margin-top: 3%;
    }
.cent0402{width: 48%; overflow: hidden; border-radius: 5px;}
.cent0402 video{ width: 100%; vertical-align: bottom;}
@media(max-width:999px) {
	.cent04_bg{ padding: 5% 0;}
	.cent04{flex-wrap: wrap; }
	.cent0401{ width: 100%;}
	.cent0401 .h2{ font-size: 32px;}
	.cent0402{ width: 100%; margin-top: 5%;}
}

.cent05{ margin: 3% auto;}
.newsclass_list { margin-top:2%; }
.newsclass_list ul li { float: left; width: calc((100% - 40px)/3); margin: 0 0 0px 20px; background: #fff; }
.newsclass_list ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.newsclass_list ul li .nr_box {border-radius:10px;overflow: hidden;transition: all .3s ease;box-shadow: 0px 0px 15px #ccc;}
.newsclass_list ul li:hover .nr_box { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.newsclass_list ul li .img {padding-bottom: 75%;position: relative;overflow: hidden;background: #f9f9f9;}
.newsclass_list ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: contain;}
.newsclass_list ul li .txtbg { }
    .newsclass_list ul li .txt {
        background: #00dbe0;
        padding: 4% 4.5%;
        color: #666;
    }
.newsclass_list ul li .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #333;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;text-align: center;}

@media(max-width:999px) {
.newsclass_list ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
/*.newsclass_list ul li:nth-child(2n-1){ margin-left:0; clear:left;}*/
.newsclass_list ul li .txt { padding: 10px 5%; }
.newsclass_list ul li .txt .h2 { font-size: 14px; line-height: 1.5em; height: 1.5em; margin-bottom: 5px; }
}


.loge{ text-align: center; margin-top: 2%;}
.loge a{background: #00dbe0;display: inline-block;color: #ffffff;border-radius: 30px;padding: 14px 26px;font-size: 16px;}




.footer01_bg{ padding: 7% 0; text-align: center; color: #fff;}
.footer01_bg a{color: #fff;}
.footer01{}
.footer01 .h1{ font-size: 20px;}
.footer01 .h2{  font-size: 14px; font-weight: bold; margin: 10px 0;}
.footer01 .search01{display: flex;align-items: center;background: #fff;height: 48px;width: 90%;max-width: 580px;margin: 2% auto 0;}
.footer01 .search01 a{width: 125px;height: 48px;display: flex;justify-content: center;align-items: center;background: #2a2a2a;font-size: 16px;}
.footer01 .search01 .input_text{width:calc(100% - 125px); outline:none; box-sizing: border-box; padding: 10px 15px; color: #000;}
.footer01 .search01 .input_text::-webkit-input-placeholder{ color:#ccc;}
.footer01 .fxe{ display: flex; justify-content: center;  align-items: center; margin-top: 3%;}
    .footer01 .fxe a {
        margin: 0 9px;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 32px;
        height: 48px;
        color: #fff;
    }
.footer01 .fxe a img{ max-width: 100%; max-height: 100%;}
.footer01 .fxe a i{ font-size: 32px;  color: #fff;}

.footer02_bg {
    padding: 30px 0;
    background: #000;
    color: #fff;
}
.footer02_bg a{color: #fff;}
.footer02 dl{ display: flex; justify-content: space-between;  align-items:flex-start;}
    .footer02 dl dd {
        border: 1px rgba(255, 255, 255, 0.1) solid;
        padding: 18px 20px 20px 20px;
        min-height: 140px;
        width: 32%;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.footer02 dl dd .img{     color: #00dbe0;
padding: 18px 18px 18px 0px;
margin-top: 4px;
border-right: 1px rgba(255, 255, 255, 0.1) solid;    color: #00dbe0;
padding: 18px 18px 18px 0px;
margin-top: 4px;
border-right: 1px rgba(255, 255, 255, 0.1) solid;}
.footer02 dl dd .img i{ font-size: 32px;}
.footer02 dl dd .titbg{ width:80%;}
.footer02 dl dd .titbg h2{ font-size: 16px; display: block; margin-bottom: 6px;}
.footer02 dl dd .titbg .h2{ display:block;font-size: 14px;}
.footer02 dl dd .titbg .h2>span{ font-size: 14px;}
.footer02 dl dd .titbg img{ max-height: 60px;}

.footer03{ font-size: 12.8px; padding: 8px; box-sizing:border-box; text-align: center;}

@media(max-width:999px) {
	.footer01_bg{ padding: 15% 0;}
	.footer01 .search01{ width: 100%;}
	.footer02 dl{flex-wrap: wrap; }
	.footer02 dl dd{ width: 100%;}

}


.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 40px;
	right: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #00dbe0 url(../images/top.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
  .cd-top.cd-is-visible {
	/* the button becomes visible */
	visibility: visible;
	opacity: 1;
  }
  .cd-top.cd-fade-out {
	/* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
	opacity: .5;
  }
  .no-touch .cd-top:hover {
	background-color: #e86256;
	opacity: 1;
  }
  @media only screen and (min-width: 768px) {
	.cd-top {
	  right: 20px;
	  bottom: 20px;
	}
  }
  @media only screen and (min-width: 1024px) {
	.cd-top {
	  height: 40px;
	  width: 40px;
	  right: 30px;
	  bottom: 30px;
	}
  }

  .banner02{}
  .mySwiper03{}
  .banner02 .swiper-slide img{ width: 100%; vertical-align:bottom;}
  .mySwiper03 .swiper-button-next, .mySwiper03 .swiper-button-prev{ color: #fff;}
  .swiper-pagination03{}
  .swiper-pagination03 span{ width: 14px; height: 8px; border-radius: 20px; background: #fff;}
  .swiper-pagination03 span.swiper-pagination-bullet-active{ width:30px ;}
  .banner02 .swiper-slide .txtbg{ width:80%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
  .banner02 .swiper-slide .txt{ color:#fff; text-align:center;}
  .banner02 .swiper-slide .txt .h2{ font-size:50px; line-height:1.2em; font-weight:bold; margin-bottom:2%;}
  .banner02 .swiper-slide .txt .h3{ font-size:32px; line-height:1.4em;}
  .banner02 .swiper-slide .txt a{background: #00dbe0;color: #fff;border-radius: 5px;font-size: 20px;padding: 8px 12px;display: inline-block;margin-top: 2%;text-transform: uppercase;}
  @media(max-width:999px){
	.banner02 .swiper-slide img{ height:50vw; }
	.banner02 .swiper-slide .txtbg{ width:90%; }
	.banner02 .swiper-slide .txt .h2{ font-size:20px; line-height:1.2em; margin-bottom:10px;}
	.banner02 .swiper-slide .txt .h3{ font-size:18px; line-height:1.4em;}
	.banner02 .swiper-pagination{ bottom:10px;}
	.banner02 .swiper-slide .txt a{ font-size: 14px; padding: 8px 12px;}
	}
	
	.cent06_bg{ background: #eeeeee; box-sizing:border-box; padding: 1.4% 0;}
	.cent06{ display: flex;  align-items: center;justify-content: space-between;}
	.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px;  color: rgba(0,0,0,0.2);}
	.weizhi a{ color: #000;}
	.weizhi a.active{ color: #00dbe0;}
	@media(max-width:999px){
		.cent06{flex-wrap: wrap; }
		.cent06 .title{ width: 100%;}
		.cent06 .weizhi{width: 100%; text-align: center;}
	}


.cent07{ margin: 2% auto;}
.cent07_l{ float: left; display: block; width: 25%;}
.cent07_r{ float:right; display: block; width:calc(100% - 25% - 10px);}
@media(max-width:999px){
.cent07{ margin: 5% auto;}
.cent07_l{ float:none; width: 100%;}
.cent07_r{  float:none; width: 100%; margin-top: 5%;}
}


.car{border: 1px solid #dee2e6; border-radius: 5px; padding: 8%;}
.car ul li{}
.car ul li .h1{ position:relative; line-height: 28px;}
.car ul li .h1 a{    font-weight: 500;	text-transform: capitalize;	display: inline-block;width: 100%;font-size: 16px;}
.car ul li .h1 a:before { width: 20px; height: 20px; border-radius:100%; text-align: center; line-height: 20px; background: #f2f2f2; content: "\f107";  font-weight: 900; font-size: 0.7rem; top: 50%; position: absolute; right: 0; margin-top: -10px; }
    .car ul li.active .h1 a {
        font-weight: bold;
        color: #ff0000;
    }
.car ul li.active .h1 a:before { background: #00dbe0; color: #ffffff; transform: rotate(180deg); }
.car ul li dl{ padding: 5px 0px;line-height: 1.6;}
.car ul li dl dd{    font-size:14.4px;	color: #687188;display: block;padding-bottom: 3px;line-height: 32px;}
    .car ul li dl dd.on a {
        font-weight: bold;
        color: #ff0000;
    }

@media(max-width:999px){
	
}


.productlist{}
.productlist ul li { float: left; width: calc((100% - 40px)/3); margin: 0 0 30px 20px; background: #fff; }
.productlist ul li:nth-child(3n-2) { margin-left: 0; clear: left; }
.productlist ul li .nr_box {overflow: hidden;transition: all .3s ease;border: #eee 1px solid;}
.productlist ul li .nr_box:hover {     box-shadow: 0 10px 55px 5px rgba(0, 0, 0, .15); }
.productlist ul li .imgbg{position: relative; overflow: hidden;}
.productlist ul li .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.productlist ul li .imgbg .gnie{position:absolute;width: 100%;bottom: -50px;left: 0;background: #00dbe0;color: #FFF;font-size: 14px;padding: 16px 0;height: auto;opacity: 0;transition: all 0.5s;text-align: center;}
.productlist ul li .nr_box:hover .imgbg .gnie{opacity: 1;bottom: 0;}
.productlist ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover; }
.productlist ul li .img .img01{ display: block;}
.productlist ul li .img .img02{ display:none;}
.productlist ul li .nr_box:hover .img01{ display: none;}
.productlist ul li .nr_box:hover .img02{ display:block;}
.productlist ul li .txtbg {  color: #000;}
.productlist ul li .txt { padding: 4% 4%;  }
.productlist ul li .txt .h2 { font-size: 15.4px; line-height: 1.5em;  color: #000; margin-bottom: 0.2rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.productlist ul li .txt .h3 { font-size: 16px; line-height: 1.5em; height: 1.5em;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-weight: 600;}

@media(max-width:999px) {
	.productlist ul li{ float:left; width:calc((100% - 10px)/2); margin:0 0 20px 10px; }
	.productlist ul li:nth-child(3n-2){ margin-left:10px; clear:none;}
	.productlist ul li:nth-child(2n-1){ margin-left:0; clear:left;}
	.productlist ul li .txt { padding: 10px 5%; }
	.productlist ul li .txt .h2 { font-size: 14px; line-height: 1.5em; }
	.productlist ul li .txt .h3 { font-size: 12px; line-height: 1.5em;  }
	}



.cent08{ margin:3% auto;}
.cent08_l{float:left;display:block;width:calc(100% - 48%);height: 60vh;position: relative;}
.mySwiper12 {width:calc(100% - 20% - 10px) !important;  height: 100%; float:left;}
.mySwiper12 .img{ display: flex; justify-content: center;  align-items: center; width: 100%; height: 100%; background: #f5f5f5;}
.mySwiper12 .img img{ max-width: 100%; max-height: 100%; vertical-align: bottom;}
.mySwiper13 {width: 20% !important;box-sizing: border-box;float:right;box-sizing:border-box;height: 100%;}
.mySwiper13 .img{ display: flex; justify-content: center;  align-items: center; width: 98%; height: 98%; background: #f5f5f5; border: 1px solid transparent;}
.mySwiper13 .img img{ max-width: 100%; max-height: 100%; vertical-align: bottom;}
.mySwiper13 .swiper-slide-thumb-active  .img{ border: 1px solid #333;}
.cent08_r{ float:right; display:block; width:45%; color: #000;}
.cent08_r .h1{ display: block; font-size: 20px; font-weight: bold;}
.cent08_r .h2{ font-size: 14px;display: block; font-weight: 300; margin-top: 2%;}
.cent08_r .h3{ font-size: 14px; line-height: 2; margin-top: 2%;}
@media(max-width:999px) {
	.cent08_l{ float:none; width: 100%;}
	.cent08_r{ float:none; width: 100%; margin-top: 5%;}
	.cent08_r .h1{ font-size: 20px;}
	.cent08_r .h3{ font-size: 14px;}
	}

.cent09{ margin: 3% auto; }
.cent0901{display: flex; align-items: center;justify-content: space-between; margin-top: 2%;}
.cent0901 .titbg{ width: 48%; font-size: 16px; line-height: 1.5;}
.cent0901 .img{ width: 48%;}
.cent0901 .img img{ width: 100%;}
@media(max-width:999px) {
	.cent09{ margin: 5% auto;}
	.cent0901{flex-wrap: wrap; }
	.cent0901 .titbg{ float:none; width: 100%; font-size: 14px;}
	.cent0901 .img{ float:none; width: 100%;}
}

.cent10{ margin: 3% auto;}
.cent1001{ position: relative; margin-top: 3%;}
.mySwiper04{width: 90%;margin: 0 auto;}
.mySwiper04 .swiper-slide>a{ padding:5px}
.mySwiper04 .nr_box {overflow: hidden;transition: all .3s ease;}
.mySwiper04 .nr_box:hover { border-color: var(--primary-color); box-shadow: 0 0 10px rgba(0,0,0,.1); }
.mySwiper04 .img { padding-bottom: 70%; position: relative; overflow: hidden; background: #f9f9f9; }
.mySwiper04 .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;  object-fit: cover;}
.mySwiper04 .txtbg {transition: all 0.5s;}
.mySwiper04 .nr_box:hover .txtbg{  }
.mySwiper04 .txt {padding: 20px 5px;position: relative;background: #fff;text-align: left;}
.mySwiper04 .txt .h2 {font-size: 16px;line-height: 1.5em;height: 1.5em;color: #939393;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical; margin-bottom: 5px;}
.mySwiper04 .txt .h3{font-size: 17px;line-height: 1.5em;height: 3em;color: #000;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;font-weight: bold;}
.cent1001 .swiper-button-next, .cent1001 .swiper-button-prev{ width: 60px; height: 60px; border-radius: 50%; background-color: #00dbe0;}
.cent1001  .swiper-button-next{ right: 0 !important;} 
.cent1001 .swiper-button-prev{ left: 0 !important;}
.cent1001 .swiper-button-next:after, .cent1001 .swiper-button-prev:after{ color: #fff; font-size: 20px;}
.cent1001 .swiper-button-next:hover, .cent1001 .swiper-button-prev:hover{ background: #000;}
@media(max-width:999px) {
	.cent10{ margin: 5% auto;}
	.cent1001 .swiper-button-next, .cent1001 .swiper-button-prev{ width: 40px; height: 40px;}
}

.inside_con{ padding:10px 0; min-height: 300px;}

.cent11{ margin:2% auto}
.cent1101{ margin-top: 2%; }
.cent1101 ul li { float: left; width: calc((100% - 20px)/2); margin: 0 0 20px 20px; background: #fff; }
.cent1101 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.cent1101 ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */ overflow: hidden; transition: all .3s ease; box-shadow: 0px 0px 15px #ccc; }
.cent1101 ul li .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent1101 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease;object-fit: cover; }
/*.cent1101 ul li:hover .img img { transform: scale(1.1); }*/
@media(max-width:999px) {
.cent1101 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
}


.cent12{ margin:2% auto}
.cent1201{ margin-top: 2%; }
.cent1201 ul li { float: left; width: calc((100% - 20px)/2); margin: 0 0 20px 20px; background: #fff; }
.cent1201 ul li:nth-child(2n-1) { margin-left: 0; clear: left; }
.cent1201 ul li .nr_box {/* border:1px solid #eee; *//* border-radius:10px; */ overflow: hidden; transition: all .3s ease; box-shadow: 0px 0px 15px #ccc; }
.cent1201 ul li .img { padding-bottom: 50%; position: relative; overflow: hidden; background: #f9f9f9; }
.cent1201 ul li .img img { width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto auto; transition: all .3s ease; object-fit: cover;}
/*.cent1101 ul li:hover .img img { transform: scale(1.1); }*/
@media(max-width:999px) {
.cent1201 ul li { float: left; width: 100%; margin: 0 0 20px 0px; }
}