@charset "UTF-8";
html,body {	overflow-x: hidden;	overflow-y: auto; font-size: 14px; line-height: 30px;}
body, p, form, textarea, h1, h2, h3, h4, h5, dl, dd {	margin: 0px;}
input, button, ul, ol {	margin: 0px;	padding: 0px;}
input, button, form {	font-size: 14px;	line-height: 30px;	color: #333333;}
h1, h2, h3, h4, h5, h6 {	font-size: 14px;	font-weight: normal;}
ul, ol, li {	list-style: none;}
input {	background: none;	border: 0 none;}
img, iframe {	border: 0px;}
em, i {	font-style: normal;}
button, input, select, textarea {	font-size: 100%;}
table {	border-collapse: collapse;	border-spacing: 0;}
.fl {	float: left;}
.fr {	float: right;}procedures-box
.ease, .ease * {
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;
}
.noease, .noease * {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #aaa;}

.wrap{width: 1140px; margin: 0 auto;}
.clear {  clear: both;}
a{text-decoration:none}
/*清除浮动*/
.clearfix {*zoom: 1;}
.clearfix:after {	visibility: hidden;	display: block;	font-size: 0;	content: " ";	clear: both;	height: 0;}
.cpjs0{ margin:80px 0px;}
.cpjs0 strong{ font-size:40px; color:#003b88;}
.cpjs0 p{ font-size:16px;}

.news_left{float:left;}
.news_right{float:right;}
header{  zoom:1; background:#397baa; position: relative; }
header.active {width: 100%;   position: fixed;   left: 0;   top: 0;  background: #397baa;   box-shadow: 0 0 15px rgb(0 0 0 / 20%); z-index: 999;}
.pageTop {margin:0px 0px;display: flex; justify-content: space-between;	align-items: center;}
.logobox{}
.logobox img{ max-height:60px; display: block; }
/*nav*/
.nav_main {}
.nav {	position: relative;	z-index: 12;}
.nav .list {margin: 0 auto;		position: relative;}
.nav li.item {	float: left;	width: 110px;	display: block;	position: relative;	z-index: 10;	font-size: 16px;	text-align: center;	
	-webkit-transition: all .3s ease-in-out 0s;	-moz-transition: all .3s ease-in-out 0s;	transition: all .3s ease-in-out 0s;}
.nav .item.active a.class1, .nav li.item:hover a.class1{	color: #18096d; font-weight: bold;text-decoration:none}

.nav .item a.class1 {	display: block;	color: #fff;font-size: 16px; height: 95px;   line-height: 95px;}
.nav .item a.class1:before {   content: '';   position: absolute;   left: 50%;   transform: translateX(-50%);   bottom: 0;   border: 8px solid;
    border-color: transparent transparent #0068bb transparent;  opacity: 0;    transition: all .5s ease;}
.nav .item.active a.class1:before {content: '';   position: absolute;   left: 50%;   transform: translateX(-50%);   bottom: 0;   border: 8px solid;
    border-color: transparent transparent #0068bb transparent;  opacity: 1;   transition: all .5s ease;}
.nav .item:hover a.class1:before { opacity: 1;}
.nav .subnav {	position: absolute;	top: 95px;	filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	z-index: 199;
	opacity: 0;
	visibility: hidden; background:#0068bb;
	height: auto;
	overflow: hidden;
	width: 100%;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);    border-radius: 0px 0px 5px 5px;}
.nav li:hover .subnav {opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);
}
.nav .subnav .nav1 {position: relative;	display: block;height: 40px;	font-size: 14px;line-height: 40px;	text-align: center;	
	-webkit-transition: all .3s ease-in-out 0s;	-moz-transition: all .3s ease-in-out 0s;	transition: all .3s ease-in-out 0s;}

.nav .subnav .nav1:hover {background: #02b29c;}
.nav .subnav .nav1 a {	padding: 0;	height: 40px;	line-height: 40px!important;	font-size: 14px;	color: #fff;}
.nav .subnav .nav1:hover a {color: #fff;}

.tel-con{ }
.tel-con img{ max-width: 50px; display:block;}
.tel-con i{ font-size: 16px;background:#0068bb; color: #fff; border-radius: 100%; width: 25px; height: 25px; display: flex; justify-content: center; align-items: center;    }
.tel-con a{    font-size: 18px;   font-weight: 700;   color: #333;   line-height: 95px;}
header.active .nav-search{background: #0068bb;}
header.active .nav-search i{ color: #fff;}
.nav-search{width: 80px; flex: 0 0 80px; height: 95px; justify-content: center; display: flex; align-items: center;  background: 0 0;  transition: all .5s ease;}
.nav-search i{color: #0068bb; font-size: 20px;}
.top_search{display: none; z-index: 999;   flex-wrap: wrap;  flex-direction: row;  width: 100%;   display-radio: flex;   min-height: 0;   top: 100%;   left: 0;   position: absolute;}
.search_area{flex: 0 0 100%;  background-color: #f2f2f2;position: relative;   margin: 0 auto;  padding:3% 5%;}
.top_search.on .bg {   opacity: 1;   visibility: visible;}
.bg {flex: 0 0 100%; min-height: 2000px;   width: 100%;  top: 0;   position: absolute;  background-color: rgba(0,0,0,.7);   opacity: 0;   visibility: hidden;   transition: .5s ease;}    
.searchform{ display: flex;   flex-wrap: wrap;   flex-direction: row;
    width: 80%;max-width: 1200px;   margin:auto;   border: 1px solid #ddd; padding: 10px 25px;display: block; line-height: 1.5;
    color: #495057;   background-color: #fff;  border-radius: 50px;  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} 
.searchform input{ width: calc(100% - 20px);}
.searchform button{ background: none; border: none;color: #0068bb;}

.index-banner{ margin: 20px auto;}
.index-banner img{display: block;}

.index-about{}
.aboutbox dl{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutbox dl dd{ }
.aboutbox h3{line-height: normal;  color: #333;  font-size: 20px;  font-family: Arial;    font-weight: 400; text-align: left;}
.aboutbox h3 em{line-height: 2.5; color: #999;  font-size: 14px; display: block;margin-top: 0;  text-align: left;}    
    
.aboutbox p{text-align: left;  line-height: 1.8;   color: #333;  margin: 2% 0px;   font-size: 14px;   font-weight: 400;  } 
.xq{ color:#61ce70;font-size: 14px; font-family: Arial, Helvetica, sans-serif;} 

.fwcn{ height: 295px;background:url(../images/fwcn.jpg);padding-top:5px;}
.fwcn_title{ font-size: 22px; color: #6ec1e4; width: 200px; height: 35px; line-height: 35px; text-align: center; margin:40px auto; background-color: #fff;}
.fwcn_con{ width: 80%; font-size: 16px; color:#fff; text-align: center; margin: 0 auto;}
.fwcn_bt{width: 80%; font-size: 22px; color:#fff; text-align: center; margin: 20px auto; font-weight: bold;}


/***material***/

.material{}
.material ul{ display: flex; flex-wrap: wrap;}
.material ul li{width:calc(100%/3 - 25px); padding: 20px; box-sizing: border-box;margin-right: 25px;}
.material ul li img{width:100%;}
.material ul li h3{color:#6ec1e4;font-size:20px; font-weight:bold;}
.material ul li h4{font-size:16px; color:#333;}




/**/

.index-product{padding: 100px 0px;;}
.index-product .tit{ text-align: center;color: #6ec1e4; margin-bottom: 30px;}
.index-product .tit a{color: #6ec1e4; font-size: 36px; font-weight: bold;}
.index-product .tit em{color: #6ec1e4; font-size: 16px; margin-top: 20px; font-weight: normal; font-style: normal; display: block;}
.product_con{position: relative;}
.product_con .z,.product_con .y{position: absolute;top: 50%;width: 40px;height: 40px;display: block;}


.product_con ul{}
.product_con li{width:calc(100%/3 - 0px); padding: 20px; box-sizing: border-box;  background:#fff;float: left;margin-right: 25px;}
.product_con li.nobot{margin-right:0;}
.product_con li a{display: table-cell; vertical-align:middle;}
.product_con li .img{ height: 200px;}
.product_con li img{width:100%; height:200px;object-fit: contain; display: block;}
.product_con li h3{text-align: center; font-weight: bold; font-size: 16px; margin-top: 10px;}
.product_con li p{color:#9d9d9d; font-size: 14px; margin-bottom: 10px;}
.product_con li span{ border:1px solid #cdcdcd; border-radius: 30px; display: block; margin: auto; text-align: center; width: 130px; padding: 5px 0px;}

.index-product .swiper-button-next, .index-product .swiper-button-prev {background: rgba(0,0,0,.3)!important;   width: 50px!important;height: 50px!important;   border-radius: 50%;}
.index-product .swiper-button-prev, .index-product .swiper-button-next{ display: flex; justify-content: center; align-items: center; }
.index-product .swiper-button-prev:after{content: "<";font-size: 20px;display: block;   color: #fff;font-family: "宋体";  }
.index-product .swiper-button-next:after {content: ">";font-size: 20px; color: #fff;font-family: "宋体";  }

.index-case{padding:0px; text-align: center; }
.index-case .tit{ text-align: center;color: #008F9E; margin-top: 30px; font-size:27PX; font-weight:bold;}


/**/

.index-news{background:url(../images/newsbg.jpg);padding:60px 0px;}

.index-news .tit{ text-align: center;color: #6ec1e4; margin-bottom: 30px; font-size:36PX;}
.index-news .tit a{color: #000; font-size: 36px; font-weight: bold;}
.index-news .tit em{color: #000; font-size: 16px; margin-top: 20px; font-weight: normal; font-style: normal; display: block;}

.newsbox dl{display: flex; flex-wrap: wrap; justify-content: space-between;   overflow: hidden;}
.newsbox dt{height:300px;width:500px;padding: 10px; box-sizing: border-box; background: #fff; overflow: hidden;}
.newsbox dt a{display: block;float: right;}
.newsbox dt img{    width: 100%;    height: 380px;   object-fit: cover;}

.newsbox dd{padding: 60px 0px;width:490px; box-sizing: border-box;}
.newsbox dd h3{ margin: 10px 0px;}
.newsbox dd h3 a{ font-size: 18px; color:#333;font-weight: bold;}
.newsbox dd time{font-size: 18px;   font-family: Arial;    color: #9f9f9f;    font-weight: 400;}
.newsbox dd p{line-height: 30px;font-size: 18px; color: #8b8b8b;}
.newsbox dd span{ border:1px solid #cdcdcd;    transition: all .3s; border-radius: 30px; display: block; margin-top: 30px; text-align: center; width: 130px; padding: 5px 0px;}
.newsbox dd span a{color: #7d7d7d;}
.newsbox dd span:hover{ background:#0068bb ;  border: 1px solid #0068bb;}
.newsbox dd span:hover a{color: #fff;}

.newsbox ul{margin: 30px -10px 0px; display: flex; flex-wrap: wrap;justify-content: space-between;}
.newsbox li{width: calc(100%/3 - 20px); margin: 0px 10px; padding: 20px 20px;box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    display-radio: flex;   transition-property: all;   transition-radio: hover;   transition-duration: .6s;
    transition-timing-function: cubic-bezier(0.25,0.1,0.25,1);   background-color: #fff; box-sizing: border-box; }

.newsbox li h3{ color:#000;  font-weight: bold; font-size: 16px;}
.newsbox li time{font-size: 18px;   font-family: Arial;    color: #9f9f9f;    font-weight: 400;}
.newsbox li p{margin: 10px 0px; color: #9f9f9f; line-height: 30px;}
.newsbox li:hover{background:#0068bb;}
.newsbox li:hover h3{ color: #fff;}
.newsbox li:hover time{ color: #fff;}
.newsbox li:hover p{ color: #fff;}


.foot_cop{ clear: both; color: #fff;}
.foot_cop a{color: #fff;}
.case_con img{width:50%}





footer{background: #2c2c2c; padding: 60px 0px 0px 0px; clear: both;}
footer .footer{padding: 0px 0px 60px 0px; display: flex; flex-wrap: wrap; justify-content: space-between;}
footer .footer .a00{ width: 25%;}
footer .footer .a01{ width: 25%;}
footer .footer .a02{ width: 30%;}
footer .footer .a03{ }

footer .footer .foot-con h2{color: #fff; font-size: 20px; margin-bottom: 20px; font-weight: bold;}
footer .footer .foot-con p{ color: #D3D3D3;}
footer .footer .foot-con ul{ display: flex; flex-wrap: wrap;}
footer .footer .foot-con a{width:calc(100%/2 - 22px); text-align: center; color: #fff;margin:5px 10px;border:1px solid rgba(255,255,255,.4); padding: 5px 10px; border-radius: 5px;  box-sizing: border-box;   }
footer .footer .foot-con a:hover{ background:#0068bb ;color: #fff;  border: 1px solid #0068bb;}
/*copyright*/
.copyright {border-top:1px solid rgba(255,255,255,.16);height: 57px;
	line-height: 57px;color: #999999;font-size: 14px; text-align: center;}

.copyright a {	color: #999999;
	-webkit-transition: all ease 300ms;
	-moz-transition: all ease 300ms;
	-ms-transition: all ease 300ms;
	-o-transition: all ease 300ms;
	transition: all ease 300ms;}
.copyright a:hover {	color: #fff;}

.column-main {border-bottom: 1px solid #ddd;}
.sortcolumn {display: flex; justify-content: space-between; height: 60px;    flex-wrap: wrap;    flex-direction: row;
  align-items: center;   }
.sortcolumn ul{ display:flex; flex-wrap: wrap;}    
.sortcolumn ul li { position: relative; padding: 0px 20px; margin-right: 30px;}
.sortcolumn ul li a{color: #333; display: block;  font-size: 16px; height: 60px; line-height: 60px;}
.sortcolumn ul li:after{content: '';   position: absolute;  height: 2px;  width: 0;   left: 0;   background: #0068bb;   bottom: 0;   transition: .4s ease;}
.sortcolumn ul li:hover:after{width: 100%;}
.sortcolumn ul li.on:after{width: 100%;}
.sortcolumn  .position{}

/*檢測設備*/
.jcsb_left{ width: 650px; height: 350px; border: solid 10px #003399 ; border-left: none; margin-top: 100px; float: left;}
.jcsb_left1{ width: 650px; height: 350px; border: solid 10px #003399 ; border-left: none; margin-top: 100px; float: right;}
.jcsb_left_title{ width: 70%; margin: 0px auto;font-size: 24px;padding:80px 0px 20px 0px; color: #0068bb; font-weight: bold;}
.jcsb_con{ width: 70%; margin: 0px auto; color: #333; font-size: 18px;}
.jcsb_right{width: 350px; height:350px; float: right;margin-top: 100px;}
.jcsb_right1{width: 350px; height:350px; float:left;margin-top: 100px;}


/*物料介紹*/
.device_con { clear:both;}
.wlimg{ border-radius: 100%;}
.wl_line{ width: 40%; border: solid 1px #999; margin: 10px auto;}
.wlry_title{ height: 160px; background-color: #64af2f; margin: 80px 0px;}
.wlry_title h1{ font-size: 30px; font-weight: bold; text-align: center; color:#fff; padding: 40px 0px 20px 0px;}
.wlry_title h3{font-size: 26px; font-weight: bold; text-align: center; color:#fff; }
.wl_conleft{ width:40%; float: left;}
.wl_conright{ width: 60%;float: right; text-align: center;}
.wl_conright h1{ font-size: 30px; color:#6ec1e4; font-weight: bold;}
.wl_conright h3{ font-size: 20px; color:#333; padding: 15px 0px;}
.wl_conright p{ font-size: 16px; color: #666; width: 80%; margin:20px auto;}

/*防水工程的流程*/

.procedures{margin:20px auto;}
.procedures_con{clear: both;}
.procedures h1{ font-size: 30px; text-align: center;color:#385e32; margin: 30px 0px;}
.procedures_lfet{ float: left; background-color:#80b2d9; color:#fff;width:56.1%; height:549px;}
.procedures_lfet h1{ font-size: 30px;text-align: left;color:#fff;}
.procedures_lfet p{ font-size: 20px; color:#fff; width: 400px;text-align: left; line-height:36px;}


.procedures_right{ float: right;}
.procedures-box {text-align:center;}
.procedures-box h2{ font-size: 30px;  margin:80px 0px 16px 0px; font-weight: bold; color:#397baa;}
.procedures-fbt{ font-size:16px;}
.procedures_lfet_con{ width:50%; margin:50px auto;}
.procedures_lfet_con_bj{ margin-top:40px;font-weight:bold; font-size:14px; text-align:center;}
.procedures_lfet_con_zx{ width:300px; height:62px; line-height:62px; text-align:center; color:#333; border-radius:30px; background-color:#fff;font-size:20px; margin-top:15px;}



.procedures_lfet1{ float:right; background-color:#80b2d9; color:#fff;width:56.1%; height:549px;}
.procedures_lfet1 h1{ font-size: 30px; text-align: left;color:#fff;}
.procedures_lfet1 p{ font-size: 20px; color:#fff; width: 400px;text-align: left; line-height:36px;}
.procedures_right1{ float:left;}


/*防水小知識*/

.fsxzs{ margin-top: 60px;}
.fsxzs p{ margin-top: 10px; line-height: 24px;}
.fsxzs_title{ height: 75px; background-color: #043298; width: 90%; margin:0 auto;}
.fsxzs_title_a{ height:65px; margin-left: 20px; background-color: #fafafa; line-height: 75px; text-align: left; padding-left:30px; font-size: 26px; color: #666;}
.fsxzs_title_b{ padding-top: 30px; font-size: 16px;width: 90%; margin:0 auto; color: #666;}


/*****质量保障*****/
.aqbz{ width:1100px; margin:40px auto; text-align:center;}
.aqbz_title h1{font-size:27px;font-weight:bold;color:#008F9E;}
.aqbz_title h4{font-size:13.5px;color:#808080;}
.aqbz_con{ width:100%; height:265px; background-color:#f2f2f2; border-radius:10px; margin:30px 0px; text-align:left;}

.aqbz_con_left{ width:56%; float:left;padding:30px 10px;}
.aqbz_con_left h2{ font-size:18px; color:#008F9E;}
.aqbz_con_left p{font-size:15px; color:#333; margin-bottom:10px;}
.aqbz_con_right{width:40%; float:right; text-align:right;}

.elementor-divider{ border:solid 1px #f2f2f2; clear:both; margin:20px auto;}

.xjsf ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.xjsf ul li{width: calc(100%/3 - 60px); background:#F2F2F2; box-shadow: 0px 0px 20px #ccc; padding: 20px 20px; margin:20px 10px; text-align:left; border-radius:10px;}
.xjsf ul li:hover{ background-color:#008F9E;}
.xjsf_pic{ float:left; margin-right:20px;}
.xjsf_ms{ float:left; font-size:18px;padding-bottom:10px;}
.xjsf_ms p{ font-size:14px;}
.xjsf_ms strong{ color:#098997}
.xjsf_con{ clear:both;line-height:24px; font-size:14px; font-weight:normal; color:#666;}



.khjz ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.khjz ul li{width: calc(100%/4 - 40px); background:#F2F2F2; box-shadow: 0px 0px 20px #ccc; padding: 10px; margin:20px 10px; text-align:left; border-radius:10px;}
.khjz ul li:hover{ background-color:#008F9E;}
.khjz_pic{ float:left; margin-right:20px;}
.khjz_ms{ float:left; font-size:18px;padding-bottom:10px;}
.khjz_ms p{ font-size:13px; color:#666;}
.khjz_ms strong{ color:#098997}
.khjz_con{ clear:both;line-height:24px; font-size:14px; font-weight:normal; color:#666;}
.khjz i{ padding-right:10px; color:#008F9E;font-size:20px; line-height:24px;}
.khjz span{ font-size:16px;}
.khjz_a{ margin-bottom:10px;}

/***产品系统**/
.cpxt{ clear:both; margin:60px 0px;}

.cpxt_vido{ margin-bottom:80px;}
.cpxt_vido ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.cpxt_vido ul li{ width: calc(100%/3 - 40px);margin:10px;}
.cpxt_vido ul li img{max-width: 100%;}




.cpxt ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.cpxt ul li{ width: calc(100%/3 - 40px); background: #fff; box-shadow: 0px 0px 20px #ccc; padding:5px; margin:10px;}
.cpxt ul li img{width: 100%; height:250px;}
.cpxt ul li h5 a{color: #14261c; font-size: 16px;  margin: 20px 0px;}
.cpxt_title{ font-size:30px; font-weight:bold; line-height:60px; border-bottom:solid #ff0000 2px;margin:40px 0px;}
.my-3 a{ font-size:16px; font-weight:normal; color:#333; padding:5px 15px;text-decoration:none}
.btn-info{ text-decoration:none;font-size:20px; font-weight:bold;}


/***首页产品列表**/


.product_list{ clear:both; margin:40px auto;  text-align:left;}
.product_list ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center; }
.product_list ul li{ width: calc(100%/2 - 60px);text-align:center; border-radius:20px; padding:15px; background-color:#034f85; margin:15px;}
.product_list ul li img{ max-height:60px;}
.ywfw_list{margin:40px auto;}
.ywfw_img{ float:left;}
.ywfw_text{float:left;margin-left:30px;}
.product_list ul li p{color: #fff; font-size: 14px;margin: 5px 0px; text-align:left;}
.product_list .text{ margin:15px;}
.product_list ul li a sapn{ color:#333;}
.ywfw_text{text-align:left;}
.ywfw_text h1{ color:#fff;font-size:20px; font-weight:bold;}
.ywfw_text p{color:#fff;font-size:14px;}





/******新闻资讯-**/
.news-content{width:1200px; margin:0 auto;}
.news_left{ width:65%;float:left;}
.news_right{width:30%;float:right;}
.news_right h1{ font-size:24px; line-height:40px; font-weight:bold; padding-bottom:15px;}
.news_right span{padding-right:50px;font-size:20px;line-height:100px;color:#fff;}
.news_right a{color:#fff;}
.wnbt1{background:url(../images/news01.jpg); width:313px; height:100px;text-align:right;}
.wnbt2{background:url(../images/news02.jpg);width:313px; height:100px; margin:15px 0px;text-align:right;}
.wnbt3{background:url(../images/news03.jpg);width:313px; height:100px;text-align:right;}


/****专业认证***/
.center{text-align:center;}
.clear{clear:both; height:30px;}
.fr{float:right; text-align:right;}
.fl{float:left;}

.certification{ margin:60px auto;}
.certification h2{font-size:20px; color:#666;}
.certification h1{ font-size:30px;color:#333; padding:15px 0px;}
.certification .lxwm{background-color:rgb(77, 137, 250);font-size:23px; padding:10px 10px;border-bottom-color:rgb(23, 99, 202);width:260px; margin:20px auto; text-align:center; color:#fff;}

.certification_con{ background-color:rgb(77, 137, 250); margin:60px auto;padding:60px 0px;}
.certification_con_one{}
.certification_con img{width:80%;}
.certification_con_one h1{ font-size:40px; text-align:center; color:#fff;}
.line{width:60px; height:2px; background-color:#f2f2f2; margin:40px auto;}
.certification_con_left{width:50%;}
.certification_con_right{width:50%; color:#fff; margin-top:15%}
.certification_con_right h1{ font-size:40px; margin-bottom:24px; line-height:50px; text-align:center;}
.certification_con_right p{font-style:italic;font-size:20px;text-align:center;}
.certification_two_one h1{ font-size:40px; text-align:center; color:#333;}

.certification_two_text{ width:80%; margin:60px auto;}
.certification_two_text h1{font-size:40px; margin-bottom:24px; color:rgb(77, 137, 250);}
.certification_two_text p{font-size:23px; line-height:30px; font-weight:normal; color:#666;}
.certification_two_list{padding:60px 0px; font-size:40px; color:#666;}
.certification_two_list h2{ font-size:30px; font-weight:bold; line-height:50px; list-style:none;}
.certification_two_list ul{}
.certification_two_list li{ font-size:18px; font-weight:normal; line-height:30px; list-style:disc; padding:5px 0px;list-style-position:inside}

.certification_con_three{background-color:rgb(77, 137, 250); margin:60px auto;padding:60px 0px; color:#fff; margin-bottom:0px;}
.certification_con_three h1{ font-size:40px; text-align:left; color:#fff;padding-bottom:24px;}
.certification_con_three p{ width:90%; text-align:left; padding:10px 0px;font-size:20px;}
.certification_con_four {background-color:rgb(246, 246, 246);padding:60px 0px; }
.certification_con_four ul{display: flex; flex-wrap: wrap; justify-content: center;    align-items: center;}
.certification_con_four ul li{width: calc(100%/3 - 40px);margin:20px;}
.certification_con_four ul li img{border-radius:100%;width:90%;}
.certification_con_four ul li p{ text-align:center; font-size:16px; padding:5px 0px;}






/*聯絡我們*/
.contact_con{ width: 1000px; border-radius: 30px; padding:60px; background-color: #fff; margin: 30px auto;box-shadow:0 0 5px 1px rgb(0 0 0 / 25%);transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}
.contact_title{ margin: 30px 0px; text-align: center; font-size: 30px; font-weight: bold; color: #414faa;}

.form-box .input{display: flex; justify-content: space-between; flex-wrap: wrap; }
.form-box .input input{ width: 90%; background: #f5f5f5; border: none; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}
.form-box .textarea textarea{ width: 100%; background: #f5f5f5; border: none;height: 130px; border-radius: 5px; padding: 20px 10px;margin-bottom: 20px;}

.form-box button{ width:40%; margin: 0 auto; background: #414faa; color: #fff; font-weight: bold; font-size: 18px; border: none; border-radius: 5px; 
padding: 10px 10px; position: relative; display: flex; justify-content: center; align-items: center;}

.yszc h1{ font-size: 30px; color: #666;margin: 50px 0px 20px 0px;}
.yszc_line{ border: solid 1px #999; margin-bottom: 50px;}
.yszc_con h2{ font-weight: bold; font-size: 16px; padding: 10px 0px;}
.yszc_con p{ color: #666;font-size: 14px;}




.box-content{ margin: 60px 0px; }
.about-a{ background-color: #c2d6e5; padding: 120px 0px;}
.about-a h2{ text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 75px;color: #fff; }
.about-a p{font-size: 16px;   color: #fff;    line-height: 2; text-align: center;}

.about-a .about-img ul{ display: flex; flex-wrap: wrap; margin: 20px -10px;}
.about-a .about-img ul li{ width: calc(100%/2 - 20px); margin: 0px 10px;}
.about-a .about-img ul li img{ width:100%} 

.about-b{position: relative; height: 700px;}
.about-b h2{ text-align: center; font-size: 36px;  color:#6ea0e4;font-weight: bold; margin-bottom: 60px;}
.about-b .p_video{display: block;    width: 100%;  visibility: visible;    height: 100%;    object-fit: cover;}

.about-b-main{padding:0px; width: 100%; text-align: center; height: 100%;   width: 100%;   position: absolute;
   z-index: 2;    top: 0;   left: 0;   padding-top: 0;   margin-top: 0;}
.about-b .about-b-box{ padding: 60px 0px 0px 0px; box-sizing: border-box; }
.about-b .about-b-box li{width: calc(100%/3); position: relative;}
.about-b .about-b-box li .libox{ position: relative;z-index: 2;}
.about-b .about-b-box li:after{background: #0068bb; content: ""; transition: .4s;display: block; width: 100%; height:0; left: 0; position: absolute; bottom: 0; }
.about-b .about-b-box li:hover:after{ height: 100%;}
.about-b .about-b-box li:hover h3{ color: #89ceed;}
.about-b .about-b-box p{ font-weight: normal; font-size: 16px; line-height: 30px; margin-bottom: 10px; color: #333;}
.about-b .about-b-box ul { display: flex; justify-content: space-around; margin-top:0px;}
.about-b .about-b-box ul li .img{margin: auto;  }
.about-b .about-b-box ul li .img img{ width: 90%;   }
.about-b .about-b-box ul li:hover .img{ color:#fff}
.about-b .about-b-box ul li h3{font-style:normal;color: #6ec1e4; font-weight: bold; margin:20px 0px 20px 0px;  font-size: 26px; }
.about-b .about-b-box ul li p{font-style:normal;color: #333; font-size: 16px; }
.about-b .about-b-box ul li h4{ font-size: 15px; color:#666;padding:0px 20px;text-align: left;}


.about-c{padding: 100px 0px; }
.about-c h2{ text-align: center; font-size: 36px; font-weight: bold; margin-bottom: 20px;}
.about-c .about-c-box{position: relative;}
.about-c .about-c-box .z,.about-c .about-c-box .y{position: absolute;top: 50%;width: 40px;height: 40px;}





#imglist{ display: flex; flex-wrap: wrap;}
#imglist li{ width: calc(100%/3 - 20px);padding: 10px 10px; box-sizing: border-box; margin: 10px 10px; }
#imglist li .img{ height:300px; width:100%;}
#imglist li .img img{  width:100%; height:300px;object-fit: cover; }
#imglist li h3{ padding:10px 0px 0px; text-align:center;  font-weight:normal; line-height:2;}
#showimg{ padding:15px;}



#newslist li{ float:left;  margin:0px 0px 30px 0px; width:100%;     background-color: #f5f5f5;   transition: all .5s ease;}
#newslist li .news_t {padding: 30px 30px; box-sizing: border-box; }
#newslist li .news_t h3{ line-height:30px; font-weight: bold; font-size:20px;}
#newslist li .news_t time{ line-height:30px;}
#newslist li  p{ line-height:30px; padding-bottom:20px; margin-top:10px; color:#797979;}
#newslist li span.more{ color:#797979;   width: 134px;   height: 40px;   display: inline-block;    border: 1px solid #dedede;
    font-size: 16px;   line-height: 40px;   text-align: center;transition: all .5s ease;}
#newslist li:hover{ background:#fff;  box-shadow: 0 0 15px rgb(0 0 0 / 20%);}	
#newslist li:hover span.more{background:#0068bb; color: #fff;  border: 1px solid #0068bb;}
#newslist li:hover h3{color:#0068bb; }

.news-content {padding: 30px 30px;}
.news-content  h2.news-title {font-size: 26px;font-weight: bold;  text-align: center; padding: 0px 0px 10px 0px;   margin: 20px 0px;  color: #333;}
.news-content img{text-align:center;}
.news-content  .news-time {   text-align: center;   border-bottom: 1px solid #ccc;   padding-bottom: 10px;   margin-bottom: 20px;}
.news-content .content img{ max-width: 100%;}

.lianxi { margin: 80px auto; }
.lianxi_l {float: left;width: 580px;overflow: hidden;color: #000;}
#left_content li{ margin-bottom: 40px; display: flex; flex-wrap: wrap;  justify-content: flex-start;}
#left_content li i{ margin-right: 10px; color: #000; display: flex; justify-content: center; align-items: center; border: 2px solid #000; 
font-size: 1.25rem; border-radius: 100%; height: 30px; width:30px;}
#left_content li span{ display:table;font-size: 1.25rem; color: #000;}
#left_content li p{ color: #000; font-size: 1.25rem; width: calc(100% - 150px);}
#left_content dl{ padding: 0px; width: 240px; justify-content: center;}
#left_content dt{ width: 120px; height: 120px; font-weight: bold; font-size: 1.25rem;  display: table-cell; vertical-align: middle; text-align: center;} 
#left_content dt img{ width: 100%;}
.lianxi_lm { overflow: hidden;margin-bottom: 40px; color: #000;  font-size: 22px; line-height: 30px;}
.lianxi_r {  float: right;width: 780px;  overflow: hidden;}
.lianxi_r img{ width: 100%; height:588px; object-fit:none;}
#allmap {width: 100%;height: 588px;overflow: hidden;}

.lianxi_l .index-title{display: flex;
    align-items: flex-end; padding: 0px 0px 20px 0px; margin-bottom: 20px; color: #005caf;border-bottom: 1px solid #005caf;}
.lianxi_l .index-title h2{ font-weight: bold; font-size: 2rem;} 
.lianxi_l .index-title span{ font-size: 1.125rem; margin-left: 10px;}   


.btn_c p{ width:270px; float:left; font-size:16px; color:#000; text-align:left;}
.btn_c a{ display:block; width:130px; height:35px; text-align:center; line-height:35px; background:#3ea86e;  color:#fff; font-size:16px;}


/*内页侧栏*/
.sb_nav{ float:left; width:300px; margin-right: 30px;}
.sb_nav h3.title{ border-radius:30px 0px 0px 0px; background:#0068bb; padding:0px 30px; height:75px; line-height:75px; border-bottom:1px solid #fff; font-size:24px; color:#fff;}
.sb_nav h3.line{ margin-top:15px; }
.sb_nav .active{ padding:0px 0px; background:#fff; border-top:5px solid #0071be;}
.sb_nav dl{ }
.sb_nav dl dt{ margin-bottom:2px; background:#fff; height:50px; line-height:50px;}
.sb_nav dl dt a {  display: block;   font-size: 16px;   font-weight: normal;   margin:0px 40px;  color: #333;    transition: all .5s;}
.sb_nav dl dt:hover a{ letter-spacing: 5px; color: #0068bb;}
.sb_nav dl dd{ }
.sb_nav dl dd h4{ font-weight:normal; padding:10px 40px 10px 40px; background:url(../dt-0.gif) no-repeat left center;}
.sb_nav dl dt.on {  background:url(../p14-icon2.png) no-repeat right #0071be; }
.sb_nav dl dt.on a{ color:#fff;}
.sb_nav dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:940px; background:#fff; overflow:hidden; }
.sidebar .sb_box h3.title{ display:none;  height:35px; line-height:35px; position:relative; border-bottom:1px solid #ebebeb;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:0px; font-size:14px; padding:0px 0px;border-bottom:1px solid #02b29c; }


.product-main{ margin: 60px auto;     display: flex;  flex-wrap: wrap;}
.product-content{ width:100%;}
#productlist{ padding:0px 0px; display: flex; flex-wrap: wrap;}
#productlist li{width:calc(100%/3 - 20px); border: 1px solid #e5e5e5; background:#fff; box-sizing: border-box; padding:10px;
 margin:0px 10px 20px 10px;  }

#productlist li .li_text{  padding:10px 0px; }
#productlist li .li_text h3{ font-weight: bold; text-align: center; font-size:16px;}
#productlist li .li_pic img{ margin:auto; width:100%;}
#productlist li a.img:hover{ margin:auto;  max-height:250px;}


/*产品轮播*/
.product-content .row{ background: #fff; padding: 30px 30px; box-sizing: border-box;}
.pro-left{ width:500px; float:left;}
.view {	 border:1px solid #ccc; width:500px; margin-bottom:20px;}
.view .swiper-slide {height: 300px;	max-width: 500px;	padding: 0 0px;	box-sizing: border-box;	overflow: hidden;	text-align: center;}
.view .swiper-slide img {	height: 100%;}
.view .arrow-left {background: url(../images/index_tab_l.png) no-repeat left center;position: absolute;	left: 10px;	width: 28px;height: 300px;	z-index: 10;	display: none;}
.view .arrow-right {	background: url(../images/index_tab_r.png) no-repeat right center;	position: absolute;	right: 10px;	width: 28px;	height: 300px;	z-index: 10;	display: none;}
.preview {	position: relative;	width: 440px;	left: 30px;}
.preview .swiper-slide {	width: 87.5px;	height: 70px;	margin: 0 3px;	box-sizing: border-box;	overflow: hidden;	cursor: pointer;}
.preview .swiper-slide img { width: 100%;	display: inline-block;	height: 100%;}
.preview .active-nav {	border: 1px solid #F00;}
.preview .arrow-left {background: #fff url(../images/feel3.png) no-repeat left center;position: absolute;left: -20px;top: 0;width: 20px;height: 70px;	z-index: 10;}
.preview .arrow-right {	background: #fff url(../images/feel4.png) no-repeat right center;	position: absolute;	right: -20px;	top: 0;	width: 20px;	height: 70px;	z-index: 10;}

.pro-right{ width:420px;}
.pro-right h2{ font-size:20px; font-weight:bold; margin-bottom: 20px;}
.pro-right p{ line-height: 30px;}
a.btn-danger {
    color: #fff;
    font-size: 16px; margin-top: 20px;
    padding: 5px 20px;
    background-color: #0068bb;
       display: inline-block;
    font-weight: 400;  
    text-align: center;
    vertical-align: middle;
    cursor: pointer;  
    line-height: 1.5;
    border-radius: 5px;
 
}
.showproduct{ padding:5px 30px;background: #fff;}
.showproduct .content img{ max-width: 100%;}
.dec-tit { font-size: 16px;  font-weight: bold; margin: 0px 0px 20px 0px;}

@media only screen and (max-width: 768px) {
.view .swiper-slide {
	height: 200px;
}
.preview {
	display: none;
}
.view .arrow-left, .view .arrow-right {
	height: 200px;
	display: block;
}
.aboutbox h3{ font-size:22px}
.aboutbox h3 em{ font-size:16px;}
.a-counter ul span{font-size:34px;}
.product_con li p{ height:35px; overflow:hidden;}
.product_con li span{ padding:2px 0px;}
.product_con li{ padding:5px}
.index-case{ padding:50px 0px;}
.index-news .tit{ font-size:24px}
.newsbox dd p{ font-size:16px;}
.fwcn_con{ width:90%; line-height:24px;}
.fwcn_title{margin:20px auto;}
.fwcn_bt{width:90%; font-size:20px;}
.index-product{padding:40px 0px;}
.product_con li h3{ font-size:14px;}
.case_con img{width:100%}
.about-a{padding:20px 0px;}
.about-a h2{ margin-bottom:10px; font-size:20px;}
#imglist li .img{ height:150px;}
.about-b .about-b-box ul{flex-direction:column}
.about-b .about-b-box li{width:calc(100%/1)}
.about-a p{ font-size:14px; padding:0px 10px;}
.about-b h2{ font-size:26px; margin:0px;}
.about-b{ height:1300px}
.jcsb_left{ float:none;width:96%; margin-top:40px;}
.jcsb_right{ float:none;width:96%; margin-top:40px;}
.jcsb_left_title{ padding-top:40px;}
.about-b .about-b-box ul li .img img{width:50%}
.wlry_title h1{ font-size:26px;}
.wlry_title h3{ font-size:20px}
.wl_conright{float:none;width:96%}
.wl_conleft{float:none;width:96%}
.wl_conleft img{width:90%}
.procedures-box h2{ font-size:26px; margin:20px;}
.procedures{ margin:60px auto;}
.procedures_right img{width:100%;}
.procedures_lfet h1{font-size:26px;}
.procedures_lfet p{width:auto;}
.procedures h1{font-size:26px;}
.fsxzs_title_a{font-size:20px; line-height:24px;padding-left:10px;}
.contact_con{width:80%; margin:30px auto; padding:20px;}
.contact_title{font-size:20px;}
.form-box .textarea textarea{width:90%;}
.form-box button{width:60%;}
.jcsb_left1{width:96%}
.cpxt ul li{width:calc(100%/2 - 40px)}
.cpxt ul li img{width:100%; height:120px;}
.cpxt ul li h5 a{font-size:12px; line-height:20px;}
.cpxt_title{font-size:20px;}
.cpxt_vido ul li{width:calc(100%/1 - 40px)}
.my-3 a{padding:5px 0px 5px 10px;}
.news-content h2.news-title{font-size:20px;}
#productlist li img{width:100%;}





/**服务范围*/
.procedures-fbt{ line-height:24px;}
.procedures_lfet1{ float:none;width:96%; margin:0 auto;}
.procedures_lfet_con{ width:90%; margin:0 auto;}
.procedures h1{ font-size:20px; padding-top:30px;}
.procedures_lfet1 p{ font-size:18px;}
.procedures_right1{text-align:center;}
.procedures_right1 img{width:96%; }


.procedures_lfet{ float:none;width:96%; margin:0 auto;}
.procedures_lfet_con{ width:90%; margin:0 auto;}
.procedures h1{ font-size:20px; padding-top:30px;}
.procedures_lfet p{ font-size:18px;}
.procedures_right{text-align:center;}
.procedures_right img{width:96%; }


/*安全保障*/
.aqbz{width:100%}
.aqbz_con_left{ width:98%; float:none;}
.aqbz_con_left h2{ font-size:16px}
.aqbz_con_left p{ font-size:14px;}
.aqbz_con_right{ width:100%; float:none;}
.aqbz_con{ height:auto;width:90%; margin:0 auto; padding:10px;}
.aqbz_con_right img{width:100%;}
.xjsf ul li{width:calc(100%/1 - 60px);}
.khjz ul li{width:calc(100%/1 - 40px)}


.product_list ul li{width:calc(100%/1 - 10px);padding:5px; margin:10px 0px;}
.ywfw_text{width:68%;}
.ywfw_text h1{font-size:18px;}
.product_list ul li p{line-height:24px;}
.product_list ul li img{max-height:50px;}

/***专业认证***/
.certification h2{ font-size:16px;}
.certification h1{font-size:22px;}
.certification_con_right h1{font-size:14px; line-height:24px;margin-bottom:10px;}
.certification_con_right{margin-top:5%;}
.certification_con_right p{ font-size:14px; line-height:22px;}
.certification_two_img img{width:100%;}
.certification_two_text h1{ font-size:30px;}
.certification_two_text p{font-size:18px;}
.certification_two_list h2{font-size:20px; line-height:26px;}
.certification_con_four ul li{width:calc(100%/2 - 40px)}
.certification_con_three h1{font-size:32px;}
/**物料介绍**/
.material ul{ display: flex; flex-wrap: wrap;}
.material ul li{width:calc(100%); padding: 20px; box-sizing: border-box;margin-right: 25px;}
.material ul li img{width:100%;}
.material ul li h3{color:#6ec1e4;font-size:18px; font-weight:bold;}
.material ul li h4{font-size:14px; color:#333;}
}







/*分页*/
.justify-content-center {   -ms-flex-pack: center!important;   justify-content: center!important;}
.pagination {   display: -ms-flexbox;    display: flex;    padding-left: 0;    list-style: none;   border-radius: .25rem; margin:20px 0px;}
.page-num:not(:disabled) {	cursor: pointer;}
.page-num, .page-link {	position: relative;	display: block;	padding: .5rem .75rem;	margin-left: -1px;	line-height: 1.25;	color: #005399;	background-color: #fff;	border: 1px solid #dee2e6;}
a.page-num:hover, .page-link:hover {	text-decoration: none;}
.page-num-current {	z-index: 1;	color: #fff;	background-color: #005399;	border-color: #005399;}
.page-num-current:hover {	color: #fff;}
.reLink {border: 1px solid #ccc;	margin: 10px auto 10px;	padding: 0px 10px;}
.reLink .prevLink, .reLink .nextLink {line-height: 24px;}
.reLink .prevLink a, .reLink .nextLink a {line-height: 24px;}
.reLink .prevLink a:hover, .reLink .nextLink a:hover {	color: #04549b;}
.reLink .prevLink {	float: left;}
.reLink .nextLink {	float: right;}
/*↑组图样式↑*/
/*在线客服*/
.online {
	position: fixed;
	bottom: 150px;
	right: 10px;
	width: 60px;
	z-index: 999;
	color: #999;
}
.online a {
	color: #666;
}
.online a:hover {
	text-decoration: none;
}
.online dl {
	background: #0068bb;
	padding: 10px 5px;
	margin-bottom: 1px;
	position: relative;
}
.online dl dd {
	color: #fff;
	text-align: center;
	font-size: 12px;
	cursor: pointer;
}
.online dl dd i {
	font-size: 25px;
}
.online dl:hover {
	background: #1781bd;
}
.online dl dt {
	position: absolute;
	top: 0px;
	right: 60px;
	background: #fff;
	border: 1px solid #ccc;
	z-index: 9999;
	display: none;
	padding: 10px 15px;
	font-weight: normal;
}
.online dl dt h3 {
	display: block;
	font-size: 16px;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
}
.online dl dt h3 i {
	margin-right: 5px;
}
.online dl dt h3 span {
	float: right;
	cursor: pointer;
}
.online dl dt input {
	border: 1px solid #ccc;
	border-radius: 5px;
	margin-top: 15px;
	height: 40px;
	line-height: 40px;
	padding: 3px 5px;
	width: 100%;
}
.online dl dt button {
	margin: 10px 0;
	border: none;
	border-radius: 5px;
	width: 100%;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	background: #28a7e1;
	color: #fff;
	cursor: pointer;
}




@media screen and (max-width: 768px) {
.wrap{width: calc(100% - 20px);}
.pageTop {   padding: 0px 0px;}
.logobox{justify-content: space-between;
    align-items: center;
    height: 60px;
    width: 100%;
    display: flex;}
.logobox img {   max-height: 40px;   display: block;}	
.nav-search {height: 60px;}
header.active .nav-search{background: none; }
header.active .nav-search i{    color: #0068bb;}
.tel-con img {   max-width: 40px;   display: block;}	
.mc_ph_menu{ display:block !important;}
.point{ position:relative;}
.point .nav_btn{position: absolute;   top: 0px;  right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn,.point .nav_btn:after,.point .nav_btn:before {display: inline-block;width: 26px;height: 2px; background-color: #fff;}  
.point .nav_btn::after, .point .nav_btn::before {    content: '';   position: absolute;   right: 0;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
}
.point .nav_btn::before {    top: 8px;}
.point .nav_btn::after {   top: -8px;} 
.point.active .nav_btn {  background: transparent; }
.point.active .nav_btn::before {    top: 0;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.point.active .nav_btn::after {    top: 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}


.nav_main{ display:block;position: absolute; opacity:0; top: 60px; padding: 0px 20px; box-sizing: border-box;  z-index: 999;   background: #fff;   width: 100%;   height: 100vh;transition: all 0.5s;
transform: translateX(100%);}
.nav_main.navbar-show{ transform: translateX(0%);opacity:1; display: block; }

.nav li.item {  float: none;   width: 100%;  text-align: left;}
.nav .item a.class1{ line-height: 50px; height: 50px; color:#000;}
.nav .item.active a.class1:before{display: none;}
.nav .item.navdown:after {   content: "+"; font-weight: bold;  color: #2661bb; line-height: 30px; position:absolute; right:0; top:0; }
.nav .item.on:after {   content: "-"; font-weight: bold;   color: #2661bb;  line-height: 30px; position:absolute; right:0; top:0; }
.nav .subnav{ height: 0; position: inherit; top: 0; opacity: 1;}
.nav .item.on .subnav{ height: auto;}

.index-banner img{width: 100%;}	

.index-about{ padding: 30px 0px;}
.aboutbox dl dd {width: 100%;}
.aboutbox dl dt{width: 100%;}
.aboutbox dl dt img{width: 100%;}

.a-counter ul li{ width: calc(100%/2 - 20px); margin: 10px;}
.a-counter ul div {   font-size: 14px;}

.product_con li .img{ height: 150px;}
.product_con li .img img{ height: 150px; width: 100%; object-fit: contain;display: block;}

.index-case .case_con{ margin:0px 10px !important;}
.index-case .swiper-slide img {   width: 100%;  height: 300px; object-fit: cover;}

.index-news {padding: 20px 0px;}
.index-news .tit em{ margin-top:10px}
.newsbox dt {   height: 250px;    width: 100%;}
.newsbox dd {     width: 100%;padding: 20px 10px;}

.newsbox ul{ margin: 30px 0px;}
.newsbox li {  width: calc(100% - 0px);    margin: 0px 0px 20px 0px;}

footer .footer .a00{ display:none;}
footer {padding: 60px 0px 80px 0px;}
footer .footer .foot-con{ width: 100% !important;}
footer .footer .foot-con ul { margin: 0px -11px;}
.copyright {   height: auto;    line-height: normal; padding: 10px 0px;}

.sortcolumn ul{ width: 100%;}
.sortcolumn ul li {    text-align: center;  position: relative;   padding: 0px 0px;    margin-right: 0px;    width: calc(100%/4);}
.sortcolumn .position{ margin-top: 10px;display: flex;  justify-content: flex-start;   width: 100%;}
.about-b .about-b-box li {   padding: 20px 0px;}
.about-b .about-b-box p{ font-size: 14px;}

.product-content {  width: calc(100% - 0px); margin-top: 60px;}
#productlist {margin: 0px -10px;}
#productlist li {width: calc(100%/1 - 10px); margin: 0px 5px 10px 5px;}
#productlist li .li_pic img {  margin: auto;object-fit: contain;}

.product-main{ margin: 0px auto 60px;}
.sb_nav { height: 0; width: 100%; display: none;  
    
    opacity: 0;
    top: 0px;
    margin: 0px;
    box-sizing: border-box;
    z-index: 999;
   
   padding: 0px 0px;
  
    transition: all 0.5s;
    transform: translateX(0%);}
.sb_nav h3.title{ display: none;}    
.sb_nav.navbar-show{ display: block !important;transform: translateX(0%);
    opacity: 1; height: auto; }
    
.pro-left {  width: 100%;}
.view    {  width: 100%;}
.pro-right {   width: 100%;}

.showproduct .content img{ width: 100%; height: auto;}

#imglist li {  width: calc(100%/2 - 10px); margin: 0px 5px 10px 5px;}
#imglist li .img{ height: 200px;}
#imglist li .img img{ height: 200px;    object-fit: cover;}

.news-content{box-sizing: border-box; padding:30px 10px;}
#newslist li .news_img { width: 100%;}
#newslist li .news_t { width: 100%;padding:30px 10px;}
.news-content{width:100%; margin-top:30px;}
#newslist li .news_t h3{ font-size:18px; color:#397baa}
.news_right{width:100%;float:none;}

.lianxi_l{width: 100%;}
.lianxi_r{width: 100%;}
#allmap{ height: 300px;}

.reLink {    height: auto;}
.reLink .prevLink,.reLink .nextLink {  float: none;}
.online {    bottom: 0px;   right: 0px;    width: 100%; display: flex; flex-wrap: wrap;}
.online dl{ width: calc(100%/4); box-sizing: border-box; margin-bottom: 0; display: block !important;}
.online dl dt p img{ width: 100%;}
.online dl dt{ bottom: 0; top: auto;}
.online dl dd{ line-height: 20px;}
}