/* 产品列表页面一样式  */
.g-bd .m-con-1 {/* padding:15px 0 12px 0;*/ width:320px; margin:15px auto;}
.g-bd .m-con-1 a { float:left; width:132px; margin:0 14px 10px 14px; 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; margin-bottom:8px; width:130px;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 36px 12px 10px; position:relative; }
.g-bd .m-con-2 dt { float:left;display:block;border:1px solid #ccc; margin-right:11px; }
.g-bd .m-con-2 dt img { display:block; float:left;border:1px solid #e2e2e2;}
.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: 65px; 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;}


/* 新闻列表页面三样式  */
.g-bd .m-con-3 { margin:10px 10px 26px 10px; }
.g-bd .m-con-3 ul { border-bottom:1px solid #eaeaea;}
.g-bd .m-con-3 li { height:32px; line-height:32px; padding:0 15px; position:relative; white-space: nowrap; text-overflow:ellipsis; background-position:5px -1629px;overflow:hidden;display:block; }
.g-bd .m-con-3 li:before { content:""; position:absolute; background:#3e3e3e; width:4px; height:4px; left:6px; top:15px; }
.g-bd .m-con-3 .first { border-top:none; }
.g-bd .m-con-3 li span { display: block; height: 16px; position: absolute; right: 10px; top: 10px; width: 9px; }
.g-bd .m-con-3 li span:before { content:""; position:absolute; background:#7c7c7c; width:10px; height:10px; left:2px; top:2px; z-index:10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.g-bd .m-con-3 li span:after { content:""; position:absolute; width:10px; height:10px; left:0; top:2px; z-index:11; background-color:#fafafa; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#f8f8f8)); background-image: -webkit-linear-gradient(top, #fafafa, #f8f8f8); background-image: -moz-linear-gradient(top, #fafafa, #f8f8f8); background-image: -o-linear-gradient(top, #fafafa, #f8f8f8); background-image: -ms-linear-gradient(top, #fafafa, #f8f8f8); background-image: linear-gradient(top, #fafafa, #f8f8f8); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }


/* 新闻列表页面四样式  */
@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1440px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1280px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:6;-moz-column-count:6;}
}
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:5;-moz-column-count:5;}
}
@media screen and (max-width: 960px) { /*当屏幕尺寸小于960px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:4;-moz-column-count:4;}
}
@media screen and (max-width: 720px) { /*当屏幕尺寸小于720px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:3;-moz-column-count:3;}
}
@media screen and (max-width: 400px) { /*当屏幕尺寸小于400px时，应用下面的CSS样式*/
  .g-prolistbox4 .content {-webkit-column-count:2;-moz-column-count:2;}
}
.g-prolistbox4 .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-prolistbox4 .content div { vertical-align:top; display:inline-block; margin-bottom:10px; text-align:center; line-height:20px; overflow:hidden; font-size:14px; }
.g-prolistbox4 .description{ color:#999; display:block; height:40px; overflow:hidden;}
.g-prolistbox4 .content div img { border:1px solid #e2e2e2; text-align:center; margin-bottom:8px; display:block;}
.g-prolistbox4 .content  i{ height:40px; line-height:20px;overflow:hidden; display:inline-block;}


/**/

.navli{ padding:0 4%; height:auto;}
.navli h3{ height:54px; font:18px "Microsoft Yahei"; font-weight:bold; line-height:54px; overflow:hidden; background:url(/Skins/default/Img/Index/pro_line.gif) no-repeat left bottom;}
.navli h3 b{ display:inline-block; color:#e35517; background:url(/Skins/default/Img/Index/h.gif) no-repeat 0 10px; padding-left:30px;}
.ul01{ height:50px; overflow:hidden; margin-top:18px;}
.ul01 li{ width:33.3%; height:50px; overflow:hidden; float:left; cursor:pointer;}
.ul01 li b{ display:inline-block; width:100%; height:50px; text-align:center; font:0.83rem "Microsoft Yahei"; line-height:50px; overflow:hidden; color:#333; background:url(/Skins/default/Img/Index/navli_h1.gif) no-repeat; background-size:100% 50px;}
.ul01 li.active b,.ul01 li.cur b{ color:#fff;background:url(/Skins/default/Img/Index/navli_h2.gif) no-repeat;background-size:100% 50px; text-decoration:none;}
.navli2{ border:1px solid #d2d2d2;margin-bottom:2rem;}
.navli2 h4{ height:9rem;background:url(/Skins/default/Img/Index/li_line.gif) no-repeat center bottom; font:1.6rem "Microsoft Yahei"; font-weight:bold; overflow:hidden;}
.navli2 h4 a, .navli2 h4 b{display: block;color: #014e96;background: url(/Skins/default/Img/Index/navsou.gif) no-repeat 2rem 2rem;background-size: 4rem 4rem;padding-left: 7rem;padding-top: 2rem;height: 6rem; }
.navli2 h4 span{ display:block;color:#333; font-weight:normal; }
.ul02 li{border-bottom:1px dashed #c6c6c6; overflow:hidden; padding: 1rem;}
.ul02 li span{ display:inline-block; float:left; font:1rem "Microsoft Yahei"; line-height:2rem; overflow:hidden; height:2rem;}
.ul02 li input{ width:98%; height:2.5rem; border:1px solid #b4b4b4;box-sizing: border-box; line-height:2.5rem; padding-left:2%; margin-top:0.5rem; overflow:hidden;}
.navli2 .hh4{ position:relative;}
.navli2 .hh4 a{background:url(/Skins/default/Img/Index/navsou2.gif) no-repeat 2rem 2rem;background-size: 4rem 4rem;}
.navli2 .hh4 a:hover { cursor:default; text-decoration:none; }
.navli2 .hh4 p{ width:307px; height:50px; overflow:hidden; position:absolute; top:36px; left:324px;}
.navli2 .hh4 p a{ padding:0; }
.navli2 .hh4 p a:hover{ cursor:pointer; }

.navli2 .ul03{ margin-top:1.5rem; }
.navli2 .ul03 li{line-height:2rem; background:#fff;  margin:0 4% 1rem ; display:block;}
.navli2 .ul03 li span{ display:block; font:1rem "Microsoft Yahei"; color:#333; height:2.5rem; line-height:2.5rem; overflow:hidden;}
.navli2 .ul03 li i{ display:inline-block; vertical-align:top; font-style:normal; color:#f00;}
.navli2 .ul03 li span em{ padding:0 8px;}
.navli2 .ul03 li input{ width:90%; height:2.5rem; line-height:2.5rem; border:1px solid #b4b4b4;margin-right:0.5rem;overflow:hidden;}
.navli2 .ul03 .yz{  position:relative;}
.navli2 .ul03 .yz span{float:left;width:20%}
.navli2 .ul03 .yz input{ width:40%; height:2.5rem; line-height:2.5rem; overflow:hidden;}
.navli2 .ul03 .yz img{ vertical-align:middle;}
.navli2 .ul03 .btt{ overflow:hidden; background:none; border:0;}
.navli2 .ul03 .btt input{ width:40%; height:45px; background:url(/Skins/default/Img/Index/online_btn1.gif) no-repeat; background-size:100% 45px; padding:0; border:0; color:#fff; float:left;}
.navli2 .ul03 .btt .in02{float:right;background:url(/Skins/default/Img/Index/online_btn2.gif) no-repeat;background-size:100% 45px;}