#leftbar .box_list {
  display: block;
}
#leftbar .box_list .item {
  display: none;
}
#leftbar .wrap0 {
  padding-right: 30px;
}
#leftbar .box_cp .ttl {
}
#leftbar .box4 .ttl {
  background: none;
  border: 1px solid #ededed;
  border-bottom: none;
  color: #00a0e9;
  font-weight: bold;
}
#leftbar .box_cp .img {
  margin-bottom: 22px;
  background: #fff;
}
#leftbar .box_cp .img a {
  display: block;
  width: 100%;
}
#leftbar .box_cp .img a img {
  width: 100%;
}
#leftbar .box_list .a_1 {
  position: relative;
}
#leftbar .box_list .a_1:hover,
#leftbar .box_list .a_1.on {
  color: #00a0e9;
  font-weight: bold;
  padding-left: 25px;
}
#leftbar .box_list .a_1.on:before,
#leftbar .box_list .a_1:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 5px;
  height: 40px;
  top: 50%;
  left: 0;
  background: #00a0e9;
  margin-top: -20px;
}

#leftbar .box_list .a_2 {
  position: relative;
}
#leftbar .box_list .a_2:hover,
#leftbar .box_list .a_2.on {
  color: #00a0e9;
  font-weight: bold;
  padding-left: 15px;
}
#leftbar .box_list .a_2.on:before,
#leftbar .box_list .a_2:hover:before {
  content: "";
  display: block;
  position: absolute;
  width: 3px;
  height: 24px;
  top: 50%;
  left: 0;
  background: #00a0e9;
  margin-top: -13px;
}

#leftbar .box_list .ttl a {
  color: #fff;
  font-size: 25px;
  line-height: 80px;
}
#leftbar .box_list .ttl {
  /* font-size: 126px; */ /* line-height: 80px; */
  padding-left: 28px;
  background: rgb(0, 160, 233);
}
#leftbar .box_list ul a:hover {
  color: #00a0e9 !important;
}
#leftbar .box_list .ul1 {
  border: none;
  margin-bottom: 40px;
}
#leftbar .box_list .cat1:last-child a.a_1 {
  border-bottom: none;
}
#leftbar .box_list ul {
  border: 1px solid #eee;
}
#leftbar .box_list ul.lv2 {
  border: none;
  border-bottom: 1px solid #eee;
}
#leftbar .box_list ul.lv2 li {
  padding: 15px 36px;
  padding-right: 10px;
}
#leftbar .box_list ul.lv2 li a {
  color: #333;
}
#leftbar .box_list ul.lv2 li a:hover {
  color: #00a0e9;
}
#leftbar .box_list.box1 .cat1:last-child a.a_1 {
  border-bottom: 1px solid #eee;
}
#leftbar .box_list .cat1 {
  position: relative;
  left: -1px;
}
#leftbar .box_list .cat1 i:after {
  content: "+";
}
#leftbar .box_list .cat1 i.plus:after {
  content: "-";
}
#leftbar .box_list .cat1 i {
  font-size: 20px;
  font-style: normal;
  position: absolute;
  right: 10px;
  top: 7px;
  color: #00a0e9;
  display: block;
  width: 40px;
  height: 42px;
  text-align: center;
  cursor: pointer;
}
#leftbar .box_list .cat1 a {
  font-size: 18px;
  line-height: 68px;
  display: block;
  color: #333;
  border-bottom: 1px solid #eee;
  padding-left: 22px;
}

.body_products #leftbar .box_list .cat1 a {
  font-size: 16px;
}

#leftbar .box_list .cat1 a.active {
  color: #00a0e9;
}
#leftbar .box_list .cat1 a.a_ly {
  font-size: 14px;
  line-height: 2;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-left: 15px;
}
#leftbar .box_list .ul2 {
  display: none;
  border: none;
  border-bottom: 1px solid #d7d7d7;
  padding-bottom: 10px;
  padding-top: 10px;
}
#leftbar .box_list .ul2 li {
  border: none;
  padding-left: 0;
}
#leftbar .box_list .ul2 li a {
  font-size: 14px;
  line-height: 36px;
  border: none;
}
#leftbar .box .c {
  border: 1px solid #ededed;
  border-top: none;
  padding-bottom: 10px;
}
#leftbar .box4 .c p {
  border-top: none;
}
#leftbar .box.box4 .c .p1 {
  border-top: none;
}
#leftbar .box .p1 {
  margin-top: 0;
}
#leftbar .box .p1 img {
  width: 100%;
  margin-bottom: 7px;
}
#leftbar .box .c span {
  display: block;
  text-align: center;
  margin: 0px 10px;
}
#leftbar .box .c p {
  border-top: 1px solid #ededed;
}
#leftbar .box .p1 .span0 {
}
#leftbar .box .p2 {
}
#leftbar .box .span1 {
  color: #000;
}
#leftbar .box .span2 {
  font-size: 12px;
  color: #666;
}
#leftbar .p1 .span2 {
  font-size: 12px;
  color: #00a0e9;
  font-size: 24px;
  font-weight: bold;
  margin-top: -4px !important;
}
.ulprolist {
}
.ulprolist li {
  margin: 0px auto 30px;
}
.ulprolist li a {
  display: block;
  position: relative;
  overflow: hidden;
  padding-bottom: 0;
  text-align: center;
}
.ulprolist li a p.p_img {
  margin: auto;
  width: 281px;
  height: 281px;
  border: 1px solid #eee;
}
.ulprolist li a p.p_img img {
  width: 100%;
}
.ulprolist li a p.txt {
  background: transparent;
  color: #333;
  font-size: 14px;
  text-align: center;
  margin: 0;
  line-height: 1.7; /* position: absolute; */
  bottom: 0;
  width: 100%;
  transition: all 0.3s;
  padding: 0;
  margin-top: 13px;
}
.ulprolist li a p.txt span {
  text-decoration: none !important;
}
.ulprolist li a p.sinfo span {
}
.ulprolist li a p.sinfo .span0 {
  display: block;
  font-size: 18px;
  text-align: left;
  margin-bottom: 10px;
}
.ulprolist li a p.sinfo {
  background: rgba(51, 56, 114, 0.82);
  color: #fff;
  font-size: 12px;
  text-align: left;
  margin: 0;
  line-height: 2;
  position: absolute;
  top: -100%;
  width: 100%;
  height: 100%;
  overflow: hidden;
  padding: 30px;
  transition: all 0.3s;
}
.ulprolist li a:hover p.txt {
  /* bottom: -48px */
  color: #00a0e9; /* font-weight: bold; */
  text-decoration: none;
}
.ulprolist li a:hover p.sinfo {
  /* top: 0 */
}
.pagelist {
  text-align: center;
  padding-bottom: 60px;
}
.pagelist * {
}
.pagelist * {
}
.pagelist * {
}
.pagelist > * {
  margin: 9px 5px;
  border: 1px solid #ddd;
  padding: 1px 10px;
  display: inline-block;
  color: #333;
  font-size: 14px;
  height: auto;
  transition: all 0.3s;
}

.pagelist > .page-num-current {
  background: #00a0e9;
  color: #fff;
  border-color: #00a0e9;
}
.pagelist * {
  text-align: center;
}
.pagelist .page-num {
  /* border: 1px solid #fff; */
}
.product-list li figure {
  background-color: #eee;
  height: 190px;
  display: block;
  line-height: normal;
  overflow: hidden;
  position: relative;
  border: 1px solid #dcdcdc;
}

.product-list li figure img {
  display: block;
  width: 100%;
  height: auto;
  transition: 424ms linear;
}

.product-list li figcaption {
  text-align: center;
  display: block;
  color: #5d5d5d;
  font-size: 14px;
  line-height: normal;
  margin-top: 14px;
  transition: 350ms;
}

.product-box .product-down {
  float: left;
}

.product-list li figure mark {
  position: absolute;
  left: 0;
  top: 0;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  background: #65beba2e;
  background: #eb6123\9;
  filter: alpha(opacity=20);
  z-index: 20;
  opacity: 0;
  transform: skewX(45deg);
  visibility: hidden;
  transition: 360ms;
}

.product-list li figure mark b {
  display: block;
  width: 46px;
  height: 46px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -23px;
  margin-top: -23px;
  z-index: 30;
}

.product-list li figure mark b:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #00a0e9;
  position: absolute;
  left: 0;
  top: 23px;
  transform: translateX(-200px);
  -webkit-transform: translateX(-200px);
  -moz-transform: translateX(-200px);
}

.product-list li figure mark b:after {
  content: "";
  width: 1px;
  height: 100%;
  background: #00a0e9;
  position: absolute;
  left: 23px;
  top: 0;
  transform: translateY(-200px);
  -webkit-transform: translateY(-200px);
  -moz-transform: translateY(-200px);
}

.product-list li figure mark:before {
  content: "";
  width: 100%;
  height: 0%;
  border-left: 3px solid #00a0e9;
  border-right: 3px solid #00a0e9;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transition: 320ms;
}

.product-list li figure mark:after {
  content: "";
  width: 0%;
  height: 100%;
  border-top: 3px solid #00a0e9;
  border-bottom: 3px solid #00a0e9;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
  transition: 320ms;
}

.product-list li:hover figure mark {
  opacity: 1;
  transform: skewX(0);
  visibility: visible;
}

.product-list li:hover figure mark:before {
  height: 100%;
  transition: 330ms 200ms;
}

.product-list li:hover figure mark:after {
  width: 100%;
  transition: 330ms 200ms;
}

.product-list li:hover figure img {
  transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -moz-transform: scale(1.05);
}

.product-list li:hover figure mark b:before {
  transition: 355ms 180ms;
  transform: translateX(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
}

.product-list li:hover figure mark b:after {
  transition: 355ms 240ms;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
}

.product-list li:hover figcaption {
  color: #00a0e9;
}

.body_news .ct {
  border-bottom: 1px dashed #dcdcdc;
  margin-bottom: 30px;
}
.body_news_detail .crumbs {
}
.body_news_detail .left1 {
  padding-right: 50px;
}
.body_news_detail .crumbs {
  /* border-bottom: 1px solid #ccc; */
  margin-bottom: 0px;
}
.body_news_list #maincontent {
  padding: 50px 0 80px;
}
.body_news_detail {
}
.body_news_detail h1 {
  text-align: center; /* width: 200px; */
  line-height: 1.5;
  font-size: 30px;
  margin: 15px auto 30px;
}
.body_news_detail .left1 {
}
.body_news_detail #maincontent {
}
.body_news .newslist .media {
  /* -webkit-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, 0.1); */
  -moz-box-shadow: 0 1px 5px 2px rgba(89, 89, 89, 0.1); /* box-shadow: 0 1px 5px 2px rgba(89, 89, 89, 0.1); */ /* margin: 30px 7px; */ /* padding: 28px; */ /* transition: all .3s */
  padding-bottom: 30px;
  margin-bottom: 30px;
  border-bottom: 1px dashed #dcdcdc;
}
.body_news .newslist .media:hover {
  /* background: #B70005; */
  -webkit-box-shadow: 0;
  -moz-box-shadow: 0;
  box-shadow: 0;
}
.body_news .newslist .media a:hover {
  color: #00a0e9 !important;
}
.body_news .newslist .media .a_img {
  display: block;
  width: 250px;
  height: 180px;
}
.body_news .newslist .media .media-body {
  padding-left: 32px;
}
.body_news .newslist .media .media-body h4 {
  display: block;
  text-align: left;
  font-weight: 400;
  font: 800 20px/2 "microsoft yahei";
  color: #333;
  margin-top: -5px;
}
.body_news .newslist .media .media-body h4 a {
  color: #333;
  font-size: 17px;
}
.body_news .newslist .media .sinfo {
  font-size: 16px;
  line-height: 1.8;
  color: #333;
}
.body_news .newslist .media .infotime {
  color: #666;
}

* {
}
* {
}
* {
}
* {
}
* {
}
* {
}
* {
}

.msg_form {
  display: flex;
  flex-wrap: wrap;
  column-gap: 2rem;
  margin-top: 3rem;
  margin-bottom: 50px;
}
.msg_form .frm_ipt {
  margin-bottom: 2rem;
  flex: auto;
  min-width: 40%;
  background: #fff;
  border: none;
  line-height: 2;
  padding: 1rem 1.5rem;
  font-size: 1.6rem;
  border: 2px solid #eee;
}
.msg_form .tip {
  font-size: 1.4rem;
}
.msg_form .ipt_name {
}
.msg_form .ipt_phone {
}
.msg_form .ipt_email {
}
.msg_form .ipt_title {
}
.msg_form .ipt_content {
  flex: 1 1 100%;
}

.msg_form .ipt_submit {
  border: none;
  margin: 1rem auto 1rem;
  font-size: 1.5rem;
  flex: 0 0 19rem;
  min-width: 0;
  padding: 1rem 0;
  background: #00a0e9;
  color: #fff;
  border-radius: 5px;
}

.iframewrap0 {
  margin: 30px auto 50px;
}
body {
  padding-top: 90px;
  overflow-x: hidden;
}
body * {
}
.body_index #div1 li>a {display: block;padding: 10px;border: 1px solid #eee;margin-bottom: 15px;}
.body_index #div1 li p a {font-size: 16px;color:#333;display: block;text-align: center;}
body * {
}
body * {
}
body * {
}
body * {
}
.body_index #div1 li {
}
.grid_wh .item {margin-bottom: 50px;}
.piclist > a {
  flex: 0 0 211px;
  display: block;
  text-align: center;
  line-height: 3;
}

.piclist>a img {
  max-width: 100%;
}
.piclist {
  /* display: -webkit-box; */
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  gap: 20px;
}
#lxfs {
}
#lxfs p {
  font-size: 16px;
  margin: 20px -10px 0;
}
#ctpart2 .h4 {
  font-size: 24px;
}
.ban img {
  margin: 0 auto;
  display: block;
}
.xiangguan a {
  color: #666;
  font-size: 16px;
  line-height: 2;
}
.xiangguan {
  margin-bottom: 50px;
}
.xiangguan h3 {
  font-size: 22px;
  margin: 10px 0 20px;
}
.info_previous_next_wrap {
  margin-bottom: 40px;
}
.body_product_detail .detail {
  min-height: 300px;
}
.body_product_detail .mainpic img {
  flex: 1;
  max-width: 100%;
  max-height: 100%;
}
.body_product_detail .mainpic {
  /* height: 340px; */
  /* display: flex; */
  justify-content: center;
  align-items: center;
  border: 1px solid #eee;
  padding: 20px;
  margin-right: 20px;
}
.body_product_detail #zhutu {
}
.body_product_detail h1 {
  font-size: 22px;
  font-weight: bold;
  margin: 0 0 10px;
}
#crumbs .con {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  padding: 5px 0;
}

#crumbs .con a:hover {
  color: #00a0e9;
}

#crumbs .con i {
  position: relative;
  top: 2px;
}
.p_ico {
  margin: 0 auto;
  border: 1px solid #ddd;
  overflow: hidden;
}
body .remark {
  text-align: left;
  font-size: 16px;
  padding: 30px 0;
  line-height: 1.88;
}

body .remark * {
  font-size: 16px;
  line-height: 1.88;
  color: #333;
}
.r > .clearfix {
  width: 100%;
}

.info_from_wrap.clearfix {
  text-align: center;
  color: #666;
  padding: 10px 0;
}
.r .ll {
  text-align: center;
  float: none;
  width: 100%;
}

.r .ll h1 {
  width: 100%;
  text-align: center;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.1;
  margin-top: 0;
  color: #222;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
  margin-bottom: 10px;
}
#crumbs {
  position: relative;
  z-index: 999;
  /* top: -80px; */
}

#crumbs * {
  color: #333;
  font-size: 16px;
}
#pageban + #crumbs {
  margin: 20px auto;
}