/*产品中心列表*/
.m-cl-1nt4-3-01-list {padding: 0 3%;}            
.m-cl-1nt4-3-01-list dl {padding: 1.25rem 0;border-bottom: 2px solid #e5e5e5;display: inline-block;width: 100%;}            
.m-cl-1nt4-3-01-list dt {width: 33.3%;float: left;margin-right: 5.6%;}            
.m-cl-1nt4-3-01-list dt img {width: 100%;border: 1px solid #ccc;}            
.m-cl-1nt4-3-01-list h3 {height: 2.8rem;font-size: 1.4rem;line-height: 2.8rem;text-overflow: ellipsis;border-bottom: 0 solid #f1f1f1;overflow: hidden;white-space: nowrap;color: #333;}            
.m-cl-1nt4-3-01-list-desc {margin-top: 0.4rem;font-size: 1.2rem;line-height: 1.8rem;color: #929292;overflow: hidden;height: 3.25rem;}            
.m-cl-1nt4-3-01-list-data {font-size: 1.2rem;font-weight:normal;line-height: 1.8rem;color: #ca0303;display: inherit;float: right;margin-top: -1.8rem;display:none}
.m-cl-1nt4-3-01-list-data a {color: #ca0303;font-weight:normal;}


/* 商品导肮页面样式  */
.g-bd_tit b { font-weight:normal; }
.g-bd .m-pronav { margin:1.3rem 1rem 1.8rem 1rem; }
.g-bd .m-pronav .prolist { border-radius:5px; -webkit-border-radius:5px; overflow:hidden; }
.g-bd .m-pronav .prolist li .on { height:40px; display:block; padding-left:10px; line-height:40px; }
.g-bd .m-pronav .prolist li .down { height: 4.0rem;display: block;padding-left: 1rem;line-height: 4.0rem;box-sizing: border-box; }
.g-bd .m-pronav .prolist li .borderno { border:none; }
.g-bd .m-pronav .prolist li p { position:relative; }
/*
.g-bd .m-pronav .prolist li p a { display:block; width:15%; height:40px; position:absolute; right:0; top:0; pointer-events:auto; }
*/
.g-bd .m-pronav .prolist li p span{width:4rem;height:4rem;float:right;display:block;background:url(images/href_icon2.png) no-repeat center center;background-size:auto auto;background-size:1.2rem;overflow:hidden;}
/*
.g-bd .m-pronav .prolist li p a:before { content:""; position:absolute; background:url(/mobile/images/web/href_icon.png) no-repeat; background-size:100%;  width:20px; height:20px; right:19px; top:12px; z-indx:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
*/
/*一列展现*/
.g-bd .m-pronav .list1, .g-bd .m-pronav .list2, .g-bd .m-pronav .list3 { display:none; }
.g-bd .m-pronav .list1 li { height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; padding-left:33px; position:relative; white-space:nowrap; overflow:hidden; }
.g-bd .m-pronav .list1 li:before { content:""; overflow:hidden; position:absolute; left:20px; top:17px; z-index:7; width:0; height:0; border-width:3px; border-style:solid; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .list1 li:after { content:""; overflow:hidden; position:absolute; left:20px; top:18px; z-index:8; width:0; height:0; border-width:2px; border-style:solid; transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
/*2列展现*/
.g-bd .m-pronav .list2{ display:flex;flex-flow: wrap; border-bottom: 1px solid #e1e1e1;}
.g-bd .m-pronav .list2 a{ width:50%; text-align:left;}
.g-bd .m-pronav .list2 li { width:100%; float:left; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; text-align:center;  white-space:nowrap; overflow:hidden;}
.g-bd .m-pronav .list3 li { width:33.2%; float:left; height:38px; line-height:38px; border-bottom:1px solid #e1e1e1; text-align:center; white-space:nowrap; overflow:hidden; }
/*三级分类*/
.g-bd .m-pronav .prolist li .a_tit { height:3.6rem;line-height:3.6rem;border-bottom:1px solid #e1e1e1;padding-left:3.3rem;position:relative;white-space:nowrap;overflow:hidden; }
.g-bd .m-pronav .prolist li .a_tit:before{content:"";overflow:hidden;position:absolute;left:2.0rem;top:1.46rem;z-index:7;width:0;height:0;border-width:0.3rem;border-style:solid;transform:roate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);border-color:#333 #333 transparent transparent;}
.g-bd .m-pronav .prolist li .a_tit:after{content:"";overflow:hidden;position:absolute;left:2.0rem;top:1.56rem;z-index:8;width:0;height:0;border-width:0.2rem;border-style:solid;transform:roate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);border-color:#fff #fff transparent transparent;}

.g-bd .m-pronav .prolist li .list1 ul { display:none; }
.g-bd .m-pronav .prolist .list1 .list2 li, .g-bd .m-pronav .prolist .list1 .list3 li { padding:0; }
.g-bd .m-pronav .prolist .list1 .list2 li:before, .g-bd .m-pronav .prolist .list1 .list3 li:before { display:none; }
.g-bd .m-pronav .prolist .list1 .list2 li:after, .g-bd .m-pronav .prolist .list1 .list3 li:before { display:none; }
/*
.g-bd .m-pronav .prolist .list1 .a_tit:before { content:""; overflow:hidden; position:absolute; left:20px; top:17px; z-index:7; width:0; height:0; border-width:3px; border-style:solid; transform:roate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .prolist .list1 .a_tit:after { content:""; overflow:hidden; position:absolute; left:20px; top:18px; z-index:8; width:0; height:0; border-width:2px; border-style:solid; transform:roate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.g-bd .m-pronav .prolist .list1 .a_tit a:after{ background: #fbfbfb; width:14px; height:14px; right: 22px;}
.g-bd .m-pronav .prolist .list1 .a_tit a:before{width:14px; height:14px; right: 22px;}
*/
/*图片产品分类*/
.g-bd .prolist_img li .tt_box { width:100%; padding:15px 0; }
.g-bd .prolist_img li .tt_box .img { float:left; margin:0 10px 0 20px; }
.g-bd .prolist_img li .tt_box h5 { line-height:30px; font-size:14px; }
.g-bd .prolist_img li .tt_box p { line-height:20px; font-size:80%; }
.g-bd .prolist_img .hideen_box { display:none; padding:0 10px; }
.g-bd .prolist_img .hideen_box:before { content:""; width:12px; height:5px; position:absolute; left:39px; top:-5px; }
.g-bd .prolist_img .hideen_box a li { text-align:center; border:none; }
.g-bd .prolist_img .hideen_box a li img { margin-top:14px; border-radius:20px; }
.g-bd .prolist_img .hideen_box a { width:59px; padding:0 8px; height:98px; display:inline-block; float:left; overflow:hidden; }
.g-bd .prolist_img .hideen_box a p { font-size:12px; line-height:22px; }
/* 产品列表页面一样式  */
.g-bd .m-con-1 {/* padding:15px 0 12px 0;*/ width:100%; margin:15px auto;}
.g-bd .m-con-1 a {float:left;width: 45%;margin: 0 2.5% 3%;text-align:center;line-height:20px;display:block;font-size:14px;}
.g-bd .m-con-1 span{ height:38px; clear:both; display:block; overflow:hidden;}
.g-bd .m-con-1 a img {  border:1px solid #e2e2e2; float:left; width:100%; margin-bottom:8px;min-height:8rem; height:auto; }

/* 产品列表页面二样式  */
.g-bd .m-con-2 a{ display:block;}
.g-bd .m-con-2 { margin-bottom:26px; }
.g-bd .m-con-2 dl { border-bottom:1px solid #ffffff; box-shadow:0 1px #e6e6e6; margin-bottom:2px; padding:12px 16px 12px 10px; position:relative; display:flex; flex-shrink:1; }
.g-bd .m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; width:38%;align-self: center;}
.g-bd .m-con-2 dt img { display:block; float:left; width:100%; height:auto; box-sizing: border-box;}
.g-bd .m-con-2 dd{ width:60%;}
.g-bd .m-con-2 h3 { height: 24px; line-height: 24px; overflow: hidden; padding-right: 10px; }
.g-bd .m-con-2 p { font-size: 12px; height: 44px; line-height: 22px; margin:5px; margin-right:3%; overflow: hidden; }
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}
.g-bd .m-con-2 .s-babg p span{ width: auto; height: auto; background: none; position: relative; right: inherit;top: inherit; display: inline;}
.g-bd .m-con-2 .s-babg p span:before,.g-bd .m-con-2 .s-babg p span:after{ display: none;}



/* 产品列表页面三样式  */
@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:5;-moz-column-count:5;}
}
@media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:4;-moz-column-count:4;}
}
@media screen and (max-width: 720px) { /*当屏幕尺寸小于720px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:3;-moz-column-count:3;}
}
@media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时，应用下面的CSS样式*/
  .g-prolistbox3 .content {-webkit-column-count:2;-moz-column-count:2;}
}
.g-prolistbox3 .content { margin:15px auto; text-align:center;column-gap:10px;-webkit-column-gap:10px;-moz-column-gap:10px;column-fill :balance;-webkit-column-fill:balance;-moz-column-fill :balance;}
.g-prolistbox3 .content div {  vertical-align:top; display:inline-block; margin-bottom:10px; text-align:center; line-height:20px; overflow:hidden; font-size:14px; }
.g-prolistbox3 .content i{ height:40px; line-height:20px; overflow:hidden; display:inline-block;}
.g-prolistbox3 .description{ color:#999;  display:block; height:40px; overflow:hidden;}
.g-prolistbox3 .content div img { border:1px solid #e2e2e2; margin-bottom:8px; display:block;}







/*产品中心*/
/**/
h2.main_title a {
  overflow: hidden;
  display: block;
  text-align: center;
  line-height: 0;
  font-size: 0;
}
h2.main_title a strong {
  display: block;
  font-size: 2.3rem;
  color: #464749;
  line-height: 3.3rem;
  font-weight: normal;
}
h2.main_title a span {
  display: block;
  font-size: 1.3rem;
  color: #585858;
  line-height: 2.1rem;
  font-weight: normal;
  padding-bottom: 0.1rem;
}
h2.main_title a:hover {
  color: #464749;
}


.product {
  padding-top: 1rem;
  padding-bottom: 3.5rem;
  overflow: hidden;
}
.product .pro_con {
  margin-top: 2rem;
}
.product h3 {
  height: 4rem;
  font-weight: normal;
}
.product h3 a {
  display: block;
}
.product h3 strong {
  display: inline-block;
  padding: 0 1.6rem 0 1rem;
  font-size: 1.8rem;
  color: #024199;
  line-height: 3.3rem;
  position: relative;
  font-weight: normal;
}

.product h3 span {
  display: block;
  float: right;
  font-size: 1.3rem;
  color: #333;
  line-height: 3.3rem;
  margin-right: 1.05rem;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.product h3 span:hover {
  letter-spacing: 1px;
}
.pro_nav {
  background: #fff;
  margin: 15px auto 20px;
}

.pro_nav ul li{float:left;width: 45%;margin: 0 2.5% 3%;text-align:center;line-height:20px;display:block;font-size:14px;}
.pro_nav ul li span{ height:38px; clear:both; display:block; overflow:hidden;}
.pro_nav ul li a img {  border:1px solid #e2e2e2; float:left; width:100%; margin-bottom:8px;min-height:8rem; height:auto; }
